/* powered by kodbox; ver 1.15(2020-12-31) [build 1609419618.0142] */
.ri-24-hours-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea01"; } .ri-24-hours-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea02"; } .ri-4k-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea03"; } .ri-4k-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea04"; } .ri-a-b { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea05"; } .ri-account-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea06"; } .ri-account-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea07"; } .ri-account-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea08"; } .ri-account-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea09"; } .ri-account-pin-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea0a"; } .ri-account-pin-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea0b"; } .ri-account-pin-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea0c"; } .ri-account-pin-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea0d"; } .ri-add-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea0e"; } .ri-add-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea0f"; } .ri-add-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea10"; } .ri-add-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea11"; } .ri-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea12"; } .ri-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea13"; } .ri-admin-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea14"; } .ri-admin-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea15"; } .ri-advertisement-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea16"; } .ri-advertisement-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea17"; } .ri-airplay-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea18"; } .ri-airplay-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea19"; } .ri-alarm-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea1a"; } .ri-alarm-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea1b"; } .ri-alarm-warning-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea1c"; } .ri-alarm-warning-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea1d"; } .ri-album-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea1e"; } .ri-album-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea1f"; } .ri-alert-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea20"; } .ri-alert-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea21"; } .ri-aliens-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea22"; } .ri-aliens-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea23"; } .ri-align-bottom { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea24"; } .ri-align-center { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea25"; } .ri-align-justify { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea26"; } .ri-align-left { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea27"; } .ri-align-right { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea28"; } .ri-align-top { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea29"; } .ri-align-vertically { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea2a"; } .ri-alipay-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea2b"; } .ri-alipay-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea2c"; } .ri-amazon-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea2d"; } .ri-amazon-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea2e"; } .ri-anchor-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea2f"; } .ri-anchor-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea30"; } .ri-ancient-gate-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea31"; } .ri-ancient-gate-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea32"; } .ri-ancient-pavilion-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea33"; } .ri-ancient-pavilion-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea34"; } .ri-android-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea35"; } .ri-android-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea36"; } .ri-angularjs-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea37"; } .ri-angularjs-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea38"; } .ri-anticlockwise-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea39"; } .ri-anticlockwise-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea3a"; } .ri-anticlockwise-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea3b"; } .ri-anticlockwise-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea3c"; } .ri-app-store-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea3d"; } .ri-app-store-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea3e"; } .ri-apple-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea3f"; } .ri-apple-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea40"; } .ri-apps-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea41"; } .ri-apps-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea42"; } .ri-apps-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea43"; } .ri-apps-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea44"; } .ri-archive-drawer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea45"; } .ri-archive-drawer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea46"; } .ri-archive-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea47"; } .ri-archive-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea48"; } .ri-arrow-down-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea49"; } .ri-arrow-down-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4a"; } .ri-arrow-down-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4b"; } .ri-arrow-down-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4c"; } .ri-arrow-down-s-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4d"; } .ri-arrow-down-s-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4e"; } .ri-arrow-drop-down-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4f"; } .ri-arrow-drop-down-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea50"; } .ri-arrow-drop-left-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea51"; } .ri-arrow-drop-left-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea52"; } .ri-arrow-drop-right-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea53"; } .ri-arrow-drop-right-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea54"; } .ri-arrow-drop-up-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea55"; } .ri-arrow-drop-up-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea56"; } .ri-arrow-go-back-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea57"; } .ri-arrow-go-back-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea58"; } .ri-arrow-go-forward-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea59"; } .ri-arrow-go-forward-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea5a"; } .ri-arrow-left-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea5b"; } .ri-arrow-left-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea5c"; } .ri-arrow-left-down-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea5d"; } .ri-arrow-left-down-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea5e"; } .ri-arrow-left-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea5f"; } .ri-arrow-left-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea60"; } .ri-arrow-left-right-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea61"; } .ri-arrow-left-right-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea62"; } .ri-arrow-left-s-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea63"; } .ri-arrow-left-s-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea64"; } .ri-arrow-left-up-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea65"; } .ri-arrow-left-up-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea66"; } .ri-arrow-right-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea67"; } .ri-arrow-right-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea68"; } .ri-arrow-right-down-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea69"; } .ri-arrow-right-down-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6a"; } .ri-arrow-right-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6b"; } .ri-arrow-right-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6c"; } .ri-arrow-right-s-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6d"; } .ri-arrow-right-s-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6e"; } .ri-arrow-right-up-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6f"; } .ri-arrow-right-up-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea70"; } .ri-arrow-up-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea71"; } .ri-arrow-up-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea72"; } .ri-arrow-up-down-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea73"; } .ri-arrow-up-down-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea74"; } .ri-arrow-up-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea75"; } .ri-arrow-up-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea76"; } .ri-arrow-up-s-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea77"; } .ri-arrow-up-s-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea78"; } .ri-artboard-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea79"; } .ri-artboard-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea7a"; } .ri-artboard-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea7b"; } .ri-artboard-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea7c"; } .ri-article-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea7d"; } .ri-article-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea7e"; } .ri-aspect-ratio-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea7f"; } .ri-aspect-ratio-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea80"; } .ri-asterisk { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea81"; } .ri-at-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea82"; } .ri-at-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea83"; } .ri-attachment-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea84"; } .ri-attachment-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea85"; } .ri-attachment-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea86"; } .ri-auction-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea87"; } .ri-auction-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea88"; } .ri-award-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea89"; } .ri-award-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea8a"; } .ri-baidu-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea8b"; } .ri-baidu-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea8c"; } .ri-ball-pen-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea8d"; } .ri-ball-pen-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea8e"; } .ri-bank-card-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea8f"; } .ri-bank-card-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea90"; } .ri-bank-card-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea91"; } .ri-bank-card-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea92"; } .ri-bank-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea93"; } .ri-bank-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea94"; } .ri-bar-chart-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea95"; } .ri-bar-chart-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea96"; } .ri-bar-chart-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea97"; } .ri-bar-chart-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea98"; } .ri-bar-chart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea99"; } .ri-bar-chart-grouped-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea9a"; } .ri-bar-chart-grouped-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea9b"; } .ri-bar-chart-horizontal-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea9c"; } .ri-bar-chart-horizontal-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea9d"; } .ri-bar-chart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea9e"; } .ri-barcode-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea9f"; } .ri-barcode-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaa0"; } .ri-barcode-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaa1"; } .ri-barcode-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaa2"; } .ri-barricade-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaa3"; } .ri-barricade-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaa4"; } .ri-base-station-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaa5"; } .ri-base-station-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaa6"; } .ri-basketball-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaa7"; } .ri-basketball-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaa8"; } .ri-battery-2-charge-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaa9"; } .ri-battery-2-charge-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaaa"; } .ri-battery-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaab"; } .ri-battery-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaac"; } .ri-battery-charge-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaad"; } .ri-battery-charge-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaae"; } .ri-battery-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaaf"; } .ri-battery-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eab0"; } .ri-battery-low-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eab1"; } .ri-battery-low-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eab2"; } .ri-battery-saver-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eab3"; } .ri-battery-saver-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eab4"; } .ri-battery-share-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eab5"; } .ri-battery-share-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eab6"; } .ri-bear-smile-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eab7"; } .ri-bear-smile-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eab8"; } .ri-behance-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eab9"; } .ri-behance-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaba"; } .ri-bell-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eabb"; } .ri-bell-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eabc"; } .ri-bike-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eabd"; } .ri-bike-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eabe"; } .ri-bilibili-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eabf"; } .ri-bilibili-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eac0"; } .ri-bill-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eac1"; } .ri-bill-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eac2"; } .ri-billiards-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eac3"; } .ri-billiards-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eac4"; } .ri-bit-coin-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eac5"; } .ri-bit-coin-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eac6"; } .ri-blaze-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eac7"; } .ri-blaze-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eac8"; } .ri-bluetooth-connect-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eac9"; } .ri-bluetooth-connect-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaca"; } .ri-bluetooth-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eacb"; } .ri-bluetooth-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eacc"; } .ri-blur-off-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eacd"; } .ri-blur-off-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eace"; } .ri-body-scan-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eacf"; } .ri-body-scan-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead0"; } .ri-bold { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead1"; } .ri-book-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead2"; } .ri-book-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead3"; } .ri-book-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead4"; } .ri-book-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead5"; } .ri-book-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead6"; } .ri-book-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead7"; } .ri-book-mark-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead8"; } .ri-book-mark-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead9"; } .ri-book-open-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eada"; } .ri-book-open-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eadb"; } .ri-book-read-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eadc"; } .ri-book-read-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eadd"; } .ri-booklet-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eade"; } .ri-booklet-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eadf"; } .ri-bookmark-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae0"; } .ri-bookmark-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae1"; } .ri-bookmark-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae2"; } .ri-bookmark-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae3"; } .ri-bookmark-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae4"; } .ri-bookmark-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae5"; } .ri-boxing-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae6"; } .ri-boxing-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae7"; } .ri-braces-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae8"; } .ri-braces-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae9"; } .ri-brackets-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaea"; } .ri-brackets-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaeb"; } .ri-briefcase-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaec"; } .ri-briefcase-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaed"; } .ri-briefcase-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaee"; } .ri-briefcase-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaef"; } .ri-briefcase-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaf0"; } .ri-briefcase-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaf1"; } .ri-briefcase-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaf2"; } .ri-briefcase-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaf3"; } .ri-briefcase-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaf4"; } .ri-briefcase-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaf5"; } .ri-bring-forward { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaf6"; } .ri-bring-to-front { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaf7"; } .ri-broadcast-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaf8"; } .ri-broadcast-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaf9"; } .ri-brush-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eafa"; } .ri-brush-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eafb"; } .ri-brush-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eafc"; } .ri-brush-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eafd"; } .ri-brush-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eafe"; } .ri-brush-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eaff"; } .ri-brush-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb00"; } .ri-brush-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb01"; } .ri-bubble-chart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb02"; } .ri-bubble-chart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb03"; } .ri-bug-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb04"; } .ri-bug-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb05"; } .ri-bug-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb06"; } .ri-bug-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb07"; } .ri-building-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb08"; } .ri-building-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb09"; } .ri-building-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb0a"; } .ri-building-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb0b"; } .ri-building-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb0c"; } .ri-building-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb0d"; } .ri-building-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb0e"; } .ri-building-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb0f"; } .ri-bus-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb10"; } .ri-bus-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb11"; } .ri-bus-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb12"; } .ri-bus-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb13"; } .ri-bus-wifi-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb14"; } .ri-bus-wifi-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb15"; } .ri-cactus-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb16"; } .ri-cactus-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb17"; } .ri-cake-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb18"; } .ri-cake-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb19"; } .ri-cake-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb1a"; } .ri-cake-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb1b"; } .ri-cake-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb1c"; } .ri-cake-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb1d"; } .ri-calculator-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb1e"; } .ri-calculator-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb1f"; } .ri-calendar-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb20"; } .ri-calendar-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb21"; } .ri-calendar-check-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb22"; } .ri-calendar-check-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb23"; } .ri-calendar-event-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb24"; } .ri-calendar-event-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb25"; } .ri-calendar-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb26"; } .ri-calendar-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb27"; } .ri-calendar-todo-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb28"; } .ri-calendar-todo-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb29"; } .ri-camera-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb2a"; } .ri-camera-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb2b"; } .ri-camera-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb2c"; } .ri-camera-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb2d"; } .ri-camera-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb2e"; } .ri-camera-lens-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb2f"; } .ri-camera-lens-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb30"; } .ri-camera-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb31"; } .ri-camera-off-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb32"; } .ri-camera-off-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb33"; } .ri-camera-switch-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb34"; } .ri-camera-switch-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb35"; } .ri-capsule-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb36"; } .ri-capsule-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb37"; } .ri-car-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb38"; } .ri-car-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb39"; } .ri-car-washing-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb3a"; } .ri-car-washing-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb3b"; } .ri-caravan-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb3c"; } .ri-caravan-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb3d"; } .ri-cast-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb3e"; } .ri-cast-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb3f"; } .ri-cellphone-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb40"; } .ri-cellphone-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb41"; } .ri-celsius-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb42"; } .ri-celsius-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb43"; } .ri-centos-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb44"; } .ri-centos-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb45"; } .ri-character-recognition-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb46"; } .ri-character-recognition-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb47"; } .ri-charging-pile-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb48"; } .ri-charging-pile-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb49"; } .ri-charging-pile-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb4a"; } .ri-charging-pile-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb4b"; } .ri-chat-1-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb4c"; } .ri-chat-1-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb4d"; } .ri-chat-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb4e"; } .ri-chat-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb4f"; } .ri-chat-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb50"; } .ri-chat-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb51"; } .ri-chat-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb52"; } .ri-chat-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb53"; } .ri-chat-check-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb54"; } .ri-chat-check-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb55"; } .ri-chat-delete-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb56"; } .ri-chat-delete-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb57"; } .ri-chat-download-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb58"; } .ri-chat-download-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb59"; } .ri-chat-follow-up-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb5a"; } .ri-chat-follow-up-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb5b"; } .ri-chat-forward-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb5c"; } .ri-chat-forward-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb5d"; } .ri-chat-heart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb5e"; } .ri-chat-heart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb5f"; } .ri-chat-history-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb60"; } .ri-chat-history-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb61"; } .ri-chat-new-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb62"; } .ri-chat-new-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb63"; } .ri-chat-off-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb64"; } .ri-chat-off-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb65"; } .ri-chat-poll-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb66"; } .ri-chat-poll-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb67"; } .ri-chat-private-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb68"; } .ri-chat-private-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb69"; } .ri-chat-quote-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb6a"; } .ri-chat-quote-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb6b"; } .ri-chat-settings-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb6c"; } .ri-chat-settings-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb6d"; } .ri-chat-smile-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb6e"; } .ri-chat-smile-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb6f"; } .ri-chat-smile-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb70"; } .ri-chat-smile-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb71"; } .ri-chat-smile-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb72"; } .ri-chat-smile-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb73"; } .ri-chat-upload-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb74"; } .ri-chat-upload-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb75"; } .ri-chat-voice-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb76"; } .ri-chat-voice-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb77"; } .ri-check-double-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb78"; } .ri-check-double-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb79"; } .ri-check-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7a"; } .ri-check-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .ri-checkbox-blank-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7c"; } .ri-checkbox-blank-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7d"; } .ri-checkbox-blank-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7e"; } .ri-checkbox-blank-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7f"; } .ri-checkbox-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb80"; } .ri-checkbox-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb81"; } .ri-checkbox-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb82"; } .ri-checkbox-indeterminate-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb83"; } .ri-checkbox-indeterminate-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb84"; } .ri-checkbox-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb85"; } .ri-checkbox-multiple-blank-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb86"; } .ri-checkbox-multiple-blank-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb87"; } .ri-checkbox-multiple-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb88"; } .ri-checkbox-multiple-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb89"; } .ri-china-railway-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb8a"; } .ri-china-railway-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb8b"; } .ri-chrome-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb8c"; } .ri-chrome-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb8d"; } .ri-clapperboard-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb8e"; } .ri-clapperboard-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb8f"; } .ri-clipboard-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb90"; } .ri-clipboard-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb91"; } .ri-clockwise-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb92"; } .ri-clockwise-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb93"; } .ri-clockwise-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb94"; } .ri-clockwise-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb95"; } .ri-close-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb96"; } .ri-close-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb97"; } .ri-close-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb98"; } .ri-close-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .ri-closed-captioning-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb9a"; } .ri-closed-captioning-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb9b"; } .ri-cloud-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb9c"; } .ri-cloud-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb9d"; } .ri-cloud-off-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb9e"; } .ri-cloud-off-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb9f"; } .ri-cloud-windy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba0"; } .ri-cloud-windy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba1"; } .ri-cloudy-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba2"; } .ri-cloudy-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba3"; } .ri-cloudy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba4"; } .ri-cloudy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba5"; } .ri-code-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba6"; } .ri-code-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba7"; } .ri-code-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba8"; } .ri-code-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba9"; } .ri-code-s-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebaa"; } .ri-code-s-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebab"; } .ri-code-s-slash-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebac"; } .ri-code-s-slash-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebad"; } .ri-code-view { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebae"; } .ri-codepen-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebaf"; } .ri-codepen-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebb0"; } .ri-coin-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebb1"; } .ri-coin-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebb2"; } .ri-coins-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebb3"; } .ri-coins-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebb4"; } .ri-collage-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebb5"; } .ri-collage-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebb6"; } .ri-command-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebb7"; } .ri-command-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebb8"; } .ri-community-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebb9"; } .ri-community-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebba"; } .ri-compass-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebbb"; } .ri-compass-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebbc"; } .ri-compass-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebbd"; } .ri-compass-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebbe"; } .ri-compass-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebbf"; } .ri-compass-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebc0"; } .ri-compass-discover-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebc1"; } .ri-compass-discover-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebc2"; } .ri-compass-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebc3"; } .ri-compass-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebc4"; } .ri-compasses-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebc5"; } .ri-compasses-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebc6"; } .ri-compasses-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebc7"; } .ri-compasses-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebc8"; } .ri-computer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebc9"; } .ri-computer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebca"; } .ri-contacts-book-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebcb"; } .ri-contacts-book-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebcc"; } .ri-contacts-book-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebcd"; } .ri-contacts-book-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebce"; } .ri-contacts-book-upload-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebcf"; } .ri-contacts-book-upload-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebd0"; } .ri-contacts-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebd1"; } .ri-contacts-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebd2"; } .ri-contrast-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebd3"; } .ri-contrast-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebd4"; } .ri-contrast-drop-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebd5"; } .ri-contrast-drop-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebd6"; } .ri-contrast-drop-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebd7"; } .ri-contrast-drop-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebd8"; } .ri-contrast-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebd9"; } .ri-contrast-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebda"; } .ri-copper-coin-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebdb"; } .ri-copper-coin-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebdc"; } .ri-copper-diamond-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebdd"; } .ri-copper-diamond-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebde"; } .ri-copyleft-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebdf"; } .ri-copyleft-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebe0"; } .ri-copyright-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebe1"; } .ri-copyright-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebe2"; } .ri-coreos-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebe3"; } .ri-coreos-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebe4"; } .ri-coupon-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebe5"; } .ri-coupon-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebe6"; } .ri-coupon-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebe7"; } .ri-coupon-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebe8"; } .ri-coupon-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebe9"; } .ri-coupon-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebea"; } .ri-coupon-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebeb"; } .ri-coupon-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebec"; } .ri-coupon-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebed"; } .ri-coupon-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebee"; } .ri-cpu-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebef"; } .ri-cpu-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebf0"; } .ri-creative-commons-by-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebf1"; } .ri-creative-commons-by-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebf2"; } .ri-creative-commons-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebf3"; } .ri-creative-commons-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebf4"; } .ri-creative-commons-nc-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebf5"; } .ri-creative-commons-nc-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebf6"; } .ri-creative-commons-nd-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebf7"; } .ri-creative-commons-nd-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebf8"; } .ri-creative-commons-sa-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebf9"; } .ri-creative-commons-sa-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebfa"; } .ri-creative-commons-zero-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebfb"; } .ri-creative-commons-zero-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebfc"; } .ri-criminal-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebfd"; } .ri-criminal-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebfe"; } .ri-crop-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebff"; } .ri-crop-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec00"; } .ri-crop-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec01"; } .ri-crop-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec02"; } .ri-css3-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec03"; } .ri-css3-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec04"; } .ri-cup-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec05"; } .ri-cup-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec06"; } .ri-currency-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec07"; } .ri-currency-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec08"; } .ri-cursor-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec09"; } .ri-cursor-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec0a"; } .ri-customer-service-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec0b"; } .ri-customer-service-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec0c"; } .ri-customer-service-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec0d"; } .ri-customer-service-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec0e"; } .ri-dashboard-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec0f"; } .ri-dashboard-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec10"; } .ri-dashboard-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec11"; } .ri-dashboard-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec12"; } .ri-dashboard-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec13"; } .ri-dashboard-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec14"; } .ri-database-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec15"; } .ri-database-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec16"; } .ri-database-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec17"; } .ri-database-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec18"; } .ri-delete-back-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec19"; } .ri-delete-back-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec1a"; } .ri-delete-back-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec1b"; } .ri-delete-back-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec1c"; } .ri-delete-bin-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec1d"; } .ri-delete-bin-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec1e"; } .ri-delete-bin-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec1f"; } .ri-delete-bin-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec20"; } .ri-delete-bin-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec21"; } .ri-delete-bin-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec22"; } .ri-delete-bin-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec23"; } .ri-delete-bin-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec24"; } .ri-delete-bin-fill-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec25"; } .ri-delete-bin-line-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec26"; } .ri-delete-bin-fill-7 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec27"; } .ri-delete-bin-line-7 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec28"; } .ri-delete-bin-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec29"; } .ri-delete-bin-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec2a"; } .ri-delete-column { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec2b"; } .ri-delete-row { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec2c"; } .ri-device-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec2d"; } .ri-device-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec2e"; } .ri-device-recover-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec2f"; } .ri-device-recover-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec30"; } .ri-dingding-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec31"; } .ri-dingding-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec32"; } .ri-direction-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec33"; } .ri-direction-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec34"; } .ri-disc-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec35"; } .ri-disc-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec36"; } .ri-discord-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec37"; } .ri-discord-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec38"; } .ri-discuss-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec39"; } .ri-discuss-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec3a"; } .ri-dislike-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec3b"; } .ri-dislike-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec3c"; } .ri-disqus-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec3d"; } .ri-disqus-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec3e"; } .ri-divide-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec3f"; } .ri-divide-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec40"; } .ri-donut-chart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec41"; } .ri-donut-chart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec42"; } .ri-door-closed-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec43"; } .ri-door-closed-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec44"; } .ri-door-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec45"; } .ri-door-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec46"; } .ri-door-lock-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec47"; } .ri-door-lock-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec48"; } .ri-door-lock-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec49"; } .ri-door-lock-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec4a"; } .ri-door-open-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec4b"; } .ri-door-open-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec4c"; } .ri-dossier-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec4d"; } .ri-dossier-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec4e"; } .ri-douban-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec4f"; } .ri-douban-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec50"; } .ri-double-quotes-l { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec51"; } .ri-double-quotes-r { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec52"; } .ri-download-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec53"; } .ri-download-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec54"; } .ri-download-cloud-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec55"; } .ri-download-cloud-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec56"; } .ri-download-cloud-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec57"; } .ri-download-cloud-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec58"; } .ri-download-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec59"; } .ri-download-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec5a"; } .ri-draft-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec5b"; } .ri-draft-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec5c"; } .ri-drag-drop-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec5d"; } .ri-drag-drop-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec5e"; } .ri-drag-move-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec5f"; } .ri-drag-move-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec60"; } .ri-drag-move-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec61"; } .ri-drag-move-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec62"; } .ri-dribbble-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec63"; } .ri-dribbble-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec64"; } .ri-drive-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec65"; } .ri-drive-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec66"; } .ri-drizzle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec67"; } .ri-drizzle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec68"; } .ri-drop-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec69"; } .ri-drop-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec6a"; } .ri-dropbox-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec6b"; } .ri-dropbox-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec6c"; } .ri-dual-sim-1-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec6d"; } .ri-dual-sim-1-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec6e"; } .ri-dual-sim-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec6f"; } .ri-dual-sim-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec70"; } .ri-dv-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec71"; } .ri-dv-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec72"; } .ri-dvd-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec73"; } .ri-dvd-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec74"; } .ri-e-bike-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec75"; } .ri-e-bike-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec76"; } .ri-e-bike-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec77"; } .ri-e-bike-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec78"; } .ri-earth-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec79"; } .ri-earth-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec7a"; } .ri-earthquake-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec7b"; } .ri-earthquake-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec7c"; } .ri-edge-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec7d"; } .ri-edge-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec7e"; } .ri-edit-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec7f"; } .ri-edit-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec80"; } .ri-edit-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec81"; } .ri-edit-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec82"; } .ri-edit-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec83"; } .ri-edit-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec84"; } .ri-edit-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec85"; } .ri-edit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec86"; } .ri-eject-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec87"; } .ri-eject-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec88"; } .ri-emotion-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec89"; } .ri-emotion-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec8a"; } .ri-emotion-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec8b"; } .ri-emotion-happy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec8c"; } .ri-emotion-happy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec8d"; } .ri-emotion-laugh-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec8e"; } .ri-emotion-laugh-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec8f"; } .ri-emotion-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec90"; } .ri-emotion-normal-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec91"; } .ri-emotion-normal-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec92"; } .ri-emotion-sad-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec93"; } .ri-emotion-sad-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec94"; } .ri-emotion-unhappy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec95"; } .ri-emotion-unhappy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec96"; } .ri-empathize-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec97"; } .ri-empathize-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec98"; } .ri-emphasis-cn { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec99"; } .ri-emphasis { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec9a"; } .ri-english-input { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec9b"; } .ri-equalizer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec9c"; } .ri-equalizer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec9d"; } .ri-eraser-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec9e"; } .ri-eraser-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec9f"; } .ri-error-warning-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca0"; } .ri-error-warning-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca1"; } .ri-evernote-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca2"; } .ri-evernote-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca3"; } .ri-exchange-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca4"; } .ri-exchange-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca5"; } .ri-exchange-cny-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca6"; } .ri-exchange-cny-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca7"; } .ri-exchange-dollar-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca8"; } .ri-exchange-dollar-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca9"; } .ri-exchange-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecaa"; } .ri-exchange-funds-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecab"; } .ri-exchange-funds-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecac"; } .ri-exchange-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecad"; } .ri-external-link-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecae"; } .ri-external-link-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecaf"; } .ri-eye-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb0"; } .ri-eye-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb1"; } .ri-eye-close-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb2"; } .ri-eye-close-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb3"; } .ri-eye-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb4"; } .ri-eye-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb5"; } .ri-eye-off-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb6"; } .ri-eye-off-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb7"; } .ri-facebook-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb8"; } .ri-facebook-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb9"; } .ri-facebook-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecba"; } .ri-facebook-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecbb"; } .ri-facebook-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecbc"; } .ri-facebook-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecbd"; } .ri-fahrenheit-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecbe"; } .ri-fahrenheit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecbf"; } .ri-feedback-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc0"; } .ri-feedback-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc1"; } .ri-file-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc2"; } .ri-file-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc3"; } .ri-file-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc4"; } .ri-file-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc5"; } .ri-file-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc6"; } .ri-file-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc7"; } .ri-file-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc8"; } .ri-file-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc9"; } .ri-file-chart-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecca"; } .ri-file-chart-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eccb"; } .ri-file-chart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eccc"; } .ri-file-chart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eccd"; } .ri-file-cloud-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecce"; } .ri-file-cloud-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eccf"; } .ri-file-code-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd0"; } .ri-file-code-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd1"; } .ri-file-copy-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd2"; } .ri-file-copy-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd3"; } .ri-file-copy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd4"; } .ri-file-copy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd5"; } .ri-file-damage-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd6"; } .ri-file-damage-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd7"; } .ri-file-download-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd8"; } .ri-file-download-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd9"; } .ri-file-edit-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecda"; } .ri-file-edit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecdb"; } .ri-file-excel-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecdc"; } .ri-file-excel-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecdd"; } .ri-file-excel-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecde"; } .ri-file-excel-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecdf"; } .ri-file-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ece0"; } .ri-file-forbid-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ece1"; } .ri-file-forbid-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ece2"; } .ri-file-gif-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ece3"; } .ri-file-gif-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ece4"; } .ri-file-history-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ece5"; } .ri-file-history-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ece6"; } .ri-file-hwp-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ece7"; } .ri-file-hwp-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ece8"; } .ri-file-info-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ece9"; } .ri-file-info-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecea"; } .ri-file-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eceb"; } .ri-file-list-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecec"; } .ri-file-list-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eced"; } .ri-file-list-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecee"; } .ri-file-list-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecef"; } .ri-file-list-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf0"; } .ri-file-list-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf1"; } .ri-file-lock-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf2"; } .ri-file-lock-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf3"; } .ri-file-mark-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf4"; } .ri-file-mark-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf5"; } .ri-file-music-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf6"; } .ri-file-music-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf7"; } .ri-file-paper-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf8"; } .ri-file-paper-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf9"; } .ri-file-paper-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecfa"; } .ri-file-paper-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecfb"; } .ri-file-pdf-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecfc"; } .ri-file-pdf-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecfd"; } .ri-file-ppt-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecfe"; } .ri-file-ppt-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecff"; } .ri-file-ppt-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed00"; } .ri-file-ppt-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed01"; } .ri-file-reduce-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed02"; } .ri-file-reduce-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed03"; } .ri-file-search-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed04"; } .ri-file-search-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed05"; } .ri-file-settings-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed06"; } .ri-file-settings-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed07"; } .ri-file-shield-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed08"; } .ri-file-shield-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed09"; } .ri-file-shield-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed0a"; } .ri-file-shield-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed0b"; } .ri-file-shred-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed0c"; } .ri-file-shred-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed0d"; } .ri-file-text-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed0e"; } .ri-file-text-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed0f"; } .ri-file-transfer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed10"; } .ri-file-transfer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed11"; } .ri-file-unknow-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed12"; } .ri-file-unknow-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed13"; } .ri-file-upload-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed14"; } .ri-file-upload-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed15"; } .ri-file-user-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed16"; } .ri-file-user-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed17"; } .ri-file-warning-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed18"; } .ri-file-warning-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed19"; } .ri-file-word-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed1a"; } .ri-file-word-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed1b"; } .ri-file-word-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed1c"; } .ri-file-word-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed1d"; } .ri-file-zip-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed1e"; } .ri-file-zip-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed1f"; } .ri-film-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed20"; } .ri-film-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed21"; } .ri-filter-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed22"; } .ri-filter-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed23"; } .ri-filter-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed24"; } .ri-filter-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed25"; } .ri-filter-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed26"; } .ri-filter-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed27"; } .ri-filter-off-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed28"; } .ri-filter-off-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed29"; } .ri-find-replace-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed2a"; } .ri-find-replace-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed2b"; } .ri-finder-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed2c"; } .ri-finder-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed2d"; } .ri-fingerprint-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed2e"; } .ri-fingerprint-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed2f"; } .ri-fingerprint-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed30"; } .ri-fingerprint-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed31"; } .ri-fire-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed32"; } .ri-fire-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed33"; } .ri-firefox-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed34"; } .ri-firefox-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed35"; } .ri-first-aid-kit-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed36"; } .ri-first-aid-kit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed37"; } .ri-flag-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed38"; } .ri-flag-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed39"; } .ri-flag-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed3a"; } .ri-flag-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed3b"; } .ri-flashlight-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed3c"; } .ri-flashlight-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed3d"; } .ri-flask-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed3e"; } .ri-flask-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed3f"; } .ri-flight-land-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed40"; } .ri-flight-land-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed41"; } .ri-flight-takeoff-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed42"; } .ri-flight-takeoff-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed43"; } .ri-flood-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed44"; } .ri-flood-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed45"; } .ri-flow-chart { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed46"; } .ri-flutter-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed47"; } .ri-flutter-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed48"; } .ri-focus-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed49"; } .ri-focus-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed4a"; } .ri-focus-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed4b"; } .ri-focus-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed4c"; } .ri-focus-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed4d"; } .ri-focus-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed4e"; } .ri-foggy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed4f"; } .ri-foggy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed50"; } .ri-folder-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed51"; } .ri-folder-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed52"; } .ri-folder-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed53"; } .ri-folder-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed54"; } .ri-folder-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed55"; } .ri-folder-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed56"; } .ri-folder-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed57"; } .ri-folder-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed58"; } .ri-folder-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed59"; } .ri-folder-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed5a"; } .ri-folder-chart-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed5b"; } .ri-folder-chart-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed5c"; } .ri-folder-chart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed5d"; } .ri-folder-chart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed5e"; } .ri-folder-download-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed5f"; } .ri-folder-download-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed60"; } .ri-folder-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed61"; } .ri-folder-forbid-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed62"; } .ri-folder-forbid-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed63"; } .ri-folder-history-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed64"; } .ri-folder-history-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed65"; } .ri-folder-info-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed66"; } .ri-folder-info-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed67"; } .ri-folder-keyhole-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed68"; } .ri-folder-keyhole-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed69"; } .ri-folder-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed6a"; } .ri-folder-lock-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed6b"; } .ri-folder-lock-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed6c"; } .ri-folder-music-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed6d"; } .ri-folder-music-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed6e"; } .ri-folder-open-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed6f"; } .ri-folder-open-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed70"; } .ri-folder-received-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed71"; } .ri-folder-received-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed72"; } .ri-folder-reduce-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed73"; } .ri-folder-reduce-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed74"; } .ri-folder-settings-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed75"; } .ri-folder-settings-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed76"; } .ri-folder-shared-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed77"; } .ri-folder-shared-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed78"; } .ri-folder-shield-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed79"; } .ri-folder-shield-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed7a"; } .ri-folder-shield-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed7b"; } .ri-folder-shield-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed7c"; } .ri-folder-transfer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed7d"; } .ri-folder-transfer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed7e"; } .ri-folder-unknow-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed7f"; } .ri-folder-unknow-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed80"; } .ri-folder-upload-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed81"; } .ri-folder-upload-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed82"; } .ri-folder-user-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed83"; } .ri-folder-user-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed84"; } .ri-folder-warning-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed85"; } .ri-folder-warning-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed86"; } .ri-folder-zip-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed87"; } .ri-folder-zip-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed88"; } .ri-folders-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed89"; } .ri-folders-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed8a"; } .ri-font-color { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed8b"; } .ri-font-size-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed8c"; } .ri-font-size { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed8d"; } .ri-football-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed8e"; } .ri-football-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed8f"; } .ri-footprint-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed90"; } .ri-footprint-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed91"; } .ri-forbid-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed92"; } .ri-forbid-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed93"; } .ri-forbid-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed94"; } .ri-forbid-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed95"; } .ri-format-clear { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed96"; } .ri-fridge-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed97"; } .ri-fridge-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed98"; } .ri-fullscreen-exit-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed99"; } .ri-fullscreen-exit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9a"; } .ri-fullscreen-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9b"; } .ri-fullscreen-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9c"; } .ri-function-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9d"; } .ri-function-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9e"; } .ri-functions { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9f"; } .ri-funds-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda0"; } .ri-funds-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda1"; } .ri-funds-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda2"; } .ri-funds-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda3"; } .ri-gallery-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda4"; } .ri-gallery-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda5"; } .ri-gallery-upload-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda6"; } .ri-gallery-upload-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda7"; } .ri-game-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda8"; } .ri-game-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda9"; } .ri-gamepad-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edaa"; } .ri-gamepad-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edab"; } .ri-gas-station-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edac"; } .ri-gas-station-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edad"; } .ri-gatsby-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edae"; } .ri-gatsby-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edaf"; } .ri-genderless-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edb0"; } .ri-genderless-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edb1"; } .ri-ghost-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edb2"; } .ri-ghost-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edb3"; } .ri-ghost-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edb4"; } .ri-ghost-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edb5"; } .ri-ghost-smile-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edb6"; } .ri-ghost-smile-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edb7"; } .ri-gift-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edb8"; } .ri-gift-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edb9"; } .ri-gift-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edba"; } .ri-gift-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edbb"; } .ri-git-branch-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edbc"; } .ri-git-branch-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edbd"; } .ri-git-commit-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edbe"; } .ri-git-commit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edbf"; } .ri-git-merge-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edc0"; } .ri-git-merge-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edc1"; } .ri-git-pull-request-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edc2"; } .ri-git-pull-request-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edc3"; } .ri-git-repository-commits-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edc4"; } .ri-git-repository-commits-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edc5"; } .ri-git-repository-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edc6"; } .ri-git-repository-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edc7"; } .ri-git-repository-private-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edc8"; } .ri-git-repository-private-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edc9"; } .ri-github-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edca"; } .ri-github-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edcb"; } .ri-gitlab-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edcc"; } .ri-gitlab-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edcd"; } .ri-global-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edce"; } .ri-global-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edcf"; } .ri-globe-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edd0"; } .ri-globe-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edd1"; } .ri-goblet-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edd2"; } .ri-goblet-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edd3"; } .ri-google-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edd4"; } .ri-google-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edd5"; } .ri-google-play-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edd6"; } .ri-google-play-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edd7"; } .ri-government-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edd8"; } .ri-government-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edd9"; } .ri-gps-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edda"; } .ri-gps-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eddb"; } .ri-gradienter-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eddc"; } .ri-gradienter-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eddd"; } .ri-grid-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edde"; } .ri-grid-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eddf"; } .ri-group-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede0"; } .ri-group-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede1"; } .ri-group-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede2"; } .ri-group-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede3"; } .ri-guide-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede4"; } .ri-guide-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede5"; } .ri-h-1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede6"; } .ri-h-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede7"; } .ri-h-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede8"; } .ri-h-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede9"; } .ri-h-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edea"; } .ri-h-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edeb"; } .ri-hail-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edec"; } .ri-hail-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eded"; } .ri-hammer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edee"; } .ri-hammer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edef"; } .ri-hand-coin-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf0"; } .ri-hand-coin-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf1"; } .ri-hand-heart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf2"; } .ri-hand-heart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf3"; } .ri-hand-sanitizer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf4"; } .ri-hand-sanitizer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf5"; } .ri-handbag-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf6"; } .ri-handbag-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf7"; } .ri-hard-drive-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf8"; } .ri-hard-drive-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf9"; } .ri-hard-drive-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edfa"; } .ri-hard-drive-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edfb"; } .ri-hashtag { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edfc"; } .ri-haze-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edfd"; } .ri-haze-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edfe"; } .ri-haze-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edff"; } .ri-haze-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee00"; } .ri-hd-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee01"; } .ri-hd-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee02"; } .ri-heading { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee03"; } .ri-headphone-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee04"; } .ri-headphone-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee05"; } .ri-health-book-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee06"; } .ri-health-book-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee07"; } .ri-heart-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee08"; } .ri-heart-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee09"; } .ri-heart-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee0a"; } .ri-heart-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee0b"; } .ri-heart-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee0c"; } .ri-heart-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee0d"; } .ri-heart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee0e"; } .ri-heart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee0f"; } .ri-heart-pulse-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee10"; } .ri-heart-pulse-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee11"; } .ri-hearts-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee12"; } .ri-hearts-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee13"; } .ri-heavy-showers-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee14"; } .ri-heavy-showers-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee15"; } .ri-history-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee16"; } .ri-history-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee17"; } .ri-home-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee18"; } .ri-home-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee19"; } .ri-home-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee1a"; } .ri-home-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee1b"; } .ri-home-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee1c"; } .ri-home-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee1d"; } .ri-home-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee1e"; } .ri-home-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee1f"; } .ri-home-fill-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee20"; } .ri-home-line-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee21"; } .ri-home-fill-7 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee22"; } .ri-home-line-7 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee23"; } .ri-home-fill-8 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee24"; } .ri-home-line-8 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee25"; } .ri-home-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee26"; } .ri-home-gear-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee27"; } .ri-home-gear-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee28"; } .ri-home-heart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee29"; } .ri-home-heart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee2a"; } .ri-home-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee2b"; } .ri-home-smile-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee2c"; } .ri-home-smile-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee2d"; } .ri-home-smile-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee2e"; } .ri-home-smile-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee2f"; } .ri-home-wifi-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee30"; } .ri-home-wifi-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee31"; } .ri-honor-of-kings-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee32"; } .ri-honor-of-kings-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee33"; } .ri-honour-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee34"; } .ri-honour-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee35"; } .ri-hospital-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee36"; } .ri-hospital-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee37"; } .ri-hotel-bed-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee38"; } .ri-hotel-bed-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee39"; } .ri-hotel-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee3a"; } .ri-hotel-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee3b"; } .ri-hotspot-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee3c"; } .ri-hotspot-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee3d"; } .ri-hq-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee3e"; } .ri-hq-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee3f"; } .ri-html5-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee40"; } .ri-html5-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee41"; } .ri-ie-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee42"; } .ri-ie-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee43"; } .ri-image-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee44"; } .ri-image-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee45"; } .ri-image-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee46"; } .ri-image-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee47"; } .ri-image-edit-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee48"; } .ri-image-edit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee49"; } .ri-image-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4a"; } .ri-image-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4b"; } .ri-inbox-archive-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4c"; } .ri-inbox-archive-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4d"; } .ri-inbox-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4e"; } .ri-inbox-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4f"; } .ri-inbox-unarchive-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee50"; } .ri-inbox-unarchive-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee51"; } .ri-increase-decrease-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee52"; } .ri-increase-decrease-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee53"; } .ri-indent-decrease { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee54"; } .ri-indent-increase { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee55"; } .ri-indeterminate-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee56"; } .ri-indeterminate-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee57"; } .ri-information-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee58"; } .ri-information-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee59"; } .ri-infrared-thermometer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee5a"; } .ri-infrared-thermometer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee5b"; } .ri-ink-bottle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee5c"; } .ri-ink-bottle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee5d"; } .ri-input-cursor-move { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee5e"; } .ri-input-method-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee5f"; } .ri-input-method-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee60"; } .ri-insert-column-left { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee61"; } .ri-insert-column-right { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee62"; } .ri-insert-row-bottom { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee63"; } .ri-insert-row-top { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee64"; } .ri-instagram-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee65"; } .ri-instagram-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee66"; } .ri-install-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee67"; } .ri-install-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee68"; } .ri-invision-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee69"; } .ri-invision-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee6a"; } .ri-italic { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee6b"; } .ri-kakao-talk-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee6c"; } .ri-kakao-talk-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee6d"; } .ri-key-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee6e"; } .ri-key-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee6f"; } .ri-key-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee70"; } .ri-key-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee71"; } .ri-keyboard-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee72"; } .ri-keyboard-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee73"; } .ri-keyboard-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee74"; } .ri-keyboard-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee75"; } .ri-keynote-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee76"; } .ri-keynote-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee77"; } .ri-knife-blood-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee78"; } .ri-knife-blood-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee79"; } .ri-knife-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee7a"; } .ri-knife-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee7b"; } .ri-landscape-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee7c"; } .ri-landscape-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee7d"; } .ri-layout-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee7e"; } .ri-layout-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee7f"; } .ri-layout-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee80"; } .ri-layout-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee81"; } .ri-layout-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee82"; } .ri-layout-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee83"; } .ri-layout-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee84"; } .ri-layout-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee85"; } .ri-layout-fill-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee86"; } .ri-layout-line-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee87"; } .ri-layout-bottom-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee88"; } .ri-layout-bottom-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee89"; } .ri-layout-bottom-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee8a"; } .ri-layout-bottom-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee8b"; } .ri-layout-column-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee8c"; } .ri-layout-column-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee8d"; } .ri-layout-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee8e"; } .ri-layout-grid-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee8f"; } .ri-layout-grid-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee90"; } .ri-layout-left-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee91"; } .ri-layout-left-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee92"; } .ri-layout-left-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee93"; } .ri-layout-left-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee94"; } .ri-layout-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee95"; } .ri-layout-masonry-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee96"; } .ri-layout-masonry-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee97"; } .ri-layout-right-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee98"; } .ri-layout-right-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee99"; } .ri-layout-right-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee9a"; } .ri-layout-right-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee9b"; } .ri-layout-row-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee9c"; } .ri-layout-row-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee9d"; } .ri-layout-top-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee9e"; } .ri-layout-top-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee9f"; } .ri-layout-top-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eea0"; } .ri-layout-top-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eea1"; } .ri-leaf-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eea2"; } .ri-leaf-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eea3"; } .ri-lifebuoy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eea4"; } .ri-lifebuoy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eea5"; } .ri-lightbulb-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eea6"; } .ri-lightbulb-flash-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eea7"; } .ri-lightbulb-flash-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eea8"; } .ri-lightbulb-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eea9"; } .ri-line-chart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeaa"; } .ri-line-chart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeab"; } .ri-line-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeac"; } .ri-line-height { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eead"; } .ri-line-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeae"; } .ri-link-m { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeaf"; } .ri-link-unlink-m { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb0"; } .ri-link-unlink { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb1"; } .ri-link { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb2"; } .ri-linkedin-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb3"; } .ri-linkedin-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb4"; } .ri-linkedin-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb5"; } .ri-linkedin-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb6"; } .ri-links-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb7"; } .ri-links-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb8"; } .ri-list-check-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb9"; } .ri-list-check { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeba"; } .ri-list-ordered { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eebb"; } .ri-list-settings-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eebc"; } .ri-list-settings-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eebd"; } .ri-list-unordered { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eebe"; } .ri-live-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eebf"; } .ri-live-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec0"; } .ri-loader-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec1"; } .ri-loader-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec2"; } .ri-loader-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec3"; } .ri-loader-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec4"; } .ri-loader-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec5"; } .ri-loader-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec6"; } .ri-loader-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec7"; } .ri-loader-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec8"; } .ri-loader-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec9"; } .ri-loader-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeca"; } .ri-lock-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eecb"; } .ri-lock-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eecc"; } .ri-lock-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eecd"; } .ri-lock-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eece"; } .ri-lock-password-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eecf"; } .ri-lock-password-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed0"; } .ri-lock-unlock-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed1"; } .ri-lock-unlock-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed2"; } .ri-login-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed3"; } .ri-login-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed4"; } .ri-login-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed5"; } .ri-login-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed6"; } .ri-logout-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed7"; } .ri-logout-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed8"; } .ri-logout-box-r-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed9"; } .ri-logout-box-r-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeda"; } .ri-logout-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eedb"; } .ri-logout-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eedc"; } .ri-logout-circle-r-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eedd"; } .ri-logout-circle-r-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eede"; } .ri-luggage-cart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eedf"; } .ri-luggage-cart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee0"; } .ri-luggage-deposit-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee1"; } .ri-luggage-deposit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee2"; } .ri-lungs-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee3"; } .ri-lungs-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee4"; } .ri-mac-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee5"; } .ri-mac-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee6"; } .ri-macbook-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee7"; } .ri-macbook-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee8"; } .ri-magic-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee9"; } .ri-magic-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeea"; } .ri-mail-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeeb"; } .ri-mail-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeec"; } .ri-mail-check-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeed"; } .ri-mail-check-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeee"; } .ri-mail-close-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeef"; } .ri-mail-close-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef0"; } .ri-mail-download-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef1"; } .ri-mail-download-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef2"; } .ri-mail-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef3"; } .ri-mail-forbid-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef4"; } .ri-mail-forbid-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef5"; } .ri-mail-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef6"; } .ri-mail-lock-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef7"; } .ri-mail-lock-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef8"; } .ri-mail-open-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef9"; } .ri-mail-open-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eefa"; } .ri-mail-send-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eefb"; } .ri-mail-send-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eefc"; } .ri-mail-settings-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eefd"; } .ri-mail-settings-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eefe"; } .ri-mail-star-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeff"; } .ri-mail-star-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef00"; } .ri-mail-unread-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef01"; } .ri-mail-unread-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef02"; } .ri-mail-volume-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef03"; } .ri-mail-volume-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef04"; } .ri-map-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef05"; } .ri-map-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef06"; } .ri-map-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef07"; } .ri-map-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef08"; } .ri-map-pin-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef09"; } .ri-map-pin-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef0a"; } .ri-map-pin-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef0b"; } .ri-map-pin-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef0c"; } .ri-map-pin-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef0d"; } .ri-map-pin-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef0e"; } .ri-map-pin-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef0f"; } .ri-map-pin-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef10"; } .ri-map-pin-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef11"; } .ri-map-pin-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef12"; } .ri-map-pin-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef13"; } .ri-map-pin-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef14"; } .ri-map-pin-range-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef15"; } .ri-map-pin-range-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef16"; } .ri-map-pin-time-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef17"; } .ri-map-pin-time-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef18"; } .ri-map-pin-user-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef19"; } .ri-map-pin-user-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef1a"; } .ri-mark-pen-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef1b"; } .ri-mark-pen-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef1c"; } .ri-markdown-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef1d"; } .ri-markdown-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef1e"; } .ri-markup-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef1f"; } .ri-markup-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef20"; } .ri-mastercard-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef21"; } .ri-mastercard-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef22"; } .ri-mastodon-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef23"; } .ri-mastodon-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef24"; } .ri-medal-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef25"; } .ri-medal-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef26"; } .ri-medal-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef27"; } .ri-medal-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef28"; } .ri-medicine-bottle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef29"; } .ri-medicine-bottle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef2a"; } .ri-medium-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef2b"; } .ri-medium-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef2c"; } .ri-men-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef2d"; } .ri-men-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef2e"; } .ri-mental-health-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef2f"; } .ri-mental-health-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef30"; } .ri-menu-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef31"; } .ri-menu-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef32"; } .ri-menu-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef33"; } .ri-menu-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef34"; } .ri-menu-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef35"; } .ri-menu-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef36"; } .ri-menu-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef37"; } .ri-menu-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef38"; } .ri-menu-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef39"; } .ri-menu-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef3a"; } .ri-menu-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef3b"; } .ri-menu-fold-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef3c"; } .ri-menu-fold-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef3d"; } .ri-menu-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef3e"; } .ri-menu-unfold-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef3f"; } .ri-menu-unfold-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef40"; } .ri-merge-cells-horizontal { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef41"; } .ri-merge-cells-vertical { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef42"; } .ri-message-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef43"; } .ri-message-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef44"; } .ri-message-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef45"; } .ri-message-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef46"; } .ri-message-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef47"; } .ri-message-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef48"; } .ri-messenger-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef49"; } .ri-messenger-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef4a"; } .ri-meteor-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef4b"; } .ri-meteor-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef4c"; } .ri-mic-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef4d"; } .ri-mic-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef4e"; } .ri-mic-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef4f"; } .ri-mic-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef50"; } .ri-mic-off-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef51"; } .ri-mic-off-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef52"; } .ri-mickey-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef53"; } .ri-mickey-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef54"; } .ri-microscope-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef55"; } .ri-microscope-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef56"; } .ri-microsoft-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef57"; } .ri-microsoft-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef58"; } .ri-mind-map { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef59"; } .ri-mini-program-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef5a"; } .ri-mini-program-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef5b"; } .ri-mist-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef5c"; } .ri-mist-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef5d"; } .ri-money-cny-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef5e"; } .ri-money-cny-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef5f"; } .ri-money-cny-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef60"; } .ri-money-cny-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef61"; } .ri-money-dollar-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef62"; } .ri-money-dollar-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef63"; } .ri-money-dollar-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef64"; } .ri-money-dollar-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef65"; } .ri-money-euro-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef66"; } .ri-money-euro-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef67"; } .ri-money-euro-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef68"; } .ri-money-euro-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef69"; } .ri-money-pound-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef6a"; } .ri-money-pound-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef6b"; } .ri-money-pound-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef6c"; } .ri-money-pound-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef6d"; } .ri-moon-clear-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef6e"; } .ri-moon-clear-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef6f"; } .ri-moon-cloudy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef70"; } .ri-moon-cloudy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef71"; } .ri-moon-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef72"; } .ri-moon-foggy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef73"; } .ri-moon-foggy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef74"; } .ri-moon-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef75"; } .ri-more-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef76"; } .ri-more-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef77"; } .ri-more-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef78"; } .ri-more-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef79"; } .ri-motorbike-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef7a"; } .ri-motorbike-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef7b"; } .ri-mouse-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef7c"; } .ri-mouse-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef7d"; } .ri-movie-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef7e"; } .ri-movie-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef7f"; } .ri-movie-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef80"; } .ri-movie-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef81"; } .ri-music-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef82"; } .ri-music-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef83"; } .ri-music-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef84"; } .ri-music-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef85"; } .ri-mv-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef86"; } .ri-mv-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef87"; } .ri-navigation-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef88"; } .ri-navigation-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef89"; } .ri-netease-cloud-music-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef8a"; } .ri-netease-cloud-music-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef8b"; } .ri-netflix-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef8c"; } .ri-netflix-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef8d"; } .ri-newspaper-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef8e"; } .ri-newspaper-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef8f"; } .ri-node-tree { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef90"; } .ri-notification-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef91"; } .ri-notification-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef92"; } .ri-notification-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef93"; } .ri-notification-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef94"; } .ri-notification-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef95"; } .ri-notification-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef96"; } .ri-notification-badge-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef97"; } .ri-notification-badge-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef98"; } .ri-notification-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef99"; } .ri-notification-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef9a"; } .ri-notification-off-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef9b"; } .ri-notification-off-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef9c"; } .ri-npmjs-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef9d"; } .ri-npmjs-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef9e"; } .ri-number-0 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef9f"; } .ri-number-1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efa0"; } .ri-number-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efa1"; } .ri-number-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efa2"; } .ri-number-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efa3"; } .ri-number-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efa4"; } .ri-number-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efa5"; } .ri-number-7 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efa6"; } .ri-number-8 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efa7"; } .ri-number-9 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efa8"; } .ri-numbers-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efa9"; } .ri-numbers-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efaa"; } .ri-nurse-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efab"; } .ri-nurse-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efac"; } .ri-oil-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efad"; } .ri-oil-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efae"; } .ri-omega { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efaf"; } .ri-open-arm-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb0"; } .ri-open-arm-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb1"; } .ri-open-source-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb2"; } .ri-open-source-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb3"; } .ri-opera-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb4"; } .ri-opera-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb5"; } .ri-order-play-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb6"; } .ri-order-play-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb7"; } .ri-organization-chart { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb8"; } .ri-outlet-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb9"; } .ri-outlet-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efba"; } .ri-outlet-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efbb"; } .ri-outlet-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efbc"; } .ri-page-separator { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efbd"; } .ri-pages-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efbe"; } .ri-pages-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efbf"; } .ri-paint-brush-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efc0"; } .ri-paint-brush-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efc1"; } .ri-paint-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efc2"; } .ri-paint-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efc3"; } .ri-palette-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efc4"; } .ri-palette-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efc5"; } .ri-pantone-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efc6"; } .ri-pantone-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efc7"; } .ri-paragraph { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efc8"; } .ri-parent-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efc9"; } .ri-parent-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efca"; } .ri-parentheses-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efcb"; } .ri-parentheses-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efcc"; } .ri-parking-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efcd"; } .ri-parking-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efce"; } .ri-parking-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efcf"; } .ri-parking-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd0"; } .ri-passport-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd1"; } .ri-passport-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd2"; } .ri-patreon-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd3"; } .ri-patreon-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd4"; } .ri-pause-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd5"; } .ri-pause-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd6"; } .ri-pause-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd7"; } .ri-pause-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd8"; } .ri-pause-mini-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd9"; } .ri-pause-mini-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efda"; } .ri-paypal-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efdb"; } .ri-paypal-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efdc"; } .ri-pen-nib-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efdd"; } .ri-pen-nib-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efde"; } .ri-pencil-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efdf"; } .ri-pencil-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe0"; } .ri-pencil-ruler-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe1"; } .ri-pencil-ruler-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe2"; } .ri-pencil-ruler-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe3"; } .ri-pencil-ruler-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe4"; } .ri-percent-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe5"; } .ri-percent-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe6"; } .ri-phone-camera-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe7"; } .ri-phone-camera-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe8"; } .ri-phone-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe9"; } .ri-phone-find-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efea"; } .ri-phone-find-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efeb"; } .ri-phone-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efec"; } .ri-phone-lock-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efed"; } .ri-phone-lock-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efee"; } .ri-picture-in-picture-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efef"; } .ri-picture-in-picture-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff0"; } .ri-picture-in-picture-exit-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff1"; } .ri-picture-in-picture-exit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff2"; } .ri-picture-in-picture-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff3"; } .ri-picture-in-picture-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff4"; } .ri-pie-chart-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff5"; } .ri-pie-chart-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff6"; } .ri-pie-chart-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff7"; } .ri-pie-chart-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff8"; } .ri-pie-chart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff9"; } .ri-pie-chart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\effa"; } .ri-pin-distance-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\effb"; } .ri-pin-distance-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\effc"; } .ri-ping-pong-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\effd"; } .ri-ping-pong-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\effe"; } .ri-pinterest-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efff"; } .ri-pinterest-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f000"; } .ri-pinyin-input { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f001"; } .ri-pixelfed-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f002"; } .ri-pixelfed-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f003"; } .ri-plane-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f004"; } .ri-plane-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f005"; } .ri-plant-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f006"; } .ri-plant-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f007"; } .ri-play-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f008"; } .ri-play-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f009"; } .ri-play-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f00a"; } .ri-play-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f00b"; } .ri-play-list-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f00c"; } .ri-play-list-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f00d"; } .ri-play-list-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f00e"; } .ri-play-list-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f00f"; } .ri-play-list-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f010"; } .ri-play-list-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f011"; } .ri-play-mini-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f012"; } .ri-play-mini-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f013"; } .ri-playstation-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f014"; } .ri-playstation-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f015"; } .ri-plug-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f016"; } .ri-plug-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f017"; } .ri-plug-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f018"; } .ri-plug-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f019"; } .ri-polaroid-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f01a"; } .ri-polaroid-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f01b"; } .ri-polaroid-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f01c"; } .ri-polaroid-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f01d"; } .ri-police-car-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f01e"; } .ri-police-car-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f01f"; } .ri-price-tag-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f020"; } .ri-price-tag-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f021"; } .ri-price-tag-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f022"; } .ri-price-tag-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f023"; } .ri-price-tag-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f024"; } .ri-price-tag-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f025"; } .ri-printer-cloud-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f026"; } .ri-printer-cloud-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f027"; } .ri-printer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f028"; } .ri-printer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f029"; } .ri-product-hunt-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f02a"; } .ri-product-hunt-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f02b"; } .ri-profile-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f02c"; } .ri-profile-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f02d"; } .ri-projector-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f02e"; } .ri-projector-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f02f"; } .ri-projector-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f030"; } .ri-projector-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f031"; } .ri-psychotherapy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f032"; } .ri-psychotherapy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f033"; } .ri-pulse-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f034"; } .ri-pulse-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f035"; } .ri-pushpin-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f036"; } .ri-pushpin-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f037"; } .ri-pushpin-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f038"; } .ri-pushpin-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f039"; } .ri-qq-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f03a"; } .ri-qq-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f03b"; } .ri-qr-code-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f03c"; } .ri-qr-code-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f03d"; } .ri-qr-scan-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f03e"; } .ri-qr-scan-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f03f"; } .ri-qr-scan-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f040"; } .ri-qr-scan-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f041"; } .ri-question-answer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f042"; } .ri-question-answer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f043"; } .ri-question-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f044"; } .ri-question-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f045"; } .ri-question-mark { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f046"; } .ri-questionnaire-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f047"; } .ri-questionnaire-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f048"; } .ri-quill-pen-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f049"; } .ri-quill-pen-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f04a"; } .ri-radar-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f04b"; } .ri-radar-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f04c"; } .ri-radio-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f04d"; } .ri-radio-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f04e"; } .ri-radio-button-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f04f"; } .ri-radio-button-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f050"; } .ri-radio-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f051"; } .ri-radio-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f052"; } .ri-rainbow-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f053"; } .ri-rainbow-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f054"; } .ri-rainy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f055"; } .ri-rainy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f056"; } .ri-reactjs-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f057"; } .ri-reactjs-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f058"; } .ri-record-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f059"; } .ri-record-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f05a"; } .ri-record-mail-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f05b"; } .ri-record-mail-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f05c"; } .ri-recycle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f05d"; } .ri-recycle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f05e"; } .ri-red-packet-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f05f"; } .ri-red-packet-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f060"; } .ri-reddit-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f061"; } .ri-reddit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f062"; } .ri-refresh-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f063"; } .ri-refresh-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f064"; } .ri-refund-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f065"; } .ri-refund-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f066"; } .ri-refund-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f067"; } .ri-refund-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f068"; } .ri-registered-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f069"; } .ri-registered-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f06a"; } .ri-remixicon-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f06b"; } .ri-remixicon-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f06c"; } .ri-remote-control-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f06d"; } .ri-remote-control-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f06e"; } .ri-remote-control-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f06f"; } .ri-remote-control-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f070"; } .ri-repeat-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f071"; } .ri-repeat-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f072"; } .ri-repeat-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f073"; } .ri-repeat-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f074"; } .ri-repeat-one-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f075"; } .ri-repeat-one-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f076"; } .ri-reply-all-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f077"; } .ri-reply-all-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f078"; } .ri-reply-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f079"; } .ri-reply-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f07a"; } .ri-reserved-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f07b"; } .ri-reserved-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f07c"; } .ri-rest-time-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f07d"; } .ri-rest-time-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f07e"; } .ri-restart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f07f"; } .ri-restart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f080"; } .ri-restaurant-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f081"; } .ri-restaurant-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f082"; } .ri-restaurant-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f083"; } .ri-restaurant-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f084"; } .ri-rewind-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f085"; } .ri-rewind-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f086"; } .ri-rewind-mini-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f087"; } .ri-rewind-mini-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f088"; } .ri-rhythm-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f089"; } .ri-rhythm-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f08a"; } .ri-riding-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f08b"; } .ri-riding-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f08c"; } .ri-road-map-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f08d"; } .ri-road-map-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f08e"; } .ri-roadster-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f08f"; } .ri-roadster-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f090"; } .ri-robot-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f091"; } .ri-robot-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f092"; } .ri-rocket-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f093"; } .ri-rocket-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f094"; } .ri-rocket-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f095"; } .ri-rocket-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f096"; } .ri-rotate-lock-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f097"; } .ri-rotate-lock-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f098"; } .ri-rounded-corner { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f099"; } .ri-route-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f09a"; } .ri-route-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f09b"; } .ri-router-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f09c"; } .ri-router-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f09d"; } .ri-rss-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f09e"; } .ri-rss-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f09f"; } .ri-ruler-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a0"; } .ri-ruler-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a1"; } .ri-ruler-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a2"; } .ri-ruler-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a3"; } .ri-run-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a4"; } .ri-run-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a5"; } .ri-safari-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a6"; } .ri-safari-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a7"; } .ri-safe-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a8"; } .ri-safe-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a9"; } .ri-safe-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0aa"; } .ri-safe-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ab"; } .ri-sailboat-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ac"; } .ri-sailboat-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ad"; } .ri-save-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ae"; } .ri-save-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0af"; } .ri-save-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b0"; } .ri-save-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b1"; } .ri-save-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b2"; } .ri-save-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b3"; } .ri-scales-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b4"; } .ri-scales-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b5"; } .ri-scales-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b6"; } .ri-scales-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b7"; } .ri-scales-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b8"; } .ri-scales-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b9"; } .ri-scan-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ba"; } .ri-scan-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0bb"; } .ri-scan-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0bc"; } .ri-scan-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0bd"; } .ri-scissors-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0be"; } .ri-scissors-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0bf"; } .ri-scissors-cut-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c0"; } .ri-scissors-cut-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c1"; } .ri-scissors-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c2"; } .ri-scissors-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c3"; } .ri-screenshot-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c4"; } .ri-screenshot-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c5"; } .ri-screenshot-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c6"; } .ri-screenshot-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c7"; } .ri-sd-card-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c8"; } .ri-sd-card-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c9"; } .ri-sd-card-mini-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ca"; } .ri-sd-card-mini-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0cb"; } .ri-search-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0cc"; } .ri-search-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0cd"; } .ri-search-eye-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ce"; } .ri-search-eye-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0cf"; } .ri-search-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d0"; } .ri-search-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d1"; } .ri-secure-payment-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d2"; } .ri-secure-payment-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d3"; } .ri-seedling-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d4"; } .ri-seedling-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d5"; } .ri-send-backward { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d6"; } .ri-send-plane-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d7"; } .ri-send-plane-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d8"; } .ri-send-plane-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d9"; } .ri-send-plane-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0da"; } .ri-send-to-back { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0db"; } .ri-sensor-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0dc"; } .ri-sensor-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0dd"; } .ri-separator { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0de"; } .ri-server-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0df"; } .ri-server-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e0"; } .ri-service-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e1"; } .ri-service-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e2"; } .ri-settings-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e3"; } .ri-settings-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e4"; } .ri-settings-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e5"; } .ri-settings-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e6"; } .ri-settings-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e7"; } .ri-settings-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e8"; } .ri-settings-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e9"; } .ri-settings-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ea"; } .ri-settings-fill-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0eb"; } .ri-settings-line-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ec"; } .ri-settings-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ed"; } .ri-settings-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ee"; } .ri-shape-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ef"; } .ri-shape-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f0"; } .ri-shape-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f1"; } .ri-shape-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f2"; } .ri-share-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f3"; } .ri-share-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f4"; } .ri-share-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f5"; } .ri-share-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f6"; } .ri-share-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f7"; } .ri-share-forward-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f8"; } .ri-share-forward-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f9"; } .ri-share-forward-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0fa"; } .ri-share-forward-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0fb"; } .ri-share-forward-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0fc"; } .ri-share-forward-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0fd"; } .ri-share-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0fe"; } .ri-shield-check-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ff"; } .ri-shield-check-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f100"; } .ri-shield-cross-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f101"; } .ri-shield-cross-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f102"; } .ri-shield-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f103"; } .ri-shield-flash-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f104"; } .ri-shield-flash-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f105"; } .ri-shield-keyhole-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f106"; } .ri-shield-keyhole-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f107"; } .ri-shield-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f108"; } .ri-shield-star-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f109"; } .ri-shield-star-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f10a"; } .ri-shield-user-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f10b"; } .ri-shield-user-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f10c"; } .ri-ship-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f10d"; } .ri-ship-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f10e"; } .ri-ship-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f10f"; } .ri-ship-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f110"; } .ri-shirt-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f111"; } .ri-shirt-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f112"; } .ri-shopping-bag-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f113"; } .ri-shopping-bag-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f114"; } .ri-shopping-bag-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f115"; } .ri-shopping-bag-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f116"; } .ri-shopping-bag-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f117"; } .ri-shopping-bag-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f118"; } .ri-shopping-basket-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f119"; } .ri-shopping-basket-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f11a"; } .ri-shopping-basket-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f11b"; } .ri-shopping-basket-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f11c"; } .ri-shopping-cart-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f11d"; } .ri-shopping-cart-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f11e"; } .ri-shopping-cart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f11f"; } .ri-shopping-cart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f120"; } .ri-showers-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f121"; } .ri-showers-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f122"; } .ri-shuffle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f123"; } .ri-shuffle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f124"; } .ri-shut-down-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f125"; } .ri-shut-down-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f126"; } .ri-side-bar-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f127"; } .ri-side-bar-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f128"; } .ri-signal-tower-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f129"; } .ri-signal-tower-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f12a"; } .ri-signal-wifi-1-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f12b"; } .ri-signal-wifi-1-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f12c"; } .ri-signal-wifi-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f12d"; } .ri-signal-wifi-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f12e"; } .ri-signal-wifi-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f12f"; } .ri-signal-wifi-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f130"; } .ri-signal-wifi-error-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f131"; } .ri-signal-wifi-error-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f132"; } .ri-signal-wifi-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f133"; } .ri-signal-wifi-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f134"; } .ri-signal-wifi-off-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f135"; } .ri-signal-wifi-off-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f136"; } .ri-sim-card-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f137"; } .ri-sim-card-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f138"; } .ri-sim-card-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f139"; } .ri-sim-card-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f13a"; } .ri-single-quotes-l { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f13b"; } .ri-single-quotes-r { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f13c"; } .ri-sip-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f13d"; } .ri-sip-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f13e"; } .ri-skip-back-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f13f"; } .ri-skip-back-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f140"; } .ri-skip-back-mini-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f141"; } .ri-skip-back-mini-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f142"; } .ri-skip-forward-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f143"; } .ri-skip-forward-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f144"; } .ri-skip-forward-mini-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f145"; } .ri-skip-forward-mini-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f146"; } .ri-skull-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f147"; } .ri-skull-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f148"; } .ri-skull-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f149"; } .ri-skull-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f14a"; } .ri-skype-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f14b"; } .ri-skype-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f14c"; } .ri-slack-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f14d"; } .ri-slack-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f14e"; } .ri-slice-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f14f"; } .ri-slice-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f150"; } .ri-slideshow-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f151"; } .ri-slideshow-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f152"; } .ri-slideshow-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f153"; } .ri-slideshow-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f154"; } .ri-slideshow-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f155"; } .ri-slideshow-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f156"; } .ri-slideshow-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f157"; } .ri-slideshow-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f158"; } .ri-smartphone-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f159"; } .ri-smartphone-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f15a"; } .ri-snapchat-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f15b"; } .ri-snapchat-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f15c"; } .ri-snowy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f15d"; } .ri-snowy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f15e"; } .ri-sort-asc { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f15f"; } .ri-sort-desc { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f160"; } .ri-sound-module-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f161"; } .ri-sound-module-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f162"; } .ri-soundcloud-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f163"; } .ri-soundcloud-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f164"; } .ri-space-ship-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f165"; } .ri-space-ship-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f166"; } .ri-space { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f167"; } .ri-spam-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f168"; } .ri-spam-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f169"; } .ri-spam-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f16a"; } .ri-spam-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f16b"; } .ri-spam-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f16c"; } .ri-spam-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f16d"; } .ri-speaker-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f16e"; } .ri-speaker-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f16f"; } .ri-speaker-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f170"; } .ri-speaker-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f171"; } .ri-speaker-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f172"; } .ri-speaker-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f173"; } .ri-spectrum-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f174"; } .ri-spectrum-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f175"; } .ri-speed-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f176"; } .ri-speed-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f177"; } .ri-speed-mini-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f178"; } .ri-speed-mini-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f179"; } .ri-split-cells-horizontal { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f17a"; } .ri-split-cells-vertical { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f17b"; } .ri-spotify-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f17c"; } .ri-spotify-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f17d"; } .ri-spy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f17e"; } .ri-spy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f17f"; } .ri-stack-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f180"; } .ri-stack-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f181"; } .ri-stack-overflow-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f182"; } .ri-stack-overflow-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f183"; } .ri-stackshare-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f184"; } .ri-stackshare-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f185"; } .ri-star-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f186"; } .ri-star-half-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f187"; } .ri-star-half-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f188"; } .ri-star-half-s-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f189"; } .ri-star-half-s-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f18a"; } .ri-star-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f18b"; } .ri-star-s-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f18c"; } .ri-star-s-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f18d"; } .ri-star-smile-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f18e"; } .ri-star-smile-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f18f"; } .ri-steam-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f190"; } .ri-steam-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f191"; } .ri-steering-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f192"; } .ri-steering-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f193"; } .ri-steering-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f194"; } .ri-steering-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f195"; } .ri-stethoscope-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f196"; } .ri-stethoscope-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f197"; } .ri-sticky-note-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f198"; } .ri-sticky-note-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f199"; } .ri-sticky-note-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f19a"; } .ri-sticky-note-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f19b"; } .ri-stock-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f19c"; } .ri-stock-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f19d"; } .ri-stop-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f19e"; } .ri-stop-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f19f"; } .ri-stop-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a0"; } .ri-stop-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a1"; } .ri-stop-mini-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a2"; } .ri-stop-mini-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a3"; } .ri-store-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a4"; } .ri-store-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a5"; } .ri-store-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a6"; } .ri-store-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a7"; } .ri-store-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a8"; } .ri-store-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a9"; } .ri-strikethrough-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1aa"; } .ri-strikethrough { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ab"; } .ri-subscript-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ac"; } .ri-subscript { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ad"; } .ri-subtract-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ae"; } .ri-subtract-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1af"; } .ri-subway-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b0"; } .ri-subway-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b1"; } .ri-subway-wifi-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b2"; } .ri-subway-wifi-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b3"; } .ri-suitcase-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b4"; } .ri-suitcase-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b5"; } .ri-suitcase-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b6"; } .ri-suitcase-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b7"; } .ri-suitcase-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b8"; } .ri-suitcase-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b9"; } .ri-sun-cloudy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ba"; } .ri-sun-cloudy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1bb"; } .ri-sun-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1bc"; } .ri-sun-foggy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1bd"; } .ri-sun-foggy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1be"; } .ri-sun-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1bf"; } .ri-superscript-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c0"; } .ri-superscript { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c1"; } .ri-surgical-mask-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c2"; } .ri-surgical-mask-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c3"; } .ri-surround-sound-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c4"; } .ri-surround-sound-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c5"; } .ri-survey-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c6"; } .ri-survey-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c7"; } .ri-swap-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c8"; } .ri-swap-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c9"; } .ri-swap-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ca"; } .ri-swap-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1cb"; } .ri-switch-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1cc"; } .ri-switch-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1cd"; } .ri-sword-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ce"; } .ri-sword-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1cf"; } .ri-syringe-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1d0"; } .ri-syringe-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1d1"; } .ri-t-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1d2"; } .ri-t-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1d3"; } .ri-t-shirt-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1d4"; } .ri-t-shirt-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1d5"; } .ri-t-shirt-air-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1d6"; } .ri-t-shirt-air-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1d7"; } .ri-t-shirt-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1d8"; } .ri-t-shirt-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1d9"; } .ri-table-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1da"; } .ri-table-alt-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1db"; } .ri-table-alt-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1dc"; } .ri-table-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1dd"; } .ri-table-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1de"; } .ri-tablet-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1df"; } .ri-tablet-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e0"; } .ri-takeaway-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e1"; } .ri-takeaway-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e2"; } .ri-taobao-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e3"; } .ri-taobao-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e4"; } .ri-tape-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e5"; } .ri-tape-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e6"; } .ri-task-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e7"; } .ri-task-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e8"; } .ri-taxi-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e9"; } .ri-taxi-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ea"; } .ri-taxi-wifi-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1eb"; } .ri-taxi-wifi-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ec"; } .ri-team-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ed"; } .ri-team-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ee"; } .ri-telegram-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ef"; } .ri-telegram-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1f0"; } .ri-temp-cold-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1f1"; } .ri-temp-cold-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1f2"; } .ri-temp-hot-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1f3"; } .ri-temp-hot-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1f4"; } .ri-terminal-box-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1f5"; } .ri-terminal-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1f6"; } .ri-terminal-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1f7"; } .ri-terminal-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1f8"; } .ri-terminal-window-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1f9"; } .ri-terminal-window-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1fa"; } .ri-test-tube-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1fb"; } .ri-test-tube-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1fc"; } .ri-text-direction-l { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1fd"; } .ri-text-direction-r { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1fe"; } .ri-text-spacing { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ff"; } .ri-text-wrap { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f200"; } .ri-text { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f201"; } .ri-thermometer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f202"; } .ri-thermometer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f203"; } .ri-thumb-down-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f204"; } .ri-thumb-down-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f205"; } .ri-thumb-up-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f206"; } .ri-thumb-up-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f207"; } .ri-thunderstorms-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f208"; } .ri-thunderstorms-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f209"; } .ri-ticket-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f20a"; } .ri-ticket-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f20b"; } .ri-ticket-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f20c"; } .ri-ticket-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f20d"; } .ri-time-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f20e"; } .ri-time-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f20f"; } .ri-timer-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f210"; } .ri-timer-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f211"; } .ri-timer-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f212"; } .ri-timer-flash-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f213"; } .ri-timer-flash-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f214"; } .ri-timer-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f215"; } .ri-todo-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f216"; } .ri-todo-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f217"; } .ri-toggle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f218"; } .ri-toggle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f219"; } .ri-tools-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f21a"; } .ri-tools-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f21b"; } .ri-tornado-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f21c"; } .ri-tornado-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f21d"; } .ri-trademark-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f21e"; } .ri-trademark-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f21f"; } .ri-traffic-light-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f220"; } .ri-traffic-light-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f221"; } .ri-train-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f222"; } .ri-train-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f223"; } .ri-train-wifi-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f224"; } .ri-train-wifi-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f225"; } .ri-translate-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f226"; } .ri-translate { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f227"; } .ri-travesti-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f228"; } .ri-travesti-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f229"; } .ri-treasure-map-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f22a"; } .ri-treasure-map-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f22b"; } .ri-trello-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f22c"; } .ri-trello-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f22d"; } .ri-trophy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f22e"; } .ri-trophy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f22f"; } .ri-truck-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f230"; } .ri-truck-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f231"; } .ri-tumblr-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f232"; } .ri-tumblr-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f233"; } .ri-tv-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f234"; } .ri-tv-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f235"; } .ri-tv-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f236"; } .ri-tv-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f237"; } .ri-twitch-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f238"; } .ri-twitch-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f239"; } .ri-twitter-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f23a"; } .ri-twitter-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f23b"; } .ri-typhoon-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f23c"; } .ri-typhoon-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f23d"; } .ri-u-disk-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f23e"; } .ri-u-disk-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f23f"; } .ri-ubuntu-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f240"; } .ri-ubuntu-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f241"; } .ri-umbrella-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f242"; } .ri-umbrella-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f243"; } .ri-underline { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f244"; } .ri-uninstall-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f245"; } .ri-uninstall-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f246"; } .ri-unsplash-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f247"; } .ri-unsplash-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f248"; } .ri-upload-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f249"; } .ri-upload-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f24a"; } .ri-upload-cloud-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f24b"; } .ri-upload-cloud-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f24c"; } .ri-upload-cloud-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f24d"; } .ri-upload-cloud-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f24e"; } .ri-upload-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f24f"; } .ri-upload-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f250"; } .ri-usb-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f251"; } .ri-usb-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f252"; } .ri-user-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f253"; } .ri-user-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f254"; } .ri-user-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f255"; } .ri-user-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f256"; } .ri-user-fill-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f257"; } .ri-user-line-4 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f258"; } .ri-user-fill-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f259"; } .ri-user-line-5 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f25a"; } .ri-user-fill-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f25b"; } .ri-user-line-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f25c"; } .ri-user-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f25d"; } .ri-user-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f25e"; } .ri-user-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f25f"; } .ri-user-follow-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f260"; } .ri-user-follow-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f261"; } .ri-user-heart-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f262"; } .ri-user-heart-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f263"; } .ri-user-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f264"; } .ri-user-location-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f265"; } .ri-user-location-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f266"; } .ri-user-received-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f267"; } .ri-user-received-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f268"; } .ri-user-received-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f269"; } .ri-user-received-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f26a"; } .ri-user-search-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f26b"; } .ri-user-search-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f26c"; } .ri-user-settings-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f26d"; } .ri-user-settings-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f26e"; } .ri-user-shared-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f26f"; } .ri-user-shared-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f270"; } .ri-user-shared-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f271"; } .ri-user-shared-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f272"; } .ri-user-smile-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f273"; } .ri-user-smile-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f274"; } .ri-user-star-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f275"; } .ri-user-star-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f276"; } .ri-user-unfollow-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f277"; } .ri-user-unfollow-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f278"; } .ri-user-voice-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f279"; } .ri-user-voice-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f27a"; } .ri-video-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f27b"; } .ri-video-add-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f27c"; } .ri-video-chat-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f27d"; } .ri-video-chat-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f27e"; } .ri-video-download-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f27f"; } .ri-video-download-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f280"; } .ri-video-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f281"; } .ri-video-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f282"; } .ri-video-upload-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f283"; } .ri-video-upload-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f284"; } .ri-vidicon-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f285"; } .ri-vidicon-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f286"; } .ri-vidicon-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f287"; } .ri-vidicon-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f288"; } .ri-vimeo-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f289"; } .ri-vimeo-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f28a"; } .ri-vip-crown-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f28b"; } .ri-vip-crown-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f28c"; } .ri-vip-crown-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f28d"; } .ri-vip-crown-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f28e"; } .ri-vip-diamond-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f28f"; } .ri-vip-diamond-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f290"; } .ri-vip-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f291"; } .ri-vip-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f292"; } .ri-virus-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f293"; } .ri-virus-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f294"; } .ri-visa-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f295"; } .ri-visa-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f296"; } .ri-voice-recognition-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f297"; } .ri-voice-recognition-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f298"; } .ri-voiceprint-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f299"; } .ri-voiceprint-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f29a"; } .ri-volume-down-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f29b"; } .ri-volume-down-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f29c"; } .ri-volume-mute-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f29d"; } .ri-volume-mute-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f29e"; } .ri-volume-off-vibrate-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f29f"; } .ri-volume-off-vibrate-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2a0"; } .ri-volume-up-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2a1"; } .ri-volume-up-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2a2"; } .ri-volume-vibrate-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2a3"; } .ri-volume-vibrate-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2a4"; } .ri-vuejs-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2a5"; } .ri-vuejs-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2a6"; } .ri-walk-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2a7"; } .ri-walk-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2a8"; } .ri-wallet-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2a9"; } .ri-wallet-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2aa"; } .ri-wallet-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2ab"; } .ri-wallet-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2ac"; } .ri-wallet-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2ad"; } .ri-wallet-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2ae"; } .ri-water-flash-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2af"; } .ri-water-flash-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b0"; } .ri-webcam-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b1"; } .ri-webcam-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b2"; } .ri-wechat-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b3"; } .ri-wechat-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b4"; } .ri-wechat-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b5"; } .ri-wechat-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b6"; } .ri-wechat-pay-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b7"; } .ri-wechat-pay-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b8"; } .ri-weibo-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b9"; } .ri-weibo-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2ba"; } .ri-whatsapp-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2bb"; } .ri-whatsapp-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2bc"; } .ri-wheelchair-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2bd"; } .ri-wheelchair-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2be"; } .ri-wifi-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2bf"; } .ri-wifi-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c0"; } .ri-wifi-off-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c1"; } .ri-wifi-off-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c2"; } .ri-window-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c3"; } .ri-window-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c4"; } .ri-window-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c5"; } .ri-window-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c6"; } .ri-windows-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c7"; } .ri-windows-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c8"; } .ri-windy-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c9"; } .ri-windy-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2ca"; } .ri-wireless-charging-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2cb"; } .ri-wireless-charging-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2cc"; } .ri-women-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2cd"; } .ri-women-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2ce"; } .ri-wubi-input { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2cf"; } .ri-xbox-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2d0"; } .ri-xbox-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2d1"; } .ri-xing-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2d2"; } .ri-xing-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2d3"; } .ri-youtube-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2d4"; } .ri-youtube-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2d5"; } .ri-zcool-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2d6"; } .ri-zcool-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2d7"; } .ri-zhihu-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2d8"; } .ri-zhihu-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2d9"; } .ri-zoom-in-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2da"; } .ri-zoom-in-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2db"; } .ri-zoom-out-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2dc"; } .ri-zoom-out-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2dd"; } .ri-zzz-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2de"; } .ri-zzz-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2df"; } .icon-indent-increase { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee55"; } .icon-account-circle-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea08"; } .icon-add-outline { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea11"; } .icon-add-solid { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea10"; } .icon-angle-double-left { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea64"; } .icon-angle-double-right { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6e"; } .icon-angle-down { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4e"; } .icon-angle-left { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea64"; } .icon-angle-right { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6e"; } .icon-arrow-down-s-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4d"; } .icon-arrow-drop-up-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea56"; } .icon-arrow-left1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea60"; } .icon-arrow-left-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea5f"; } .icon-arrow-right { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6c"; } .icon-arrow-thick-left { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea5c"; } .icon-arrow-thick-right { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea68"; } .icon-arrow-thick-up { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea72"; } .icon-arrow-thin-down { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4c"; } .icon-arrow-thin-up { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea76"; } .icon-block { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed93"; } .icon-book { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ead2"; } .icon-bookmark-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae2"; } .icon-bookmark-line-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae3"; } .icon-bookmark-outline-add { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae3"; } .icon-calendar { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb21"; } .icon-caret-right { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6d"; } .icon-check { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .icon-checkbox-circle-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb81"; } .icon-check-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .icon-check-square { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb82"; } .icon-chevron-down { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4e"; } .icon-chevron-left { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea64"; } .icon-chevron-up { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea78"; } .icon-circle-arrow-up { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea72"; } .icon-circle-o-notch { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec6"; } .icon-close { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .icon-close1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .icon-close-outline { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb97"; } .icon-close-solid { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb96"; } .icon-cloud { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb9c"; } .icon-cloud-download { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec57"; } .icon-cloud-upload { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f24d"; } .icon-cloud-upload1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f24b"; } .icon-code { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebad"; } .icon-code1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eba9"; } .icon-code-fork { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edbd"; } .icon-cog { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e9"; } .icon-cogs { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e3"; } .icon-columns { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee8d"; } .icon-compress { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9a"; } .icon-computer-laptop { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee8"; } .icon-contact { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebcd"; } .icon-copy { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd3"; } .icon-cut { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c2"; } .icon-dashboard { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec10"; } .icon-dashboard1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec12"; } .icon-database-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec15"; } .icon-date-add { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb22"; } .icon-delete-bin-fill-6 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec25"; } .icon-document { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecc5"; } .icon-dots-horizontal-triple { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef76"; } .icon-download { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec53"; } .icon-download1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec53"; } .icon-download-alt { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec53"; } .icon-edit { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec82"; } .icon-edit-box-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec82"; } .icon-edit-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec86"; } .icon-ellipsis-h { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef78"; } .icon-ellipsis-v { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef76"; } .icon-envelope { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eef3"; } .icon-envelope1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eefb"; } .icon-expand { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9b"; } .icon-expand-alt { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9b"; } .icon-external-link { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecaf"; } .icon-eye { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb5"; } .icon-eye-open { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4f"; } .icon-file-copy-fill-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecd2"; } .icon-file-mark-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecf4"; } .icon-file-text { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed0f"; } .icon-file-text-alt { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed0e"; } .icon-film { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed21"; } .icon-flag-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed3a"; } .icon-folder { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed53"; } .icon-folder1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed53"; } .icon-folder-close-alt { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed53"; } .icon-folder-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed52"; } .icon-folder-o { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed54"; } .icon-folder-open { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed6f"; } .icon-folder-open-alt { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed70"; } .icon-font { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed8d"; } .icon-format-font-size { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed8d"; } .icon-gear { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e9"; } .icon-gears { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ea"; } .icon-globe { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ebbe"; } .icon-group { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede3"; } .icon-group-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ede2"; } .icon-hdd-o { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\edf9"; } .icon-header { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee03"; } .icon-history { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee17"; } .icon-home { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee1d"; } .icon-image { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4b"; } .icon-inbox { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4d"; } .icon-inbox-check { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeed"; } .icon-indent-decrease { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee54"; } .icon-info { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee59"; } .icon-info-circle { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee58"; } .icon-information-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee59"; } .icon-information-outline { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee58"; } .icon-information-solid { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee58"; } .icon-key { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee71"; } .icon-layout-grid-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee8f"; } .icon-link { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb2"; } .icon-list { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeba"; } .icon-list-ul { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeba"; } .icon-location { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef0f"; } .icon-lock-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eecd"; } .icon-lock-open { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed1"; } .icon-mac-line { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eee6"; } .icon-magic { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeea"; } .icon-message-line-2 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef44"; } .icon-minus-circle { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee56"; } .icon-minus-outline { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee57"; } .icon-more-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef78"; } .icon-notification-fill-3 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef93"; } .icon-paste { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1c7"; } .icon-pause { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd8"; } .icon-pause1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd8"; } .icon-pencil { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efdf"; } .icon-phone { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe9"; } .icon-picture { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4b"; } .icon-picture-o { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4b"; } .icon-pin { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef09"; } .icon-play1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f00a"; } .icon-play-circle { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f008"; } .icon-plus { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea13"; } .icon-plus-circle { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea10"; } .icon-portfolio { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eda0"; } .icon-qrcode { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f03d"; } .icon-question { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f044"; } .icon-question1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f044"; } .icon-question-circle { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f045"; } .icon-random { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f124"; } .icon-refresh { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f064"; } .icon-remove { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .icon-reorder { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef3e"; } .icon-repeat { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea5a"; } .icon-save { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b1"; } .icon-save-disk { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0b0"; } .icon-screen-full { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9c"; } .icon-search { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d1"; } .icon-search1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d1"; } .icon-send { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d9"; } .icon-send-o { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d9"; } .icon-server { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e0"; } .icon-share-alt { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f7"; } .icon-share-alt-square { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f3"; } .icon-share-square { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f8"; } .icon-shield { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0ff"; } .icon-shopping-cart { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f11e"; } .icon-sign-out { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeda"; } .icon-sliders { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec9c"; } .icon-sort { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea55"; } .icon-sort-amount-desc { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f160"; } .icon-sort-amount-desc:before { content: "\e8b3" !important; font-family: "kod-svg-font" !important; } .icon-star { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f186"; } .icon-star-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f186"; } .icon-star-o { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f18b"; } .icon-stop { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1a0"; } .icon-suitcase { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1b8"; } .icon-tablet { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1e0"; } .icon-tags { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae3"; } .icon-tasks { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae2"; } .icon-th { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee8f"; } .icon-time { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f20f"; } .icon-trash { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec26"; } .icon-trash1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec26"; } .icon-undo { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea58"; } .icon-unlock-alt { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed1"; } .icon-unsorted { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea74"; } .icon-upload { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f249"; } .icon-upload1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f249"; } .icon-user-add-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f25d"; } .icon-user-unfollow-fill { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f277"; } .icon-view-carousel { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eff3"; } .icon-window-restore { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c6"; } .icon-zoom-in1 { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2db"; } .blue-1 { color: #ecf6fd; } .bg-blue-1 { background-color: #ecf6fd; } .bd-blue-1 { border-color: #ecf6fd; } .blue-2 { color: #d2eafb; } .bg-blue-2 { background-color: #d2eafb; } .bd-blue-2 { border-color: #d2eafb; } .blue-3 { color: #add8f7; } .bg-blue-3 { background-color: #add8f7; } .bd-blue-3 { border-color: #add8f7; } .blue-4 { color: #7ec2f3; } .bg-blue-4 { background-color: #7ec2f3; } .bd-blue-4 { border-color: #7ec2f3; } .blue-5 { color: #49a9ee; } .bg-blue-5 { background-color: #49a9ee; } .bd-blue-5 { border-color: #49a9ee; } .blue-6 { color: #108ee9; } .bg-blue-6 { background-color: #108ee9; } .bd-blue-6 { border-color: #108ee9; } .blue-7 { color: #0e77ca; } .bg-blue-7 { background-color: #0e77ca; } .bd-blue-7 { border-color: #0e77ca; } .blue-8 { color: #0c60aa; } .bg-blue-8 { background-color: #0c60aa; } .bd-blue-8 { border-color: #0c60aa; } .blue-9 { color: #09488a; } .bg-blue-9 { background-color: #09488a; } .bd-blue-9 { border-color: #09488a; } .blue-light { color: #d2eafb; } .bg-blue-light { background-color: #d2eafb; } .bd-blue-light { border-color: #d2eafb; } .blue-normal { color: #108ee9; } .bg-blue-normal { background-color: #108ee9; } .bd-blue-normal { border-color: #108ee9; } .blue-deep { color: #0c60aa; } .bg-blue-deep { background-color: #0c60aa; } .bd-blue-deep { border-color: #0c60aa; } .blue-10 { color: #073069; } .bg-blue-10 { background-color: #073069; } .bd-blue-10 { border-color: #073069; } .purple-1 { color: #f4f3fd; } .bg-purple-1 { background-color: #f4f3fd; } .bd-purple-1 { border-color: #f4f3fd; } .purple-2 { color: #e4e2fa; } .bg-purple-2 { background-color: #e4e2fa; } .bd-purple-2 { border-color: #e4e2fa; } .purple-3 { color: #cfcaf6; } .bg-purple-3 { background-color: #cfcaf6; } .bd-purple-3 { border-color: #cfcaf6; } .purple-4 { color: #b3acf2; } .bg-purple-4 { background-color: #b3acf2; } .bd-purple-4 { border-color: #b3acf2; } .purple-5 { color: #948aec; } .bg-purple-5 { background-color: #948aec; } .bd-purple-5 { border-color: #948aec; } .purple-6 { color: #7265e6; } .bg-purple-6 { background-color: #7265e6; } .bd-purple-6 { border-color: #7265e6; } .purple-7 { color: #6252cd; } .bg-purple-7 { background-color: #6252cd; } .bd-purple-7 { border-color: #6252cd; } .purple-8 { color: #533eb4; } .bg-purple-8 { background-color: #533eb4; } .bd-purple-8 { border-color: #533eb4; } .purple-9 { color: #42299a; } .bg-purple-9 { background-color: #42299a; } .bd-purple-9 { border-color: #42299a; } .purple-10 { color: #321580; } .bg-purple-10 { background-color: #321580; } .bd-purple-10 { border-color: #321580; } .purple-light { color: #e4e2fa; } .bg-purple-light { background-color: #e4e2fa; } .bd-purple-light { border-color: #e4e2fa; } .purple-normal { color: #948aec; } .bg-purple-normal { background-color: #948aec; } .bd-purple-normal { border-color: #948aec; } .purple-deep { color: #533eb4; } .bg-purple-deep { background-color: #533eb4; } .bd-purple-deep { border-color: #533eb4; } .cyan-1 { color: #ebf8f9; } .bg-cyan-1 { background-color: #ebf8f9; } .bd-cyan-1 { border-color: #ebf8f9; } .cyan-2 { color: #cfedf0; } .bg-cyan-2 { background-color: #cfedf0; } .bd-cyan-2 { border-color: #cfedf0; } .cyan-3 { color: #a7dfe3; } .bg-cyan-3 { background-color: #a7dfe3; } .bd-cyan-3 { border-color: #a7dfe3; } .cyan-4 { color: #76cdd3; } .bg-cyan-4 { background-color: #76cdd3; } .bd-cyan-4 { border-color: #76cdd3; } .cyan-5 { color: #3db8c1; } .bg-cyan-5 { background-color: #3db8c1; } .bd-cyan-5 { border-color: #3db8c1; } .cyan-6 { color: #00a2ae; } .bg-cyan-6 { background-color: #00a2ae; } .bd-cyan-6 { border-color: #00a2ae; } .cyan-7 { color: #008997; } .bg-cyan-7 { background-color: #008997; } .bd-cyan-7 { border-color: #008997; } .cyan-8 { color: #00707f; } .bg-cyan-8 { background-color: #00707f; } .bd-cyan-8 { border-color: #00707f; } .cyan-9 { color: #005667; } .bg-cyan-9 { background-color: #005667; } .bd-cyan-9 { border-color: #005667; } .cyan-10 { color: #003c4e; } .bg-cyan-10 { background-color: #003c4e; } .bd-cyan-10 { border-color: #003c4e; } .cyan-light { color: #cfedf0; } .bg-cyan-light { background-color: #cfedf0; } .bd-cyan-light { border-color: #cfedf0; } .cyan-normal { color: #3db8c1; } .bg-cyan-normal { background-color: #3db8c1; } .bd-cyan-normal { border-color: #3db8c1; } .cyan-deep { color: #00707f; } .bg-cyan-deep { background-color: #00707f; } .bd-cyan-deep { border-color: #00707f; } .green-1 { color: #ebf8f2; } .bg-green-1 { background-color: #ebf8f2; } .bd-green-1 { border-color: #ebf8f2; } .green-2 { color: #cfefdf; } .bg-green-2 { background-color: #cfefdf; } .bd-green-2 { border-color: #cfefdf; } .green-3 { color: #a7e1c4; } .bg-green-3 { background-color: #a7e1c4; } .bd-green-3 { border-color: #a7e1c4; } .green-4 { color: #76d0a3; } .bg-green-4 { background-color: #76d0a3; } .bd-green-4 { border-color: #76d0a3; } .green-5 { color: #3dbd7d; } .bg-green-5 { background-color: #3dbd7d; } .bd-green-5 { border-color: #3dbd7d; } .green-6 { color: #00a854; } .bg-green-6 { background-color: #00a854; } .bd-green-6 { border-color: #00a854; } .green-7 { color: #00924c; } .bg-green-7 { background-color: #00924c; } .bd-green-7 { border-color: #00924c; } .green-8 { color: #007b43; } .bg-green-8 { background-color: #007b43; } .bd-green-8 { border-color: #007b43; } .green-9 { color: #00643b; } .bg-green-9 { background-color: #00643b; } .bd-green-9 { border-color: #00643b; } .green-10 { color: #004c32; } .bg-green-10 { background-color: #004c32; } .bd-green-10 { border-color: #004c32; } .green-light { color: #a7e1c4; } .bg-green-light { background-color: #a7e1c4; } .bd-green-light { border-color: #a7e1c4; } .green-normal { color: #3dbd7d; } .bg-green-normal { background-color: #3dbd7d; } .bd-green-normal { border-color: #3dbd7d; } .green-deep { color: #007b43; } .bg-green-deep { background-color: #007b43; } .bd-green-deep { border-color: #007b43; } .pink-1 { color: #feeff5; } .bg-pink-1 { background-color: #feeff5; } .bd-pink-1 { border-color: #feeff5; } .pink-2 { color: #fdd8e7; } .bg-pink-2 { background-color: #fdd8e7; } .bd-pink-2 { border-color: #fdd8e7; } .pink-3 { color: #fcb8d3; } .bg-pink-3 { background-color: #fcb8d3; } .bd-pink-3 { border-color: #fcb8d3; } .pink-4 { color: #fa90ba; } .bg-pink-4 { background-color: #fa90ba; } .bd-pink-4 { border-color: #fa90ba; } .pink-5 { color: #f7629e; } .bg-pink-5 { background-color: #f7629e; } .bd-pink-5 { border-color: #f7629e; } .pink-6 { color: #f5317f; } .bg-pink-6 { background-color: #f5317f; } .bd-pink-6 { border-color: #f5317f; } .pink-7 { color: #dc277d; } .bg-pink-7 { background-color: #dc277d; } .bd-pink-7 { border-color: #dc277d; } .pink-8 { color: #c11c7b; } .bg-pink-8 { background-color: #c11c7b; } .bd-pink-8 { border-color: #c11c7b; } .pink-9 { color: #a71278; } .bg-pink-9 { background-color: #a71278; } .bd-pink-9 { border-color: #a71278; } .pink-10 { color: #8c0776; } .bg-pink-10 { background-color: #8c0776; } .bd-pink-10 { border-color: #8c0776; } .pink-light { color: #fdd8e7; } .bg-pink-light { background-color: #fdd8e7; } .bd-pink-light { border-color: #fdd8e7; } .pink-normal { color: #f7629e; } .bg-pink-normal { background-color: #f7629e; } .bd-pink-normal { border-color: #f7629e; } .pink-deep { color: #c11c7b; } .bg-pink-deep { background-color: #c11c7b; } .bd-pink-deep { border-color: #c11c7b; } .red-1 { color: #fef0ef; } .bg-red-1 { background-color: #fef0ef; } .bd-red-1 { border-color: #fef0ef; } .red-2 { color: #fcdbd9; } .bg-red-2 { background-color: #fcdbd9; } .bd-red-2 { border-color: #fcdbd9; } .red-3 { color: #fabeb9; } .bg-red-3 { background-color: #fabeb9; } .bd-red-3 { border-color: #fabeb9; } .red-4 { color: #f79992; } .bg-red-4 { background-color: #f79992; } .bd-red-4 { border-color: #f79992; } .red-5 { color: #f46e65; } .bg-red-5 { background-color: #f46e65; } .bd-red-5 { border-color: #f46e65; } .red-6 { color: #f04134; } .bg-red-6 { background-color: #f04134; } .bd-red-6 { border-color: #f04134; } .red-7 { color: #d73435; } .bg-red-7 { background-color: #d73435; } .bd-red-7 { border-color: #d73435; } .red-8 { color: #bd2636; } .bg-red-8 { background-color: #bd2636; } .bd-red-8 { border-color: #bd2636; } .red-9 { color: #a31837; } .bg-red-9 { background-color: #a31837; } .bd-red-9 { border-color: #a31837; } .red-10 { color: #880a38; } .bg-red-10 { background-color: #880a38; } .bd-red-10 { border-color: #880a38; } .red-light { color: #fcdbd9; } .bg-red-light { background-color: #fcdbd9; } .bd-red-light { border-color: #fcdbd9; } .red-normal { color: #f46e65; } .bg-red-normal { background-color: #f46e65; } .bd-red-normal { border-color: #f46e65; } .red-deep { color: #bd2636; } .bg-red-deep { background-color: #bd2636; } .bd-red-deep { border-color: #bd2636; } .orange-1 { color: #fef3eb; } .bg-orange-1 { background-color: #fef3eb; } .bd-orange-1 { border-color: #fef3eb; } .orange-2 { color: #fde3cf; } .bg-orange-2 { background-color: #fde3cf; } .bd-orange-2 { border-color: #fde3cf; } .orange-3 { color: #fccca7; } .bg-orange-3 { background-color: #fccca7; } .bd-orange-3 { border-color: #fccca7; } .orange-4 { color: #faaf76; } .bg-orange-4 { background-color: #faaf76; } .bd-orange-4 { border-color: #faaf76; } .orange-5 { color: #f78e3d; } .bg-orange-5 { background-color: #f78e3d; } .bd-orange-5 { border-color: #f78e3d; } .orange-6 { color: #f56a00; } .bg-orange-6 { background-color: #f56a00; } .bd-orange-6 { border-color: #f56a00; } .orange-7 { color: #d75000; } .bg-orange-7 { background-color: #d75000; } .bd-orange-7 { border-color: #d75000; } .orange-8 { color: #b93600; } .bg-orange-8 { background-color: #b93600; } .bd-orange-8 { border-color: #b93600; } .orange-9 { color: #991b00; } .bg-orange-9 { background-color: #991b00; } .bd-orange-9 { border-color: #991b00; } .orange-10 { color: #7a0000; } .bg-orange-10 { background-color: #7a0000; } .bd-orange-10 { border-color: #7a0000; } .orange-light { color: #fde3cf; } .bg-orange-light { background-color: #fde3cf; } .bd-orange-light { border-color: #fde3cf; } .orange-normal { color: #f78e3d; } .bg-orange-normal { background-color: #f78e3d; } .bd-orange-normal { border-color: #f78e3d; } .orange-deep { color: #b93600; } .bg-orange-deep { background-color: #b93600; } .bd-orange-deep { border-color: #b93600; } .yellow-1 { color: #fffaeb; } .bg-yellow-1 { background-color: #fffaeb; } .bd-yellow-1 { border-color: #fffaeb; } .yellow-2 { color: #fff3cf; } .bg-yellow-2 { background-color: #fff3cf; } .bd-yellow-2 { border-color: #fff3cf; } .yellow-3 { color: #ffe9a7; } .bg-yellow-3 { background-color: #ffe9a7; } .bd-yellow-3 { border-color: #ffe9a7; } .yellow-4 { color: #ffdd76; } .bg-yellow-4 { background-color: #ffdd76; } .bd-yellow-4 { border-color: #ffdd76; } .yellow-5 { color: #ffce3d; } .bg-yellow-5 { background-color: #ffce3d; } .bd-yellow-5 { border-color: #ffce3d; } .yellow-6 { color: #ffbf00; } .bg-yellow-6 { background-color: #ffbf00; } .bd-yellow-6 { border-color: #ffbf00; } .yellow-7 { color: #e09a00; } .bg-yellow-7 { background-color: #e09a00; } .bd-yellow-7 { border-color: #e09a00; } .yellow-8 { color: #c17500; } .bg-yellow-8 { background-color: #c17500; } .bd-yellow-8 { border-color: #c17500; } .yellow-9 { color: #a04f00; } .bg-yellow-9 { background-color: #a04f00; } .bd-yellow-9 { border-color: #a04f00; } .yellow-10 { color: #802800; } .bg-yellow-10 { background-color: #802800; } .bd-yellow-10 { border-color: #802800; } .yellow-light { color: #fff3cf; } .bg-yellow-light { background-color: #fff3cf; } .bd-yellow-light { border-color: #fff3cf; } .yellow-normal { color: #ffce3d; } .bg-yellow-normal { background-color: #ffce3d; } .bd-yellow-normal { border-color: #ffce3d; } .yellow-deep { color: #c17500; } .bg-yellow-deep { background-color: #c17500; } .bd-yellow-deep { border-color: #c17500; } .grey-1 { color: #fbfbfb; } .bg-grey-1 { background-color: #fbfbfb; } .bd-grey-1 { border-color: #fbfbfb; } .grey-2 { color: #f7f7f7; } .bg-grey-2 { background-color: #f7f7f7; } .bd-grey-2 { border-color: #f7f7f7; } .grey-3 { color: #f5f5f5; } .bg-grey-3 { background-color: #f5f5f5; } .bd-grey-3 { border-color: #f5f5f5; } .grey-4 { color: #e9e9e9; } .bg-grey-4 { background-color: #e9e9e9; } .bd-grey-4 { border-color: #e9e9e9; } .grey-5 { color: #d9d9d9; } .bg-grey-5 { background-color: #d9d9d9; } .bd-grey-5 { border-color: #d9d9d9; } .grey-6 { color: #bfbfbf; } .bg-grey-6 { background-color: #bfbfbf; } .bd-grey-6 { border-color: #bfbfbf; } .grey-7 { color: #919191; } .bg-grey-7 { background-color: #919191; } .bd-grey-7 { border-color: #919191; } .grey-8 { color: #5a5a5a; } .bg-grey-8 { background-color: #5a5a5a; } .bd-grey-8 { border-color: #5a5a5a; } .grey-9 { color: #404040; } .bg-grey-9 { background-color: #404040; } .bd-grey-9 { border-color: #404040; } .grey-10 { color: #222; } .bg-grey-10 { background-color: #222; } .bd-grey-10 { border-color: #222; } .grey-light { color: #f7f7f7; } .bg-grey-light { background-color: #f7f7f7; } .bd-grey-light { border-color: #f7f7f7; } .grey-normal { color: #bfbfbf; } .bg-grey-normal { background-color: #bfbfbf; } .bd-grey-normal { border-color: #bfbfbf; } .grey-deep { color: #5a5a5a; } .bg-grey-deep { background-color: #5a5a5a; } .bd-grey-deep { border-color: #5a5a5a; } .label { font-weight: 400; font-size: 1em; display: inline-block; padding: .25em .6em .3em; } .label-blue-deep { background: #0c60aa; border-color: #094a84; color: #fff; } .label-blue-normal { background: #108ee9; border-color: #0d77c3; color: #fff; } .label-blue-light { background: #d2eafb; border-color: #add9f8; color: #108ee9; } .label-purple-deep { background: #533eb4; border-color: #453496; color: #fff; } .label-purple-normal { background: #948aec; border-color: #7467e6; color: #fff; } .label-purple-light { background: #e4e2fa; border-color: #c4bff4; color: #533eb4; } .label-cyan-deep { background: #00707f; border-color: #004c56; color: #fff; } .label-cyan-normal { background: #3db8c1; border-color: #339aa2; color: #fff; } .label-cyan-light { background: #cfedf0; border-color: #b0e1e6; color: #00707f; } .label-green-deep { background: #007b43; border-color: #00522d; color: #fff; } .label-green-normal { background: #3dbd7d; border-color: #339e69; color: #fff; } .label-green-light { background: #a7e1c4; border-color: #89d7b0; color: #007b43; } .label-pink-deep { background: #c11c7b; border-color: #9d1764; color: #fff; } .label-pink-normal { background: #f7629e; border-color: #f53b86; color: #fff; } .label-pink-light { background: #fdd8e7; border-color: #fbb1cf; color: #c11c7b; } .label-red-deep { background: #bd2636; border-color: #9b1f2c; color: #fff; } .label-red-normal { background: #f46e65; border-color: #f14a3f; color: #fff; } .label-red-light { background: #fcdbd9; border-color: #f9b7b3; color: #bd2636; } .label-orange-deep { background: #b93600; border-color: #902a00; color: #fff; } .label-orange-normal { background: #f78e3d; border-color: #f57716; color: #fff; } .label-orange-light { background: #fde3cf; border-color: #fbcca8; color: #b93600; } .label-yellow-deep { background: #c17500; border-color: #985c00; color: #fff; } .label-yellow-normal { background: #ffce3d; border-color: #ffc414; color: #fff; } .label-yellow-light { background: #fff3cf; border-color: #ffe9a6; color: #c17500; } .label-grey-deep { background: #5a5a5a; border-color: #464646; color: #fff; } .label-grey-normal { background: #bfbfbf; border-color: #ababab; color: #fff; } .label-grey-light { background: #f7f7f7; border-color: #e3e3e3; color: #5a5a5a; } .info-alert { border-radius: 3px; line-height: 1.6em; margin: 0 auto; padding: 5px 4px; font-style: normal; text-align: center; background: #e6f7ff; border: 1px solid #cbecff; color: #798e9a; } .info-alert .info-alert { background-color: rgba(0,0,0,0.05) !important; } .info-alert.info-alert-grey, .info-alert.info-alert-normal { background: #fafafa; border-color: #eee; color: #888; } .info-alert.info-alert-yellow, .info-alert.info-alert-warning { background: #fffbe6; border-color: #f5edc3; color: #96883c; } .info-alert.info-alert-green, .info-alert.info-alert-success { background: #f6ffed; border-color: #b7eb8f; color: #758c6c; } .info-alert.info-alert-blue, .info-alert.info-alert-primary { background: #e6f7ff; border-color: #cbecff; color: #798e9a; } .info-alert.info-alert-red, .info-alert.info-alert-error { background: #fff1f0; border-color: #ffa39e; color: #b58886; } button, .btn, .kui-btn { white-space: nowrap; overflow: hidden; text-align: center; text-overflow: ellipsis; cursor: pointer; outline: none; user-select: none; transition: all 0.16s; } button[disabled], .btn[disabled], .kui-btn[disabled], input[disabled] { cursor: not-allowed; opacity: 0.6; } .kui-btn { padding: 0.4em 1.2em; display: inline-block; line-height: 1.2; border-radius: 0.2em; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075); text-shadow: 0 -1px 0 rgba(0,0,0,0.1); color: #777; border: 1px solid #ddd; background: #fefefe; } .kui-btn:hover { background: #eee; } .kui-btn:active { background: #ddd; box-shadow: 0 0 0 0.2em rgba(0,0,0,0.05); } .kui-btn.btn-radius { border-radius: 3em; } .kui-btn .font-icon { font-weight: 200; line-height: 0; display: inline-block; width: 0.95em; text-shadow: none; opacity: 0.7; position: relative; top: -0.05em; } .kui-btn-default, .kui-btn-blue { color: #fff; border: 1px solid #007cee; background: #1890ff; } .kui-btn-default:hover, .kui-btn-blue:hover { background: #007cee; } .kui-btn-default:active, .kui-btn-blue:active { background: #0069cb; box-shadow: 0 0 0 0.2em rgba(24,144,255,0.2); } .kui-btn-success, .kui-btn-green { color: #fff; border: 1px solid #529d2e; background: #63bd37; } .kui-btn-success:hover, .kui-btn-green:hover { background: #529d2e; } .kui-btn-success:active, .kui-btn-green:active { background: #448226; box-shadow: 0 0 0 0.2em rgba(99,189,55,0.2); } .kui-btn-error, .kui-btn-red { color: #fff; border: 1px solid #ff2427; background: #ff4d4f; } .kui-btn-error:hover, .kui-btn-red:hover { background: #ff2427; } .kui-btn-error:active, .kui-btn-red:active { background: #ff0003; box-shadow: 0 0 0 0.2em rgba(255,77,79,0.2); } .kui-btn-warning, .kui-btn-yellow { color: #fff; border: 1px solid #e09705; background: #faad14; } .kui-btn-warning:hover, .kui-btn-yellow:hover { background: #e09705; } .kui-btn-warning:active, .kui-btn-yellow:active { background: #bd7f04; box-shadow: 0 0 0 0.2em rgba(250,173,20,0.2); } .kui-btn-normal, .kui-btn-grey { color: #777; border: 1px solid #ddd; background: #fefefe; } .kui-btn-normal:hover, .kui-btn-grey:hover { background: #eee; } .kui-btn-normal:active, .kui-btn-grey:active { background: #ddd; box-shadow: 0 0 0 0.2em rgba(0,0,0,0.05); } .kui-btn-group > .kui-btn { border-radius: 0; margin-left: -5px; } .kui-btn-group > .kui-btn:first-child, .kui-btn-group >.kui-btn.first { border-radius: 0.2em 0 0 0.2em; margin-left: 0px; } .kui-btn-group > .kui-btn:last-child, .kui-btn-group >.kui-btn.last { border-radius: 0 0.2em 0.2em 0; } .btn { padding: 6px 14px; border-radius: 3px; } .btn:focus { outline: none; } .btn.btn-default .font-icon { color: #999; vertical-align: text-bottom; } .btn.btn-default:active, .btn.btn-default.active { border-color: #ADADAD; color: #888; } .btn.btn-left { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn.btn-middle { border-radius: 0; } .btn.btn-right { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn.btn-lg { padding: 10px 16px; font-size: 1.5em; line-height: 1.33; } .btn.btn-normal { padding: 4px 12px; } .btn.btn-sm { padding: 2px 10px; font-size: 0.95em; } .btn.btn-xs { padding: 1px 5px; font-size: 0.9em; line-height: 1.5; } .btn.btn-active { background: #63acff !important; border-color: #4fa1ff !important; border-bottom-color: #449cff !important; z-index: 100; text-shadow: none; color: #fff !important; background-image: none !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cc2ff', endColorstr='#63acff'); background-image: -webkit-linear-gradient(to bottom,#8cc2ff 0,#63acff 100%); background-image: -moz-linear-gradient(to bottom,#8cc2ff 0,#63acff 100%); background-image: -o-linear-gradient(to bottom,#8cc2ff 0,#63acff 100%); background-image: -ms-linear-gradient(to bottom,#8cc2ff 0,#63acff 100%); background-image: linear-gradient(to bottom,#8cc2ff 0,#63acff 100%); -pie-background: linear-gradient(to to bottom,#8cc2ff 0,#63acff 100%); } .btn.btn-active .font-icon { color: #fff; } .btn.btn-active:hover, .btn.btn-active:active { background: #3a96ff !important; border-color: #268bff !important; border-bottom-color: #1c86ff !important; z-index: 100; text-shadow: none; color: #fff !important; background-image: none !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63acff', endColorstr='#3a96ff'); background-image: -webkit-linear-gradient(to bottom,#63acff 0,#3a96ff 100%); background-image: -moz-linear-gradient(to bottom,#63acff 0,#3a96ff 100%); background-image: -o-linear-gradient(to bottom,#63acff 0,#3a96ff 100%); background-image: -ms-linear-gradient(to bottom,#63acff 0,#3a96ff 100%); background-image: linear-gradient(to bottom,#63acff 0,#3a96ff 100%); -pie-background: linear-gradient(to to bottom,#63acff 0,#3a96ff 100%); } .btn.btn-active:hover .font-icon, .btn.btn-active:active .font-icon { color: #fff; } .btn, .btn-group>.btn, .btn-group-sm>.btn { border-radius: 0px; background-image: none; } .btn.btn-default, .btn-group>.btn.btn-default, .btn-group-sm>.btn.btn-default { border-color: #ddd; } .btn.btn-default:focus, .btn.btn-default:hover, .btn-group>.btn.btn-default:focus, .btn-group>.btn.btn-default:hover, .btn-group-sm>.btn.btn-default:focus, .btn-group-sm>.btn.btn-default:hover { background-color: #e4f8ff; border-color: #aedaff; } .btn.btn-default:active, .btn.btn-default.active, .btn-group>.btn.btn-default:active, .btn-group>.btn.btn-default.active, .btn-group-sm>.btn.btn-default:active, .btn-group-sm>.btn.btn-default.active { color: #365f80; background-color: #e4f8ff; border-color: #93cfff; } .btn-group.disabled { opacity: 0.6; filter: alpha(opacity=60); } body { font-size: 13px; color: #444; padding: 0px; margin: 0px; font-family: "Helvetica Neue", "Helvetica", 'PingFangSC', "PingFang SC", 'NotoSansHans', 'Hiragino Sans GB', "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; -webkit-font-smoothing: antialiased; -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } textarea, input, button, pre, p, .can-select { -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } textarea, input, button, pre, p { font-family: "Helvetica Neue", "Helvetica", 'PingFangSC', "PingFang SC", 'NotoSansHans', 'Hiragino Sans GB', "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; -webkit-font-smoothing: antialiased; } input[type="text"], input[type="password"], input[type="number"], textarea { -webkit-appearance: none; appearance: none; padding: 1px; border-radius: 0; } blockquote { padding: 10px 20px; margin: 0 0 20px 1em; border-left: 10px solid #eee; background: #f6f6f6; } blockquote p { font-size: 1em; margin: 0px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Helvetica Neue", "Helvetica", 'PingFangSC', "PingFang SC", 'NotoSansHans', 'Hiragino Sans GB', "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; -webkit-font-smoothing: antialiased; } pre, code { tab-size: 4; border: none; border-radius: 0; font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; } label { font-weight: normal; } table { border-collapse: collapse; } a { color: #40a9ff; text-decoration: none; } a:hover, a:active { color: #1890ff; border-color: #1890ff; } a:focus { outline: none !important; } ::-webkit-scrollbar-track-piece { background-color: rgba(180,180,180,0.06); border-radius: 3px; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { background-color: rgba(180,180,180,0.2); border-radius: 12px; background-clip: padding-box; border: 1px solid rgba(180,180,180,0.4); min-height: 28px; } ::-webkit-scrollbar-thumb:hover { background-color: rgba(180,180,180,0.4); border: 1px solid rgba(180,180,180,0.7); } ::placeholder { opacity: 0.4; } [link-href], a { cursor: pointer; } .can-select { -khtml-user-select: text !important; -webkit-touch-callout: text !important; -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; user-select: text !important; } .can-not-select { -khtml-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important; } *, *:before, *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } *:focus { outline: none; } .fl { float: left; } .fl-left { float: left; } .fl-right { float: right; } .disable, .disabled { cursor: not-allowed; opacity: 0.6; } .disable-event { cursor: not-allowed; opacity: 0.6; pointer-events: none; } .btn, .kui-btn, button { -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .clear { clear: both; } .hidden { display: none; } .border-radius-none { border-radius: 0 !important; } .font-normal { font-weight: 800; } .font-bold, .bold { font-weight: 800; } .font-400 { font-weight: 400; } .font-800 { font-weight: 800; } .size12 { font-size: 12px; } .size14 { font-size: 14px; } .size16 { font-size: 16px; } .size18 { font-size: 18px; } .size20 { font-size: 20px; } .size22 { font-size: 22px; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .no-animate { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .translation-fast { -webkit-transition: all 0.168s ease-in-out; -moz-transition: all 0.168s ease-in-out; -o-transition: all 0.168s ease-in-out; -ms-transition: all 0.168s ease-in-out; transition: all 0.168s ease-in-out; } .translation-normal { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .translation-slow { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .translation-200 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .translation-300 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .translation-500 { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .translation-1000 { -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } .opacity-hidden { opacity: 0.001; } .aui-content .ajaxError { -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; color: #f60; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 40px; overflow: auto; padding: 10px; } .h1, h1 { font-size: 2.2em; } .h2, h2 { font-size: 1.8em; } .h3, h3 { font-size: 1.4em; } .h4, h4 { font-size: 1.2em; } .h5, h5 { font-size: 1.1em; } .info-alert li { list-style: none; } .info-alert li:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f186"; opacity: 0.6; display: inline-block; width: 1.5em; text-align: left; font-size: 0.85em; position: relative; top: -0.1em; } body > div > svg { display: none; } .frame-fullscreen { position: fixed; z-index: 99999999; left: 0; top: 0; } .font-icon { font-style: normal; vertical-align: middle; text-align: center; line-height: 1em; font-size: 1.3em; width: 1.2em; } .dropdown-menu .font-icon { display: inline-block; padding-right: 0.3em; vertical-align: text-bottom; line-height: 15px; } .dragMaskView { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 888; background: #fff; opacity: 0.01; filter: alpha(opacity=1); -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .content-box .ace_cjk { width: 1em !important; } .content-box .ace_static_highlight { font-size: 1.15em; } .aui-buttons button { font-size: 1em; -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .dialog-change-max, .dialog-change-max .aui-main { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; } .aui-title span { position: absolute; width: 80%; overflow: hidden; height: 30px; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; } .less-error-message { display: none; } .ps__rail-x, .ps__rail-y { z-index: 99999; } [class^="icon-"], [class*=" icon-"] { background-image: auto; } .btn-default { color: #444; } .btn-group-sm>.btn { padding: 4px 10px; line-height: 1em; font-size: 1em; } .btn-group-normal>.btn { padding: 5px 15px; } .dropdown-menu { left: auto; right: 0px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 4px 30px rgba(0,0,0,0.15); font-size: 1em; max-height: 460px; margin-top: 0; } .dropdown-menu>li>a:hover, .dropdown-menu .this a, .dropdown-menu>li>a:focus { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; background-image: none; filter: none; background: #63acff; color: #fff; } .dropdown-menu>li>a { font-weight: inherit; color: #666; padding: 4px 20px; } .dropdown-menu>li>a .font-icon { opacity: 0.8; } .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid rgba(0,0,0,0); border-right: 6px solid rgba(0,0,0,0); border-bottom: 6px solid #FFF; position: absolute; top: -6px; right: 10px; } .dropdown-menu:before { content: ''; left: auto; right: 12px; display: inline-block; position: absolute; border-left: 7px solid rgba(0,0,0,0); border-right: 7px solid rgba(0,0,0,0); top: -7px; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0,0,0,0.2); right: 9px; } .dropdown-menu.pull-left:after { right: auto; left: 10px; } .dropdown-menu.pull-left:before { right: auto; left: 9px; } .dropdown-menu.menu-top:after { content: ''; display: inline-block; border-left: 6px solid rgba(0,0,0,0); top: inherit; border-right: 6px solid rgba(0,0,0,0); border-top: 6px solid #FFF; border-bottom: none; position: absolute; bottom: -6px; right: 10px; } .dropdown-menu.menu-top:before { content: ''; left: auto; right: 12px; display: inline-block; position: absolute; border-bottom: none; border-left: 7px solid rgba(0,0,0,0); border-right: 7px solid rgba(0,0,0,0); bottom: -7px; border-top: 7px solid #CCC; border-top-color: rgba(0,0,0,0.2); right: 9px; top: inherit; } .dropdown-menu .divider { margin: 0.3em 0; } body .context-menu-list .context-menu-item.hover { background: #63acff; } body .aui-outer { *border: 1px solid #7dbaff; border: 1px solid #7dbaff \0/IE9; border: 1px solid #7dbaff; } input { border: 1px solid #ddd; background: #fff; outline: none; } input[type="radio"], input[type="checkbox"] { border: none; background: none; } .maskViewContent .upload-tips { text-align: center; } .maskViewContent .upload-tips .font-icon { opacity: 0.8; } .maskViewContent .upload-tips .font-icon.cloud2 { font-size: 180px; } .maskViewContent .upload-tips .font-icon.cloud1, .maskViewContent .upload-tips .font-icon.cloud3 { position: absolute; opacity: 0.6; } .maskViewContent .upload-tips .font-icon.cloud1 { margin-left: -60px; margin-top: 100px; -webkit-animation: moveLeftLoop 5.0s infinite ease-in-out; animation: moveLeftLoop 5.0s infinite ease-in-out; } .maskViewContent .upload-tips .font-icon.cloud3 { margin-left: -80px; margin-top: 80px; font-size: 60px; animation-delay: 3s; -webkit-animation-delay: 3s; -webkit-animation: moveLeftLoop 7.0s infinite ease-in-out; animation: moveLeftLoop 7.0s infinite ease-in-out; } .maskViewContent .upload-tips .cloud-moveup { height: 70px; } .maskViewContent .upload-tips .cloud-moveup i { position: absolute; margin-left: -23px; margin-top: -16px; } body#page-desktop .topbar .content .topbar-menu { border-color: rgba(255,255,255,0.01); } .full-background { position: absolute; overflow: hidden; z-index: 0; } .aero:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; content: ''; -webkit-filter: blur(4px) brightness(1.0); filter: blur(4px) brightness(1.0); clip-path: inset(0); } .aero:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; clip-path: inset(0); } .task-tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; padding-left: 50px; z-index: 100; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444; border-top: 1px solid rgba(0,0,0,0.01); background: none; background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(113,113,113,0.3) 100%); border: none; bottom: 0px; } .task-tab .tabs { height: 100%; margin-right: 20px; margin-right: 60px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .task-tab .tabs .tab { float: left; height: 29px; margin-right: 2px; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; text-shadow: 0px 0px 0px #fff, 0px 0px 4px #000, 0px 0px 5px #000; color: #fff; border-radius: 3px; cursor: default; overflow: hidden; font-size: 1em; box-shadow: 0 0 6px #666; padding-left: 4px; word-break: break-all; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.3)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.3),rgba(255,255,255,0)); -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .task-tab .tabs .tab.hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0)); } .task-tab .tabs .tab.this { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.7)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.7),rgba(255,255,255,0)); box-shadow: 0 0 6px #000; } .tasktab-dragging { position: fixed; position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; text-shadow: 0 0 3px #000; box-shadow: 0 0 6px #000; padding-left: 4px; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px; cursor: default; color: #fff; overflow: hidden; font-size: 1em; word-break: break-all; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.8)', endColorstr='rgba(255,255,255,0.2)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); } .init-loading { position: fixed; left: 50%; top: 50%; margin-left: -52px; margin-top: -45px; font-size: 1.25em; z-index: 999999; width: auto; } .init-loading div { padding: 20px; background: #fff; opacity: 0.6; filter: alpha(opacity=60); margin: 0 auto; color: #FFF; border-radius: 6px; text-align: center; line-height: 50px; } .init-loading img { border-radius: 10px; } .space-info-bar { width: 110px; } .space-info-bar .space-process { width: 110px; height: 6px; overflow: hidden; background-color: #ddd; margin: 0px; border-radius: 5px; } .space-info-bar .space-process .space-process-use { width: 20%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; height: 100%; background-color: #428bca; border-radius: 5px; } .space-info-bar .space-process .space-process-use.warning { background-color: #f00 !important; } .appbox { overflow: hidden; padding: 0px 10px 0 0; } .appbox .appline { width: 100%; margin-bottom: 10px; line-height: 20px; overflow: hidden; } .appbox .appline .left { float: left; width: 80px; text-align: right; padding-right: 14px; } .appbox .appline .right { float: left; } .appbox .appline input { margin-right: 5px; } .appbox .appline label { display: inline-block; margin-left: -10px; padding: 0 5px; } .appbox .appline input[type=text], .appbox .appline textarea { width: 275px; padding: 0px 5px; border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; height: 28px; border-radius: 3px; } .appbox .appline input[type=text]:hover, .appbox .appline input[type=text]:active, .appbox .appline textarea:hover, .appbox .appline textarea:active { border-color: #75A1F0; } .appbox .appline input[type=text]:focus, .appbox .appline textarea:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .appbox .appline input[type=text].disabled, .appbox .appline input[type=text][readonly='true'], .appbox .appline textarea.disabled, .appbox .appline textarea[readonly='true'] { opacity: 0.7; } .appbox .appline input[type=text].disabled:hover, .appbox .appline input[type=text].disabled:active, .appbox .appline input[type=text][readonly='true']:hover, .appbox .appline input[type=text][readonly='true']:active, .appbox .appline textarea.disabled:hover, .appbox .appline textarea.disabled:active, .appbox .appline textarea[readonly='true']:hover, .appbox .appline textarea[readonly='true']:active { border-color: #ddd; } .appbox .appline input[type=text].disabled:focus, .appbox .appline input[type=text][readonly='true']:focus, .appbox .appline textarea.disabled:focus, .appbox .appline textarea[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .appbox .appline input[type=text].w30 { width: 50px; } .appbox .appline input[type=text].w20 { width: 30px; } .appbox .appline textarea { height: 100px; } .appbox .appline.icon input { width: 232px; } .appbox .appline.icon a { padding: 2px 4px; top: 0px; border: 1px solid #CCC; } .appbox .appline.icon .open { margin-left: -12px; cursor: pointer; margin-top: -4px; font-size: 14px; padding: 3px 1em 4px 1em; } .appbox .appline.icon a img { width: 20px; height: 20px; } .dropdown-menu.menu-topbar-user { right: 6px; } .version-vip { height: 18px; line-height: 18px; display: inline-block; padding-right: 1em; color: #eee; background: #bbb; cursor: pointer; } .version-vip.vip-1 { color: #bdeaff; background: #03a9f4; } .version-vip.vip-2 { color: #ea9df7; background: #9c27b0; } .version-vip.vip-3, .version-vip.vip-4, .version-vip.vip-5, .version-vip.vip-6 { color: #fff; background: #ffc107; } .version-vip:hover, .version-vip:active { opacity: 0.9; filter: alpha(opacity=90); text-decoration: none; } .admin-setting-page .tab-group .version-vip { position: absolute; opacity: 0.8; right: 0px; bottom: 5px; z-index: 10; } .version-license { width: 250px; height: 250px; overflow: hidden; position: absolute; z-index: 9999; pointer-events: none; top: 0px; left: 0px; } .version-license a.line { position: absolute; pointer-events: all; width: 300px; height: 60px; line-height: 60px; left: -70px; top: 40px; font-size: 20px; background: #FF9800; background: linear-gradient(to top left,#FF9800,#FF5722); text-decoration: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.2; -moz-transition: all 0.2; -o-transition: all 0.2; -ms-transition: all 0.2; transition: all 0.2; text-align: center; color: #fff; opacity: 0.9; filter: alpha(opacity=90); } .version-license a.line:hover, .version-license a.line:active { opacity: 0.7; filter: alpha(opacity=70); } .dialog-copyright { width: 400px !important; } .dialog-copyright, .share-dialog, .check-version-dialog { min-width: 425px; } .dialog-copyright.dialog-simple .aui-outer, .share-dialog.dialog-simple .aui-outer, .check-version-dialog.dialog-simple .aui-outer { overflow: inherit; box-shadow: 0 0px 60px rgba(0,0,0,0.4); border-radius: 5px; border: none; } .dialog-copyright.dialog-simple .aui-outer, .dialog-copyright.dialog-simple .aui-outer.dialog-mouse-in, .share-dialog.dialog-simple .aui-outer, .share-dialog.dialog-simple .aui-outer.dialog-mouse-in, .check-version-dialog.dialog-simple .aui-outer, .check-version-dialog.dialog-simple .aui-outer.dialog-mouse-in { border: none; } .dialog-copyright.dialog-simple .aui-outer .aui-main, .dialog-copyright.dialog-simple .aui-outer.dialog-mouse-in .aui-main, .share-dialog.dialog-simple .aui-outer .aui-main, .share-dialog.dialog-simple .aui-outer.dialog-mouse-in .aui-main, .check-version-dialog.dialog-simple .aui-outer .aui-main, .check-version-dialog.dialog-simple .aui-outer.dialog-mouse-in .aui-main { border: none; } .dialog-copyright.dialog-simple .aui-outer .aui-header, .dialog-copyright.dialog-simple .aui-outer.dialog-mouse-in .aui-header, .share-dialog.dialog-simple .aui-outer .aui-header, .share-dialog.dialog-simple .aui-outer.dialog-mouse-in .aui-header, .check-version-dialog.dialog-simple .aui-outer .aui-header, .check-version-dialog.dialog-simple .aui-outer.dialog-mouse-in .aui-header { border: none; } .dialog-copyright.dialog-simple .aui-header, .share-dialog.dialog-simple .aui-header, .check-version-dialog.dialog-simple .aui-header { background: transparent; opacity: 1.0; filter: alpha(opacity=100); border: none; } .dialog-copyright.dialog-simple .aui-nw, .dialog-copyright.dialog-simple .aui-n, .dialog-copyright.dialog-simple .aui-ne, .dialog-copyright.dialog-simple .aui-w, .dialog-copyright.dialog-simple .aui-e, .dialog-copyright.dialog-simple .aui-sw, .dialog-copyright.dialog-simple .aui-s, .dialog-copyright.dialog-simple .aui-se, .share-dialog.dialog-simple .aui-nw, .share-dialog.dialog-simple .aui-n, .share-dialog.dialog-simple .aui-ne, .share-dialog.dialog-simple .aui-w, .share-dialog.dialog-simple .aui-e, .share-dialog.dialog-simple .aui-sw, .share-dialog.dialog-simple .aui-s, .share-dialog.dialog-simple .aui-se, .check-version-dialog.dialog-simple .aui-nw, .check-version-dialog.dialog-simple .aui-n, .check-version-dialog.dialog-simple .aui-ne, .check-version-dialog.dialog-simple .aui-w, .check-version-dialog.dialog-simple .aui-e, .check-version-dialog.dialog-simple .aui-sw, .check-version-dialog.dialog-simple .aui-s, .check-version-dialog.dialog-simple .aui-se { height: 0px; width: 0px; background: none; } .dialog-copyright.dialog-simple .aui-inner, .share-dialog.dialog-simple .aui-inner, .check-version-dialog.dialog-simple .aui-inner { border: none; background: none; } .dialog-copyright.dialog-simple .aui-title, .share-dialog.dialog-simple .aui-title, .check-version-dialog.dialog-simple .aui-title { opacity: 0.01; filter: alpha(opacity=1); top: 0px; position: absolute; width: 100%; height: 100%; z-index: 5; } .dialog-copyright.dialog-simple .aui-min, .dialog-copyright.dialog-simple .aui-max, .share-dialog.dialog-simple .aui-min, .share-dialog.dialog-simple .aui-max, .check-version-dialog.dialog-simple .aui-min, .check-version-dialog.dialog-simple .aui-max { display: none; } .dialog-copyright.dialog-simple .aui-title-bar, .share-dialog.dialog-simple .aui-title-bar, .check-version-dialog.dialog-simple .aui-title-bar { bottom: 0px; overflow: hidden; height: 100px; position: absolute; margin-top: -120px; top: 120px; margin-left: 0px; border-radius: 4px; } .dialog-copyright.dialog-simple .aui-outer .aui-close, .share-dialog.dialog-simple .aui-outer .aui-close, .check-version-dialog.dialog-simple .aui-outer .aui-close { opacity: 0.6; filter: alpha(opacity=60); background: rgba(0,0,0,0.5); width: 100px; height: 100px; top: -50px; right: -50px; border-radius: 50px; text-align: left; font-size: 20px; z-index: 100; padding: 0; } .dialog-copyright.dialog-simple .aui-outer .aui-close:before, .share-dialog.dialog-simple .aui-outer .aui-close:before, .check-version-dialog.dialog-simple .aui-outer .aui-close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; padding-left: 20px; line-height: 140px; font-size: 24px; } .dialog-copyright.dialog-simple .aui-outer .aui-close:hover, .share-dialog.dialog-simple .aui-outer .aui-close:hover, .check-version-dialog.dialog-simple .aui-outer .aui-close:hover { opacity: 0.6; filter: alpha(opacity=60); } .dialog-copyright.dialog-simple .aui-outer .aui-close:active, .share-dialog.dialog-simple .aui-outer .aui-close:active, .check-version-dialog.dialog-simple .aui-outer .aui-close:active { opacity: 1.0; filter: alpha(opacity=100); } .dialog-copyright.dialog-simple .aui-outer .aui-close:hover, .dialog-copyright.dialog-simple .aui-outer .aui-close:active, .share-dialog.dialog-simple .aui-outer .aui-close:hover, .share-dialog.dialog-simple .aui-outer .aui-close:active, .check-version-dialog.dialog-simple .aui-outer .aui-close:hover, .check-version-dialog.dialog-simple .aui-outer .aui-close:active { background-image: none; } .dialog-copyright .aui-footer, .share-dialog .aui-footer, .check-version-dialog .aui-footer { display: none; } .check-version-dialog .update-box { margin-top: 0px; } .dialog-copyright .dialog-copyright-content, .check-version-dialog .aui-content { -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; width: auto; border-radius: 6px; min-width: 400px; -webkit-box-shadow: 0px 10px 60px rgba(0,0,0,0.4); -moz-box-shadow: 0px 10px 60px rgba(0,0,0,0.4); box-shadow: 0px 10px 60px rgba(0,0,0,0.4); border: 1px solid #ccc \9; padding-bottom: 30px; background: #fff; background: rgba(255,255,255,0.9); } .dialog-copyright .dialog-copyright-content .title, .check-version-dialog .aui-content .title { width: 100%; background: #6699cc url("../../images/wall_page/6.jpg"); height: 150px; background-position: -100px -10px; background-size: 145%; padding-top: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .dialog-copyright .dialog-copyright-content .title .logo, .check-version-dialog .aui-content .title .logo { text-align: center; font-size: 35px; width: 100%; padding-top: 40px; color: #aaddff; margin: 0 auto; overflow: hidden; line-height: 100px; max-width: 90%; height: 90px; padding-top: 15px; } .dialog-copyright .dialog-copyright-content .title .logo-text, .dialog-copyright .dialog-copyright-content .title .info, .check-version-dialog .aui-content .title .logo-text, .check-version-dialog .aui-content .title .info { -webkit-box-reflect: below -13px -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(255,255,255,0.2))); background-image: -webkit-linear-gradient(92deg,#FFFFFF,#14A1FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 6s 100 linear; } .dialog-copyright .dialog-copyright-content .title .logo i, .check-version-dialog .aui-content .title .logo i { color: #aaddff; font-weight: 400; margin-right: 10px; } .dialog-copyright .dialog-copyright-content .title .info, .check-version-dialog .aui-content .title .info { text-align: right; font-size: 1.15em; color: #aaddff; padding-right: 14px; padding-top: 10px; } .dialog-copyright .dialog-copyright-content .title .logo img, .check-version-dialog .aui-content .title .logo img { max-width: 100%; max-height: 120px; } .dialog-copyright .dialog-copyright-content .content, .check-version-dialog .aui-content .content { padding: 20px; } .dialog-copyright .dialog-copyright-content .content p, .check-version-dialog .aui-content .content p { text-indent: 2em; color: #333; margin-bottom: 30px; } .dialog-copyright .dialog-copyright-content .content a, .check-version-dialog .aui-content .content a { padding-right: 5px; } .dialog-copyright .dialog-copyright-content .content div, .check-version-dialog .aui-content .content div { text-align: center; padding-bottom: 5px; } .check-version-dialog.dialog-simple .aui-title-bar { margin-top: -120px; } body div.file-continer .file.file-not-writeable, body .frame-main .frame-left .ztree a.file-not-writeable { opacity: 0.8; filter: alpha(opacity=80); } body div.file-continer .file.file-not-readable, body .frame-main .frame-left .ztree a.file-not-readable { opacity: 0.5; filter: alpha(opacity=50); } body div.file-continer .file.file-not-exists, body .frame-main .frame-left .ztree a.file-not-exists { opacity: 0.5; filter: alpha(opacity=50); color: #f5222d !important; } .badge-tag { position: absolute; right: 5px; margin-top: -35px; padding: 0 6px; font-weight: 800; font-style: normal; height: 20px; min-width: 15px; line-height: 20px; border-radius: 10px; background: #f5222d; color: #fff; text-align: center; } .movie-player-dialog { overflow: hidden; } .flash-player { width: 100%; height: 100%; } .wmp-player { width: 0%; height: 0%; } .movie-player-dialog .aui-content { background: #000; } .dialog-path-remove .aui-content { word-wrap: break-word; width: auto; } @media print { div.topbar, div.common-footer { display: none !important; } html body { position: inherit; overflow: auto; } body div.frame-main { bottom: 0px; top: -20px; position: inherit; } div.content-box.markdown-preview { margin-top: 0 !important; margin-bottom: 0px !important; } body div.show-code, body div.show-code pre { left: 0; right: 0; position: inherit; padding: 10px 20px; } } .icon.icon-loading { -webkit-animation: moveCircleLoopRight 1.4s infinite linear; animation: moveCircleLoopRight 1.4s infinite linear; } .icon.icon-loading:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec6"; } .icon.icon-success { background: #52c41a; color: #fff; } .icon.icon-success:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .icon.icon-error { background: #f5222d; color: #fff; } .icon.icon-error:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .icon.icon-loading:before, .icon.icon-success:before, .icon.icon-error:before { display: inline-block; vertical-align: text-top; width: 1em; height: 1em; line-height: 1.1em; position: relative; left: 0px; top: -0.05em; } .ri-sort-desc:before { content: "\e8b3" !important; font-family: "kod-svg-font" !important; } .x-icon-empty:before { content: "\e604" !important; font-family: "kod-svg-font" !important; } .x-share-link:before { content: "\eb17" !important; font-family: "kod-svg-font" !important; } .x-sort-up-down:before { content: "\e638" !important; font-family: "kod-svg-font" !important; } .font-icon.device-icon { color: #bbb; margin-right: 5px; position: relative; width: 1.2em; height: 1.2em; line-height: 1em; display: inline-block; vertical-align: bottom; } .font-icon.device-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec2d"; font-size: 17px; } .font-icon.device-icon.device-ios:before { color: #aaa; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea3f"; } .font-icon.device-icon.device-mac_os:before { color: #aaa; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea3f"; } .font-icon.device-icon.device-windows:before { color: #40a9ff; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2c7"; } .font-icon.device-icon.device-android:before { color: #81c208; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea35"; } .font-icon.device-icon.device-ubuntu:before, .font-icon.device-icon.device-linux:before { color: #f7650d; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f240"; } .font-icon.device-icon.device-ie:before { color: #00b5ed; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee42"; } .font-icon.device-icon.device-edge:before { color: #0074d0; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec7d"; } .font-icon.device-icon.device-safari:before, .font-icon.device-icon.device-mobile_safari:before { color: #0e8ee6; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0a6"; } .font-icon.device-icon.device-firefox:before { color: #ff4d39; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed34"; } .font-icon.device-icon.device-opera:before { color: #f5222d; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efb4"; } .font-icon.device-icon.device-wechat:before { color: #20d66c; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f2b5"; } .font-icon.device-icon.device-qqbrowser:before, .font-icon.device-icon.device-qq:before { color: #0098e6; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f03a"; } .font-icon.device-icon.device-kodbox, .font-icon.device-icon.device-kodcloud { margin-right: 7px; } .font-icon.device-icon.device-kodbox:before, .font-icon.device-icon.device-kodcloud:before { content: "kod"; font-size: 12px; padding: 0.5em .7em 0.5em 0.4em; width: 1.5em; height: 1.5em; line-height: 1.3em; transform: scale(0.55); margin: -5px -8px 0 -6px; font-family: system-ui; display: inline-block; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bc8ff', endColorstr='#4f54f4'); background-image: -webkit-linear-gradient(164deg,#2bc8ff,#4f54f4); background-image: -moz-linear-gradient(164deg,#2bc8ff,#4f54f4); background-image: -o-linear-gradient(164deg,#2bc8ff,#4f54f4); background-image: -ms-linear-gradient(164deg,#2bc8ff,#4f54f4); background-image: linear-gradient(164deg,#2bc8ff,#4f54f4); -pie-background: linear-gradient(to 164deg,#2bc8ff,#4f54f4); border-radius: 5px; font-weight: 800; color: #fff; } .font-icon.device-icon.device-chrome_webview:before, .font-icon.device-icon.device-chrome:before { display: none; } .font-icon.device-icon.device-chrome_webview, .font-icon.device-icon.device-chrome { background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgc3R5bGU9IndpZHRoOiAxZW07IGhlaWdodDogMWVtO3ZlcnRpY2FsLWFsaWduOiBtaWRkbGU7ZmlsbDogY3VycmVudENvbG9yO292ZXJmbG93OiBoaWRkZW47IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNDAxMyI+PHBhdGggZD0iTTEyMy42NDggMTc4LjM0NjY2N0MzNjEuNjQyNjY3LTk4LjYwMjY2NyA4MDIuOTg2NjY3LTQzLjk0NjY2NyA5NjcuOTM2IDI3OS42OGgtMzk2LjUwMTMzM2MtNzEuNDI0IDAtMTE3LjU0NjY2Ny0xLjYyMTMzMy0xNjcuNTA5MzM0IDI0LjY2MTMzMy01OC43MDkzMzMgMzAuOTMzMzMzLTEwMi45OTczMzMgODguMjM0NjY3LTExOC40ODUzMzMgMTU1LjUyTDEyMy42NDggMTc4LjM4OTMzM3oiIGZpbGw9IiNFQTQzMzUiIHAtaWQ9IjQwMTQiPjwvcGF0aD48cGF0aCBkPSJNMzQxLjY3NDY2NyA1MTJjMCA5My44NjY2NjcgNzYuMzMwNjY3IDE3MC4yNCAxNzAuMTU0NjY2IDE3MC4yNCA5My44NjY2NjcgMCAxNzAuMTU0NjY3LTc2LjM3MzMzMyAxNzAuMTU0NjY3LTE3MC4yNHMtNzYuMzMwNjY3LTE3MC4yNC0xNzAuMTU0NjY3LTE3MC4yNGMtOTMuODY2NjY3IDAtMTcwLjE1NDY2NyA3Ni4zNzMzMzMtMTcwLjE1NDY2NiAxNzAuMjR6IiBmaWxsPSIjNDI4NUY0IiBwLWlkPSI0MDE1Ij48L3BhdGg+PHBhdGggZD0iTTU3Ny44NzczMzMgNzM0Ljg0OGMtOTUuNTMwNjY3IDI4LjM3MzMzMy0yMDcuMjc0NjY3LTMuMTE0NjY3LTI2OC41MDEzMzMtMTA4LjgtNDYuNzYyNjY3LTgwLjY0LTE3MC4yNC0yOTUuNzY1MzMzLTIyNi4zNDY2NjctMzkzLjU1NzMzMy0xOTYuNTY1MzMzIDMwMS4yMjY2NjctMjcuMTM2IDcxMS44MDggMzI5LjY4NTMzNCA3ODEuODY2NjY2bDE2NS4xMi0yNzkuNTA5MzMzeiIgZmlsbD0iIzM0QTg1MyIgcC1pZD0iNDAxNiI+PC9wYXRoPjxwYXRoIGQ9Ik02NjkuODY2NjY3IDM0MS43NmEyMzMuMTMwNjY3IDIzMy4xMzA2NjcgMCAwIDEgNDMuMDA4IDI4Ni42MzQ2NjdjLTQwLjU3NiA2OS45NzMzMzMtMTcwLjE1NDY2NyAyODguNjgyNjY3LTIzMi45NiAzOTQuNTgxMzMzIDM2Ny42NTg2NjcgMjIuNjU2IDYzNS43MzMzMzMtMzM3LjY2NCA1MTQuNjQ1MzMzLTY4MS4yNTg2NjdINjY5Ljg2NjY2N3oiIGZpbGw9IiNGQkJDMDUiIHAtaWQ9IjQwMTciPjwvcGF0aD48L3N2Zz4="); font-size: 14px; background-repeat: no-repeat; margin-left: 2px; } .message-box { position: absolute; top: 15%; left: 0px; z-index: 88; background: #63acff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none; } .message-box .content { padding: 10px 30px; line-height: 20px; width: auto; } .aui-outer { text-align: left; position: relative; } .aui-mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01; filter: alpha(opacity=1); } .aui-loading { height: 100%; width: 100%; overflow: hidden; opacity: 0.7; filter: alpha(opacity=70); top: 16px; position: absolute; left: 0; z-index: 9999; text-align: center; text-indent: -999em; } .aui-loading span { width: 80px; height: 80px; border-radius: 6px; background: #fff url("../../images/common/dialog/dialog_loading.gif") no-repeat center center; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; } table.aui-border, table.aui-dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse; } .aui-nw, .aui-n, .aui-ne, .aui-w, .aui-c, .aui-e, .aui-sw, .aui-s, .aui-se, .aui-header, .aui-td-icon, .aui-main, .aui-footer { padding: 0; } .aui-header, .aui-buttons button { font: 12px/1.11; } .aui-title { overflow: hidden; text-overflow: ellipsis; font-size: 1em; } .aui-title .path-ico { width: 20px; height: 20px; margin-right: 5px; border-radius: 4px; cursor: pointer; } .aui-title .path-ico img { vertical-align: baseline; border-radius: 2px; } .aui-title img { width: 16px; height: 16px; margin-right: 6px; position: relative; top: -1px; } .aui-title .path-ico:hover, .aui-title .path-ico:active { transform: scale(1.1,1.1); } .aui-state-no-title .aui-title { display: none; } .aui-main { text-align: center; background: #FFF; min-width: 9em; min-width: 0 \9; visibility: auto; } .artDialog.drag-file-hover .aui-content:before { content: ""; z-index: 10; position: absolute; top: 0; right: 0; left: 0; bottom: 0px; pointer-events: none; border: 2px solid #1890ff; border-radius: 4px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .aui-content { text-align: left; color: #666; border: none 0; width: 100%; height: 100%; position: relative; } .aui-content.aui-state-full { display: block; width: 100%; margin: 0; padding: 0 !important; height: 100%; } .aui-icon { vertical-align: middle; background: #fff; } .aui-icon div { width: 48px; height: 48px; margin: 10px 0 10px 10px; background-position: center center; background-repeat: no-repeat; } .aui-buttons { padding: 10px 8px; text-align: right; white-space: nowrap; background-color: #F6F6F6; border-top: solid 1px #DADEE5; } .aui-buttons button { margin-left: 15px; padding: 3px 20px; height: 25px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; overflow: visible; color: #000000; border: none; background: #aaa; color: #fff; } .aui-buttons button:focus { outline: none 0; } .aui-buttons button:hover { background: #c4c4c4; } .aui-buttons button:active { background: #777777; } .aui-buttons button[disabled] { cursor: default; color: #919191; background: #aaa; opacity: 0.5; filter: alpha(opacity=50); } .aui-buttons button::-moz-focus-inner { border: 0; padding: 0; margin: 0; } .aui-buttons button.aui-state-highlight { color: #FFF; background: #63acff; } .aui-buttons button.aui-state-highlight:hover { color: #FFF; background: #96c7ff; } .aui-buttons button.aui-state-highlight:active { background: #0076fc; } .aui-buttons button.disable, .aui-buttons button.disabled { opacity: 0.3; filter: alpha(opacity=30); } .aui-outer { border: 0px solid #63acff; -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.6); -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.6); box-shadow: 0px 5px 20px rgba(0,0,0,0.6); -webkit-transition: box-shadow 0.1s opacity 0.2s; -moz-transition: box-shadow 0.1s opacity 0.2s; -o-transition: box-shadow 0.1s opacity 0.2s; -ms-transition: box-shadow 0.1s opacity 0.2s; transition: box-shadow 0.1s opacity 0.2s; } .aui-state-lock .aui-nw, .aui-state-lock .aui-n, .aui-state-lock .aui-ne, .aui-state-lock .aui-w, .aui-state-lock .aui-e, .aui-state-lock .aui-sw, .aui-state-lock .aui-s, .aui-state-lock .aui-se { background: rgba(0,0,0,0.5); background: #000 \9 !important; opacity: 0.5; filter: alpha(opacity=50); } .aui-title-bar { position: relative; height: 100%; } .aui-title { height: 31px; line-height: 30px; padding: 0 28px 0 10px; color: #fff; background-color: #7dbaff; white-space: nowrap; } .aui-state-focus .aui-mask { display: none; } .aui-state-focus .aui-outer { -webkit-box-shadow: 0px 5px 40px rgba(0,0,0,0.7); -moz-box-shadow: 0px 5px 40px rgba(0,0,0,0.7); box-shadow: 0px 5px 40px rgba(0,0,0,0.7); } .aui-state-focus .aui-title { background-color: #63acff; } .aui-state-drag .aui-title { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; } .aui-min, .aui-max, .aui-close { display: block; position: absolute; text-decoration: none; outline: none; cursor: pointer; font-size: 1.25em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; color: #fff; border-top: none; top: 0px; height: 22px; width: 35px; font-size: 1.15em; line-height: 22px; text-align: center; background-color: transparent; height: 24px; width: 38px; line-height: 25px; color: #ffffff; } .aui-min:hover, .aui-min:active, .aui-max:hover, .aui-max:active, .aui-close:hover, .aui-close:active { text-decoration: none; color: #fff; background-color: #1783ff; } .aui-close:hover, .aui-close:active { background: #cc0000; } .aui-min { right: 82px; } .aui-max { right: 43px; } .aui-close { right: 5px; } .dialog-simple .aui-outer .aui-min:before, .aui-min:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ae"; } .dialog-simple .aui-outer .aui-max:before, .aui-max:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9c"; } .dialog-simple .aui-outer .aui-close:before, .aui-close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .aui-max, .aui-min { display: none; } .aui-state-no-title .aui-nw, .aui-state-no-title .aui-ne, .aui-state-no-title .aui-sw, .aui-state-no-title .aui-se { width: 5px; height: 5px; } .aui-state-no-title .aui-title-bar { bottom: 0; _bottom: 0; _margin-top: 0; } .aui-state-no-title .aui-outer { box-shadow: none !important; border: none !important; } .aui-state-no-title .aui-inner { border: 1px solid #aaa; } .aui-state-no-title .tips { padding: 15px; padding-left: 10px; } .aui-state-no-title .aui-nw, .aui-state-no-title .aui-n, .aui-state-no-title .aui-ne, .aui-state-no-title .aui-w, .aui-state-no-title .aui-e, .aui-state-no-title .aui-sw, .aui-state-no-title .aui-s, .aui-state-no-title .aui-se { background: rgba(0,0,0,0.1); background: #000 \9 !important; filter: alpha(opacity=10)!important; } .aui-state-no-title .aui-close, .aui-state-no-title .aui-max, .aui-state-no-title .aui-min { display: none; font-size: 1em; } .dialog-max { left: 0px !important; top: 0px !important; } .dialog-max .aui-nw, .dialog-max .aui-ne, .dialog-max .aui-sw, .dialog-max .aui-se, .dialog-max .aui-w, .dialog-max .aui-e { width: 0px; } .dialog-max .aui-sw, .dialog-max .aui-n, .dialog-max .aui-se { height: 0px; } .dialog-max .aui-outer { border: none !important; } .dialog-max .aui-main { width: inherit !important; } .dialog-can-resize .resize-handle { position: absolute; z-index: 50; display: block; } .dialog-can-resize .resize-top { cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%; } .dialog-can-resize .resize-bottom { cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%; } .dialog-can-resize .resize-right { cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%; } .dialog-can-resize .resize-left { cursor: w-resize; left: -3px; top: 0px; width: 7px; height: 100%; } .dialog-can-resize .resize-bottom-right { cursor: se-resize; width: 18px; height: 18px; right: -7px; bottom: -7px; background: url('../../images/common/dialog/resize_corner.png') no-repeat; opacity: 0.4; filter: alpha(opacity=40); } .dialog-can-resize .resize-bottom-left { cursor: sw-resize; width: 15px; height: 15px; left: -7px; bottom: -7px; } .dialog-can-resize .resize-top-left { cursor: nw-resize; width: 15px; height: 15px; left: -7px; top: -7px; } .dialog-can-resize .resize-top-right { cursor: ne-resize; width: 15px; height: 15px; right: -5px; top: -7px; } .dialog-can-resize .aui-min, .dialog-can-resize .aui-max { display: block; } .dialog-min-size { width: 250px !important; height: 30px !important; } .dialog-min-size.dialog-no-title .aui-title, .dialog-min-size .aui-title { opacity: 1 !important; } .dialog-min-size .aui-outer { width: 250px; } .dialog-min-size .aui-header { height: 30px; } .dialog-min-size .aui-title { text-align: left; padding-left: 10px; width: 200px; } .dialog-min-size .aui-main, .dialog-min-size .aui-footer { display: none; } .dialog-min-size .resize-handle { display: none; } .dialog-simple.dialog-min-size .aui-title-bar { background: rgba(0,0,0,0.5); } body .dialog-bg-blur .aui-main { background-color: transparent; } body .dialog-bg-blur .aui-outer .aui-title { background-color: rgba(0,0,0,0.02); } body .dialog-bg-blur .aui-border { background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body .dialog-bg-blur .aui-border .aui-min, body .dialog-bg-blur .aui-border .aui-max, body .dialog-bg-blur .aui-border .aui-close { background-color: transparent; } .jPlayer .play-list .action-right .download { display: none !important; } .dialog-no-title .aui-title-bar { position: absolute; z-index: 100; top: 0; width: 100%; height: 30px; border-radius: 3px 3px 0 0; overflow: hidden; } .dialog-no-title .aui-title { opacity: 0.01 !important; filter: alpha(opacity=1) !important; } .dialog-no-title .aui-inner { border: none; } .dialog-no-title .aui-nw, .dialog-no-title .aui-n, .dialog-no-title .aui-ne, .dialog-no-title .aui-w, .dialog-no-title .aui-e, .dialog-no-title .aui-sw, .dialog-no-title .aui-s, .dialog-no-title .aui-se { display: none; } .dialog-no-title .aui-outer .aui-min { right: 80px; } .dialog-no-title .aui-outer .aui-min:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f1ae"; } .dialog-no-title .aui-outer .aui-max { right: 40px; } .dialog-no-title .aui-outer .aui-max:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9c"; } .dialog-no-title .aui-outer .aui-close { right: 0px; } .dialog-no-title .aui-outer .aui-close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .dialog-no-title .aui-outer .aui-min, .dialog-no-title .aui-outer .aui-max, .dialog-no-title .aui-outer .aui-close { display: block; position: absolute; text-decoration: none; outline: none; font-size: 1.1em; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; color: #fff; top: 0px; cursor: pointer; height: 30px; line-height: 32px; text-align: center; background-color: transparent; width: 40px; border: none; background-image: none; border-radius: 0; } .dialog-no-title .aui-outer .aui-min:before, .dialog-no-title .aui-outer .aui-max:before, .dialog-no-title .aui-outer .aui-close:before { position: relative; top: -0.1em; } .dialog-no-title .aui-outer .aui-min:hover, .dialog-no-title .aui-outer .aui-min:active, .dialog-no-title .aui-outer .aui-max:hover, .dialog-no-title .aui-outer .aui-max:active, .dialog-no-title .aui-outer .aui-close:hover, .dialog-no-title .aui-outer .aui-close:active { color: #fff; border: none; box-shadow: none; background: #41acf8; background: rgba(0,0,0,0.4); } .dialog-no-title .aui-outer .aui-close:active, .dialog-no-title .aui-outer .aui-close:hover { background: #e81123; } .dialog-no-title.header-bg .aui-content .header { height: 90px; background-color: #008def; background-image: linear-gradient(to bottom,#084998 0,#00a9fb 100%); color: #fff; position: relative; } .dialog-no-title.header-bg .aui-content .header .bg { background: url("../../images/common/banner/box.png") 180px -220px no-repeat; width: 100%; height: 100%; position: absolute; opacity: 0.7; } .dialog-no-title.dialog-max .aui-outer .aui-max { right: 40px; } .dialog-no-title.dialog-max .aui-outer .aui-max:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9a"; } body div.dialog-simple .aui-title-bar { width: 100%; position: relative; bottom: 0; height: 100%; } body div.dialog-simple .aui-border { border: none; overflow: auto; } body div.dialog-simple .aui-outer { border: none; border-radius: none; box-shadow: none; background: none; } body div.dialog-simple .aui-inner { border: none; background: none; } body div.dialog-simple .aui-nw, body div.dialog-simple .aui-n, body div.dialog-simple .aui-ne, body div.dialog-simple .aui-w, body div.dialog-simple .aui-e, body div.dialog-simple .aui-sw, body div.dialog-simple .aui-s, body div.dialog-simple .aui-se { background: none; } body div.dialog-simple .aui-title { background: rgba(0,0,0,0.8); opacity: 0.8; filter: alpha(opacity=80); border-radius: 3px; border: none; height: 31px; line-height: 30px; padding: 0 28px 0 10px; color: #fff; } body div.dialog-simple .aui-min, body div.dialog-simple .aui-max, body div.dialog-simple .aui-close { border: none; top: 5px; position: absolute; text-decoration: none; outline: none; cursor: pointer; background-color: rgba(255,255,255,0.3); color: #fff; opacity: 0.5; filter: alpha(opacity=50); height: 22px; width: 22px; font-size: 1.15em; line-height: 22px; text-align: center; border-radius: 4px; } body div.dialog-simple .aui-min:hover, body div.dialog-simple .aui-max:hover, body div.dialog-simple .aui-close:hover { text-decoration: none; color: #fff; background-color: #cc0000; } body div.dialog-simple .aui-min:active, body div.dialog-simple .aui-max:active, body div.dialog-simple .aui-close:active { color: fff; background-color: #f00; } body div.dialog-simple .aui-main { background: none !important; } body div.dialog-simple .aui-max { right: 30px; } body div.dialog-simple .aui-min { right: 56px; } body div.dialog-simple .aui-dialog, body div.dialog-simple .aui-border { background: none; } body div.dialog-simple .resize-bottom-right { background: none !important; } body div.dialog-simple .aui-header { opacity: 0.01; filter: alpha(opacity=1); border: 1px solid rgba(0,0,0,0.01); border-bottom: none; } body div.dialog-simple .aui-nw, body div.dialog-simple .aui-ne { height: 0px; } body div.dialog-simple.aui-state-drag .aui-header, body div.dialog-simple .dialog-mouse-in .aui-header { opacity: 1.0; filter: alpha(opacity=100); } body div.dialog-simple.aui-state-drag .aui-header { opacity: 1.0; filter: alpha(opacity=100); } body div.dialog-simple.dialog-max .aui-header { opacity: 1.0; filter: alpha(opacity=100); } body div.dialog-simple.dialog-min-size .aui-title-bar { background: rgba(0,0,0,0.5); border-radius: 3px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body div.dialog-simple.dialog-min-size .aui-outer .aui-header { position: relative !important; } body div.dialog-simple.dialog-min-size .aui-outer .aui-header .aui-title { font-size: 0.9em; background: transparent; opacity: 1 !important; padding-left: 10px; } body div.dialog-simple.dialog-min-size .aui-outer .aui-header .aui-min { right: 30px; } .artDialog.dialog-blur .aui-outer { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .artDialog.dialog-blur .aui-outer .aui-min, .artDialog.dialog-blur .aui-outer .aui-max, .artDialog.dialog-blur .aui-outer .aui-close { background-color: none !important; } .artDialog.dialog-blur .aui-outer .aui-main, .artDialog.dialog-blur .aui-outer .aui-title { background-color: transparent; } .loading-msg { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9999; color: #666666; text-align: center; pointer-events: none; } .loading-msg .loading-msg-content { position: absolute; width: 100px; padding-bottom: 10px; cursor: progress; left: 50%; top: 50%; margin: -50px 0 0 -50px; border-radius: 6px; background: rgba(255,255,255,0.7); box-shadow: 2px 4px 10px rgba(0,0,0,0.05); } .loading-msg .loading-msg-content .loading-msg-box { font-size: 30px; margin-bottom: 6px; margin-top: 25px; } .loading-msg .loading-msg-content .loading-msg-title { padding: 2px 4px; color: #888; min-height: 10px; word-break: break-all; } .loader { display: inline-block; width: 1em; height: 1em; color: inherit; vertical-align: middle; pointer-events: none; transform: translateZ(0); } .loader-moon { border: 1px solid rgba(160,160,160,0.8); border-radius: 50%; -webkit-animation: 0.8s loader-moon linear infinite; animation: 0.8s loader-moon linear infinite; position: relative; } .loader-moon:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: -0.2em; left: 50%; border: 0.2em solid rgba(160,160,160,0.8); border-radius: 50%; } @-webkit-keyframes loader-moon { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-moon { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader-point { position: relative; } .loader-point:before, .loader-point:after { content: ""; width: inherit; height: inherit; border-radius: 50%; background-color: rgba(160,160,160,0.8); opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: loader-point 2s infinite ease-in-out; animation: loader-point 2s infinite ease-in-out; } .loader-point:after { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes loader-point { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes loader-point { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .loader-star { position: relative; -webkit-animation: loader-star-1 2s infinite linear; animation: loader-star-1 2s infinite linear; } .loader-star:before, .loader-star:after { content: ""; width: 0; height: 0; border: 0.5em solid rgba(24,144,255,0.8); display: block; position: absolute; border-radius: 100%; -webkit-animation: loader-star-2 2s infinite ease-in-out; animation: loader-star-2 2s infinite ease-in-out; } .loader-star:before { top: 0; left: 50%; border-color: rgba(64,169,255,0.8); } .loader-star:after { bottom: 0; right: 50%; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes loader-star-1 { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-star-1 { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-star-2 { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes loader-star-2 { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .loader-square { background-color: rgba(160,160,160,0.8); -webkit-animation: loader-square 1.2s infinite ease-in-out; animation: loader-square 1.2s infinite ease-in-out; } @-webkit-keyframes loader-square { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes loader-square { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .loader-wave { background: rgba(160,160,160,0.8); position: relative; -webkit-animation: loader-wave 1s ease-in-out infinite; animation: loader-wave 1s ease-in-out infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; width: 0.25em; height: 0.5em; } .loader-wave:after, .loader-wave:before { content: ""; position: absolute; width: inherit; height: inherit; background: inherit; -webkit-animation: inherit; animation: inherit; } .loader-wave:before { right: 0.5em; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .loader-wave:after { left: 0.5em; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes loader-wave { 0%, 100% { box-shadow: 0 0 0 rgba(160,160,160,0.8), 0 0 0 rgba(160,160,160,0.8); } 50% { box-shadow: 0 -0.25em 0 rgba(160,160,160,0.8), 0 0.25em 0 rgba(160,160,160,0.8); } } @keyframes loader-wave { 0%, 100% { box-shadow: 0 0 0 rgba(160,160,160,0.8), 0 0 0 rgba(160,160,160,0.8); } 50% { box-shadow: 0 -0.25em 0 rgba(160,160,160,0.8), 0 0.25em 0 rgba(160,160,160,0.8); } } .p-0 { padding: 0px; } .p-5 { padding: 5px; } .p-10 { padding: 10px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .p-25 { padding: 25px; } .p-30 { padding: 30px; } .p-35 { padding: 35px; } .p-40 { padding: 40px; } .p-45 { padding: 45px; } .p-50 { padding: 50px; } .pt-5 { padding-top: 5px; } .pr-5 { padding-right: 5px; } .pb-5 { padding-bottom: 5px; } .pl-5 { padding-left: 5px; } .pt-10 { padding-top: 10px; } .pr-10 { padding-right: 10px; } .pb-10 { padding-bottom: 10px; } .pl-10 { padding-left: 10px; } .pt-15 { padding-top: 15px; } .pr-15 { padding-right: 15px; } .pb-15 { padding-bottom: 15px; } .pl-15 { padding-left: 15px; } .pt-20 { padding-top: 20px; } .pr-20 { padding-right: 20px; } .pb-20 { padding-bottom: 20px; } .pl-20 { padding-left: 20px; } .pt-25 { padding-top: 25px; } .pr-25 { padding-right: 25px; } .pb-25 { padding-bottom: 25px; } .pl-25 { padding-left: 25px; } .pt-30 { padding-top: 30px; } .pr-30 { padding-right: 30px; } .pb-30 { padding-bottom: 30px; } .pl-30 { padding-left: 30px; } .pt-35 { padding-top: 35px; } .pr-35 { padding-right: 35px; } .pb-35 { padding-bottom: 35px; } .pl-35 { padding-left: 35px; } .pt-40 { padding-top: 40px; } .pr-40 { padding-right: 40px; } .pb-40 { padding-bottom: 40px; } .pl-40 { padding-left: 40px; } .pt-45 { padding-top: 45px; } .pr-45 { padding-right: 45px; } .pb-45 { padding-bottom: 45px; } .pl-45 { padding-left: 45px; } .pt-50 { padding-top: 50px; } .pr-50 { padding-right: 50px; } .pb-50 { padding-bottom: 50px; } .pl-50 { padding-left: 50px; } .m-0 { margin: 0px; } .m-5 { margin: 5px; } .m-10 { margin: 10px; } .m-15 { margin: 15px; } .m-20 { margin: 20px; } .m-25 { margin: 25px; } .m-30 { margin: 30px; } .m-35 { margin: 35px; } .m-40 { margin: 40px; } .m-45 { margin: 45px; } .m-50 { margin: 50px; } .mt-5 { margin-top: 5px; } .mr-5 { margin-right: 5px; } .mb-5 { margin-bottom: 5px; } .ml-5 { margin-left: 5px; } .mt-10 { margin-top: 10px; } .mr-10 { margin-right: 10px; } .mb-10 { margin-bottom: 10px; } .ml-10 { margin-left: 10px; } .mt-15 { margin-top: 15px; } .mr-15 { margin-right: 15px; } .mb-15 { margin-bottom: 15px; } .ml-15 { margin-left: 15px; } .mt-20 { margin-top: 20px; } .mr-20 { margin-right: 20px; } .mb-20 { margin-bottom: 20px; } .ml-20 { margin-left: 20px; } .mt-25 { margin-top: 25px; } .mr-25 { margin-right: 25px; } .mb-25 { margin-bottom: 25px; } .ml-25 { margin-left: 25px; } .mt-30 { margin-top: 30px; } .mr-30 { margin-right: 30px; } .mb-30 { margin-bottom: 30px; } .ml-30 { margin-left: 30px; } .mt-35 { margin-top: 35px; } .mr-35 { margin-right: 35px; } .mb-35 { margin-bottom: 35px; } .ml-35 { margin-left: 35px; } .mt-40 { margin-top: 40px; } .mr-40 { margin-right: 40px; } .mb-40 { margin-bottom: 40px; } .ml-40 { margin-left: 40px; } .mt-45 { margin-top: 45px; } .mr-45 { margin-right: 45px; } .mb-45 { margin-bottom: 45px; } .ml-45 { margin-left: 45px; } .mt-50 { margin-top: 50px; } .mr-50 { margin-right: 50px; } .mb-50 { margin-bottom: 50px; } .ml-50 { margin-left: 50px; } .mt--5 { margin-top: -5px; } .mr--5 { margin-right: -5px; } .mb--5 { margin-bottom: -5px; } .ml--5 { margin-left: -5px; } .mt--10 { margin-top: -10px; } .mr--10 { margin-right: -10px; } .mb--10 { margin-bottom: -10px; } .ml--10 { margin-left: -10px; } .mt--15 { margin-top: -15px; } .mr--15 { margin-right: -15px; } .mb--15 { margin-bottom: -15px; } .ml--15 { margin-left: -15px; } .mt--20 { margin-top: -20px; } .mr--20 { margin-right: -20px; } .mb--20 { margin-bottom: -20px; } .ml--20 { margin-left: -20px; } .mt--25 { margin-top: -25px; } .mr--25 { margin-right: -25px; } .mb--25 { margin-bottom: -25px; } .ml--25 { margin-left: -25px; } .mt--30 { margin-top: -30px; } .mr--30 { margin-right: -30px; } .mb--30 { margin-bottom: -30px; } .ml--30 { margin-left: -30px; } .mt--35 { margin-top: -35px; } .mr--35 { margin-right: -35px; } .mb--35 { margin-bottom: -35px; } .ml--35 { margin-left: -35px; } .mt--40 { margin-top: -40px; } .mr--40 { margin-right: -40px; } .mb--40 { margin-bottom: -40px; } .ml--40 { margin-left: -40px; } .mt--45 { margin-top: -45px; } .mr--45 { margin-right: -45px; } .mb--45 { margin-bottom: -45px; } .ml--45 { margin-left: -45px; } .mt--50 { margin-top: -50px; } .mr--50 { margin-right: -50px; } .mb--50 { margin-bottom: -50px; } .ml--50 { margin-left: -50px; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-20 { opacity: 0.2; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .opacity-100 { opacity: 1; } @-webkit-keyframes fadein { 0% { opacity: 0; } 50% { opacity: 0.4; } } .context-menu-root.menu-default-empty { display: none !important; } .right-menu-box .menu-content .item-cancle { display: none; } .right-menu-box .menu-content .menu-mask-view { display: none; } .context-menu-list { margin: 0; min-width: 190px; max-width: 300px; font-size: 1em; display: inline-block; position: fixed; list-style-type: none; padding: 8px 0px; border: none; border: 1px solid #e5e5e5; border-right: 1px solid #ddd; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 10px 80px rgba(0,0,0,0.4); -moz-box-shadow: 0 10px 80px rgba(0,0,0,0.4); box-shadow: 0 10px 80px rgba(0,0,0,0.4); } .context-menu-list.auto-scroll { max-height: 80%; overflow: auto; } .context-menu-list span b { display: inline-block; font-size: 0.9em; font-weight: 200; color: #aaa; padding-left: 10px; position: absolute; right: 10px; width: 65px; min-width: 50px; text-align: right; overflow: hidden; } .context-menu-list .hover > span > b { color: #fff; } .context-menu-list.menu-auto-fit { top: 5px !important; background: #fff; } .context-menu-list li.selected { border-left: none !important; background: none; } .context-menu-list li.selected i.font-icon { color: #aaa; position: relative; top: -2px; } .context-menu-list li.selected i.font-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; font-size: 20px; vertical-align: top; } .context-menu-list .context-menu-submenu:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6d"; margin-right: 0px; right: 5px; top: 5px; position: absolute; opacity: 0.7; } .context-menu-list .context-menu-item { display: block; cursor: pointer; white-space: nowrap; clear: both; line-height: 27px; height: 27px; position: relative; border: none; padding: 0px 15px 0 20px; color: #444; -webkit-transition: background-color 0.1s; -moz-transition: background-color 0.1s; -o-transition: background-color 0.1s; -ms-transition: background-color 0.1s; transition: background-color 0.1s; } .context-menu-list .context-menu-item .font-icon { display: inline-block; color: #aaa; margin-right: 8px; font-size: 17px; margin-top: -2px; width: 16px; height: 16px; line-height: 16px; } .context-menu-list .context-menu-item .font-icon.x-font-icon { color: #fff !important; border-radius: 3px; font-size: 13px; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to 164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); } .context-menu-list .context-menu-item .font-icon.x-font-icon:before { background: none; background-clip: inherit; -webkit-background-clip: inherit; text-fill-color: inherit; -webkit-text-fill-color: inherit; } .context-menu-list .context-menu-item .font-icon img.x-item-icon { margin-top: -3px; border-radius: 3px; background: none; max-width: 100%; max-height: 100%; width: 100%; height: initial; } .context-menu-list .context-menu-item.disabled { opacity: 0.3; filter: alpha(opacity=30); cursor: not-allowed; pointer-events: auto; } .context-menu-list .context-menu-item.disabled:hover, .context-menu-list .context-menu-item.disabled:active { background: #fff; } .context-menu-list .context-menu-item.hover { cursor: pointer; color: #fff; background: #63acff; background-color: none \9; } .context-menu-list .context-menu-item.hover.not-hover { color: inherit; background: inherit; } .context-menu-list .context-menu-item.hover .font-icon { color: #fff; } .context-menu-list .context-menu-item span i { float: right; text-align: right; font-style: normal; color: #888; } .context-menu-list .context-menu-item.context-menu-separator { height: 2px; line-height: 0; border-bottom: 1px solid #eee; margin: 2px 0 4px; } .context-menu-list .context-menu-item > .context-menu-list { display: none; right: -5px; top: 5px; } .context-menu-list .context-menu-item.hover > .context-menu-list { display: block; } .context-menu-list .context-menu-item.hover > .context-menu-list .font-icon { color: #aaa; } .context-menu-list .context-menu-item.hover > .context-menu-list .hover .font-icon { color: #fff; color: #aaa \9; } .context-menu-list .context-menu-item span.context-menu-accesskey { margin-left: 2px; color: #aaa; font-size: 0.9em; } .context-menu-list .context-menu-item span.context-menu-accesskey i { text-decoration: underline; float: none; padding: 0 1px; color: #aaa; } .context-menu-list .context-menu-item span.context-menu-accesskey:before { content: '('; } .context-menu-list .context-menu-item span.context-menu-accesskey:after { content: ')'; } .context-menu-list .context-menu-item .line-top { border-top: 1px solid #ddd !important; } .x-big-edit { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -336px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; width: 32px; height: 32px; margin: inherit; } .x-big-edit:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .x-big-edit { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .font-icon.user-home, .x-self-root { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -496px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; width: 16px; margin-right: 0px; filter: none; -ms-filter: none; } .font-icon.user-home:before, .x-self-root:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .font-icon.user-home, .x-self-root { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .font-icon.go-up { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -496px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; width: 16px; margin-right: 0px; } .font-icon.go-up:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .font-icon.go-up { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .x-tree-fav.small { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -773px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; width: 16px; margin-right: 0px; } .x-tree-fav.small:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .x-tree-fav.small { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .header-right .font-icon.icon-search { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -736px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; margin-right: 0px; margin-top: 4px; width: 16px; } .frame-main-explorer .header-right .font-icon.icon-search:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .header-right .font-icon.icon-search { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .x-item-icon.x-upload { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -48px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .x-item-icon.x-upload:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .x-item-icon.x-upload { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .x-item-icon.x-upload.small { width: 16px; height: 16px; } .context-menu-list .font-icon:before { background-image: -webkit-linear-gradient(2deg,#249dff,#0964a2); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .context-menu-list .context-menu-item.search .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 0px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.search .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.search .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.open .font-icon, .context-menu-list .context-menu-item.explorer .font-icon, .context-menu-list .context-menu-item.open-the-path .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -16px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.open .font-icon:before, .context-menu-list .context-menu-item.explorer .font-icon:before, .context-menu-list .context-menu-item.open-the-path .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.open .font-icon, .context-menu-list .context-menu-item.explorer .font-icon, .context-menu-list .context-menu-item.open-the-path .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.upload-file .font-icon, .context-menu-list .context-menu-item.file-history-replace .font-icon, .context-menu-list .context-menu-item.upload .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -48px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.upload-file .font-icon:before, .context-menu-list .context-menu-item.file-history-replace .font-icon:before, .context-menu-list .context-menu-item.upload .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.upload-file .font-icon, .context-menu-list .context-menu-item.file-history-replace .font-icon, .context-menu-list .context-menu-item.upload .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.down .font-icon, .context-menu-list .context-menu-item.download .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -48px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.down .font-icon:before, .context-menu-list .context-menu-item.download .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.down .font-icon, .context-menu-list .context-menu-item.download .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.cute .font-icon, .context-menu-list .context-menu-item.cute-to .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -80px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.cute .font-icon:before, .context-menu-list .context-menu-item.cute-to .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.cute .font-icon, .context-menu-list .context-menu-item.cute-to .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.copy .font-icon, .context-menu-list .context-menu-item.copy-to .font-icon, .context-menu-list .context-menu-item.chatCopy .font-icon, .context-menu-list .context-menu-item.clone .font-icon, .context-menu-list .context-menu-item.copy-see .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -96px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.copy .font-icon:before, .context-menu-list .context-menu-item.copy-to .font-icon:before, .context-menu-list .context-menu-item.chatCopy .font-icon:before, .context-menu-list .context-menu-item.clone .font-icon:before, .context-menu-list .context-menu-item.copy-see .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.copy .font-icon, .context-menu-list .context-menu-item.copy-to .font-icon, .context-menu-list .context-menu-item.chatCopy .font-icon, .context-menu-list .context-menu-item.clone .font-icon, .context-menu-list .context-menu-item.copy-see .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.new-folder .font-icon, .context-menu-list .context-menu-item.open-father .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -16px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.new-folder .font-icon:before, .context-menu-list .context-menu-item.open-father .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.new-folder .font-icon, .context-menu-list .context-menu-item.open-father .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.new-file-others > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.new-file-others > .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.new-file-others > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item .icon-file-text-alt.font-icon:before { display: none; } .context-menu-list .context-menu-item.fav-rename .font-icon, .context-menu-list .context-menu-item.renameMutil .font-icon, .context-menu-list .context-menu-item.rename .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -64px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.fav-rename .font-icon:before, .context-menu-list .context-menu-item.renameMutil .font-icon:before, .context-menu-list .context-menu-item.rename .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.fav-rename .font-icon, .context-menu-list .context-menu-item.renameMutil .font-icon, .context-menu-list .context-menu-item.rename .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.past .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -64px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.past .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.past .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.chatRemove .font-icon, .context-menu-list .context-menu-item.remove .font-icon, .context-menu-list .context-menu-item.recycle-clear .font-icon, .context-menu-list .context-menu-item.recycle-delete .font-icon, .context-menu-list .context-menu-item.share-link-remove .font-icon, .context-menu-list .context-menu-item.share-to-remove .font-icon, .context-menu-list .context-menu-item .close .font-icon { color: #1890ff; display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -80px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.chatRemove .font-icon:before, .context-menu-list .context-menu-item.remove .font-icon:before, .context-menu-list .context-menu-item.recycle-clear .font-icon:before, .context-menu-list .context-menu-item.recycle-delete .font-icon:before, .context-menu-list .context-menu-item.share-link-remove .font-icon:before, .context-menu-list .context-menu-item.share-to-remove .font-icon:before, .context-menu-list .context-menu-item .close .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.chatRemove .font-icon, .context-menu-list .context-menu-item.remove .font-icon, .context-menu-list .context-menu-item.recycle-clear .font-icon, .context-menu-list .context-menu-item.recycle-delete .font-icon, .context-menu-list .context-menu-item.share-link-remove .font-icon, .context-menu-list .context-menu-item.share-to-remove .font-icon, .context-menu-list .context-menu-item .close .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.recycle-restore-all .font-icon, .context-menu-list .context-menu-item.recycle-restore-all .font-icon:before, .context-menu-list .context-menu-item.recycle-restore .font-icon, .context-menu-list .context-menu-item.recycle-restore .font-icon:before { color: #63bd37; } .context-menu-list .context-menu-item.recycle-restore-all .font-icon:before, .context-menu-list .context-menu-item.recycle-restore .font-icon:before { background-image: -webkit-linear-gradient(2deg,#63bd37,#7fcf58); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .context-menu-list .context-menu-item .font-icon.icon-caret-down:before { font-size: 12px; } .context-menu-list .context-menu-item.zip .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.zip .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.zip .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.unzip-this .font-icon, .context-menu-list .context-menu-item.unzip-to .font-icon, .context-menu-list .context-menu-item.unzip .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.unzip-this .font-icon:before, .context-menu-list .context-menu-item.unzip-to .font-icon:before, .context-menu-list .context-menu-item.unzip .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.unzip-this .font-icon, .context-menu-list .context-menu-item.unzip-to .font-icon, .context-menu-list .context-menu-item.unzip .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.open-text .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 1px -702px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.open-text .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.open-text .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.share-type-to .font-icon, .context-menu-list .context-menu-item.share-type-to .font-icon:before, .context-menu-list .context-menu-item.share-to-edit .font-icon, .context-menu-list .context-menu-item.share-to-edit .font-icon:before { color: #1a57de; } .context-menu-list .context-menu-item.share-type-to .font-icon:before, .context-menu-list .context-menu-item.share-to-edit .font-icon:before { background-image: -webkit-linear-gradient(2deg,#1a57de,#4276e9); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .context-menu-list .context-menu-item.share-to .font-icon, .context-menu-list .context-menu-item.share-to .font-icon:before { color: #1a57de; } .context-menu-list .context-menu-item.share-to .font-icon:before { background-image: -webkit-linear-gradient(2deg,#1a57de,#4276e9); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .context-menu-list .context-menu-item.share-type-link .font-icon, .context-menu-list .context-menu-item.share-link-edit .font-icon, .context-menu-list .context-menu-item.share-link .font-icon { color: #31dc48 !important; } .context-menu-list .context-menu-item.share-type-link .font-icon:before, .context-menu-list .context-menu-item.share-link-edit .font-icon:before, .context-menu-list .context-menu-item.share-link .font-icon:before { content: "\eb17" !important; font-family: "kod-svg-font" !important; } .context-menu-list .context-menu-item.share-type-link .font-icon:before, .context-menu-list .context-menu-item.share-link-edit .font-icon:before, .context-menu-list .context-menu-item.share-link .font-icon:before { background: none; color: #31dc48 !important; vertical-align: unset; text-fill-color: unset; -webkit-text-fill-color: unset; background-clip: unset; -webkit-background-clip: unset; } .context-menu-list .context-menu-item.set-background .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -609px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.set-background .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.set-background .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.fav .font-icon, .context-menu-list .context-menu-item.fav-page .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -773px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.fav .font-icon:before, .context-menu-list .context-menu-item.fav-page .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.fav .font-icon, .context-menu-list .context-menu-item.fav-page .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.refresh .font-icon, .context-menu-list .context-menu-item.refresh-tree .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -513px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.refresh .font-icon:before, .context-menu-list .context-menu-item.refresh-tree .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.refresh .font-icon, .context-menu-list .context-menu-item.refresh-tree .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.set-icon-size .font-icon.ri-image-line, .context-menu-list .context-menu-item.setting-wall .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0px -577px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.set-icon-size .font-icon.ri-image-line:before, .context-menu-list .context-menu-item.setting-wall .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.set-icon-size .font-icon.ri-image-line, .context-menu-list .context-menu-item.setting-wall .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.set-sort-by .font-icon.ri-arrow-drop-up-fill { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -528px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.set-sort-by .font-icon.ri-arrow-drop-up-fill:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.set-sort-by .font-icon.ri-arrow-drop-up-fill { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.set-list-type .font-icon.ri-inbox-line { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 1px -625px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.set-list-type .font-icon.ri-inbox-line:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.set-list-type .font-icon.ri-inbox-line { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.select-all > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0px -545px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.select-all > .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.select-all > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.select-clear > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -546px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.select-clear > .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.select-clear > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.select-reverse > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -593px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .context-menu-list .context-menu-item.select-reverse > .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.select-reverse > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .tips-box { z-index: 50; min-height: 40px; margin-top: 15px; line-height: 40px; max-width: 600px; min-width: 160px; overflow: hidden; position: fixed; font-size: 14px; padding: 2px 1em; text-align: left; z-index: 9999; pointer-events: none; background: #fff; transition: width .6s ease; border: 1px solid #ddd; border: 0px solid transparent; box-shadow: 0 2px 4px rgba(0,0,0,0.15), 0 0 6px rgba(0,0,0,0.08); border-radius: 3px; padding: 0; } .tips-box .tips-msg { color: #8492a6; padding: 10px 40px 0px 50px; line-height: 1.6em; } .tips-box .tips-msg p li { border-left: 4px solid #ddd; list-style: none; padding-left: 10px; margin-bottom: 0px; } .tips-box .tips-close { font-size: 22px; cursor: pointer; width: 40px; height: 40px; line-height: 35px; text-align: center; position: absolute; right: 0px; top: 0px; color: #ddd; pointer-events: all; } .tips-box .tips-close:active, .tips-box .tips-close:hover { color: #f30; border-bottom: none; text-decoration: none; } .tips-box .tips-icon { width: 40px; height: 40px; height: 100%; position: absolute; font-size: 16px; padding: 0; color: #fff; text-align: center; display: inline-block; } .tips-box .tips-icon:after { font-style: normal; color: inherit; } .tips-box.success .tips-icon:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .tips-box.info .tips-icon:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee59"; } .tips-box.warning .tips-icon:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca1"; } .tips-box.error .tips-icon:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .tips-box.success .tips-icon { background: #13ce66; } .tips-box.info .tips-icon { background: #50bfff; } .tips-box.warning .tips-icon { background: #f7ba29; } .tips-box.error .tips-icon { background: #ff4949; } .ztree { margin: 0px; padding: 0px; padding-top: 10px; } .ztree li { padding: 0; margin: 0; list-style: none; text-align: left; white-space: nowrap; outline: 0; } .ztree li ul { margin: 0; padding: 1px 0; padding: 0; } .ztree li span.button { line-height: 0; margin: 0; display: inline-block; vertical-align: middle; cursor: pointer; outline: none; background-color: transparent; background-repeat: no-repeat; width: 20px; margin-right: 5px; } .ztree li span.button.switch { width: 25px; margin-right: 0px; background: none; text-align: center; line-height: 29px; vertical-align: top; } .ztree li span.button.switch:hover, .ztree li span.button.switch:active { background: rgba(0,0,0,0.03); } .ztree li span.button.switch:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6d"; color: #aaa; text-decoration: inherit; position: relative; } .ztree li span.button.switch.noline_open { line-height: 29px; } .ztree li span.button.switch.noline_docu:after, .ztree li span.button.switch.bottom_docu:after { content: " "; } .ztree li span.button.switch.noline_open:after, .ztree li span.button.switch.noline_open_hover:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4d"; top: -1px; } .ztree li span.button.switch.switch_hover:after { color: #63acff; } .ztree li span.button.ico_loading { background: url("../../images/common/loading_tree.gif") no-repeat 0 0px transparent !important; } .ztree li span.button.ico_loading .path-ico { display: none; } .ztree li span.tree_icon { height: 20px; width: 20px; background: none; margin-top: -1px; margin-left: -4px; } .ztree li span.tree_icon .path-ico { font-size: 20px; } .ztree li span.tree_icon img { width: 100%; max-width: 100%; max-height: 100%; } .ztree li a { padding-top: 0px; cursor: pointer; z-index: 10; text-decoration: none; display: block; margin: 0; color: #444; vertical-align: top; height: 27px; line-height: 27px; padding-left: 10px; border: 1px solid transparent; position: relative; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .ztree li a:hover, .ztree li a:active { background: #eee; border: 1px solid #eee; } .ztree li a.curSelectedNode, .ztree li a.curDropTreeNode { border: 1px solid #63acff; background: #63acff; } .ztree li a.curSelectedNode .button.switch:after, .ztree li a.curDropTreeNode .button.switch:after { color: #fff !important; } .ztree li a.curDropTreeNode { box-shadow: 0 0 0 1px #fff inset !important; } .ztree li a.curSelectedNode_Edit { border: 1px solid #63acff; background: #63acff; color: black; } .ztree li a.curSelectedNode_Edit .menu-item { display: none !important; } .ztree li a.curSelectedNode_Edit span.node_name { position: relative; } .ztree li a input.rename { padding: 0; margin: 0; border: none; outline: none; margin-left: -3px; padding-left: 3px; width: 110px; position: absolute; } .ztree li a span.button.root_docu, .ztree li a span.button.noline_docu { background: none; } .ztree li a span.space { display: inline-block; } .ztree li a .menu-item { display: none; position: absolute; right: 8px; top: 50%; margin-top: -8px; width: 14px; height: 14px; text-align: center; border: 1px solid #ccc; background: #fff; border-radius: 2px; cursor: pointer; z-index: 50; } .ztree li a .menu-item .cert { margin-top: 5px; margin-left: 3px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid silver; } .ztree li a .menu-item:hover, .ztree li a .menu-item:active, .ztree li a.context-menu-active .menu-item { border-color: #3399ff; background: #dff1ff; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .ztree li a .menu-item:hover .cert, .ztree li a .menu-item:active .cert, .ztree li a.context-menu-active .menu-item .cert { border-top-color: #3399ff; } .ztree li a:hover .menu-item, .ztree li a.curSelectedNode .menu-item, .ztree li a:active .menu-item { display: block; } .ztree li .node_name span.node-name-desc { color: rgba(0,0,0,0.2); float: right; background: rgba(0,0,0,0.03); height: 16px; line-height: 16px; border-radius: 30px; margin: 0 5px 0 5px; padding: 0 8px 0 8px; margin-top: 6.5px; } .ztree.zTreeDrag { margin: 0; padding: 0; position: absolute; width: auto; height: auto; background-color: #63acff; border: 1px solid #63acff; opacity: 0.5; filter: alpha(opacity=50); } .ztree.zTreeDrag li a span.space { display: none !important; } .ztree.zTreeDrag li a { padding: 4px 10px 0 10px; color: #fff; } .ztree.zTreeDrag li span.button.switch { display: none; } .ztree li a.tmpTargetNode_inner { background: #0076fc; border: 1px solid #3091ff; color: #fff; } .ztree li a.tmpTargetNode_prev { border-bottom: 1px solid #f96; } .ztree li a.tmpTargetNode_next { border-bottom: 1px solid #f96; } span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position: absolute; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 7px 0px 7px 7px; width: 0; height: 0; _border-top-color: white; _border-bottom-color: white; _filter: chroma(color=white); } .server-dwonload-textarea textarea { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; } .server-dwonload-textarea textarea:hover, .server-dwonload-textarea textarea:active { border-color: #75A1F0; } .server-dwonload-textarea textarea:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .server-dwonload-textarea textarea.disabled, .server-dwonload-textarea textarea[readonly='true'] { opacity: 0.7; } .server-dwonload-textarea textarea.disabled:hover, .server-dwonload-textarea textarea.disabled:active, .server-dwonload-textarea textarea[readonly='true']:hover, .server-dwonload-textarea textarea[readonly='true']:active { border-color: #ddd; } .server-dwonload-textarea textarea.disabled:focus, .server-dwonload-textarea textarea[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .file-upload-box { height: 385px; padding: 5px; min-width: 365px; overflow: hidden; } .file-upload-box .dialog-tab { margin: -5px 5px 5px 5px; } .file-upload-box .dialog-tab .tab-item:first-child { margin-left: -10px; } .file-upload-box .menu { display: block; text-decoration: none; float: left; padding: 0px 15px; height: 26px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); background-image: -webkit-linear-gradient(top,#fff,#eee); background-image: -moz-linear-gradient(top,#fff,#eee); background-image: -o-linear-gradient(top,#fff,#eee); background-image: -ms-linear-gradient(top,#fff,#eee); background-image: linear-gradient(top,#fff,#eee); -pie-background: linear-gradient(to top,#fff,#eee); font-size: 1em; border: 1px solid #ccc; text-align: center; line-height: 24px; margin-right: 5px; margin-bottom: -1px; color: #444; border-radius: 4px 4px 0 0; } .file-upload-box .menu.this { background: #fff; border-bottom: 1px solid #fff; } .file-upload-box .menu:hover, .file-upload-box .menu:active { background: #fff; } .file-upload-box .upload-box { margin-top: 10px; } .file-upload-box .download-btn-group { margin-left: -2px; margin-top: 0px; position: absolute; } .file-upload-box .download-btn-group .btn { height: 20px; } .file-upload-box .download-btn-group .download-start { border-radius: 0px; } .file-upload-box .upload-box-tips .btn.btn-default { border-radius: 3px; color: #555; } .file-upload-box .upload-box-tips .btn-group>.btn:last-child:not(:first-child), .file-upload-box .upload-box-tips .btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .file-upload-box div a.left { margin-left: 10px; } .file-upload-box div a.right { position: absolute; right: 5px; } .file-upload-box span.info { font-size: 1em; font-style: italic; padding: 0px 0 5px 10px; } .file-upload-box i { font-size: 1em; color: #aaa; } .file-upload-box .list { margin: 10px 15px 10px 5px; } .file-upload-box .list input { margin-left: 10px; width: 190px; padding: 0px 3px; border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; height: 24px; line-height: 24px; border-radius: 3px 0 0 3px; } .file-upload-box .list input:hover, .file-upload-box .list input:active { border-color: #75A1F0; } .file-upload-box .list input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .file-upload-box .list input.disabled, .file-upload-box .list input[readonly='true'] { opacity: 0.7; } .file-upload-box .list input.disabled:hover, .file-upload-box .list input.disabled:active, .file-upload-box .list input[readonly='true']:hover, .file-upload-box .list input[readonly='true']:active { border-color: #ddd; } .file-upload-box .list input.disabled:focus, .file-upload-box .list input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .file-upload-box .submit input { float: right; padding: 4px 20px; background: #ddd; border: none; margin-right: 36px; margin-top: 10px; } .file-upload-box .submit input:hover { background: #bbb; } .file-upload-box .submit input:active { background: #444; color: #fff; } .file-upload-box .uploader-content, .file-upload-box .downloader-content { border: 1px solid #eee; margin: 0 10px; font-size: 1em; overflow: auto; border-radius: 4px; position: absolute; bottom: 10px; right: 0px; left: 0px; top: 80px; } .file-upload-box .uploader-content { background: url("../../images/common/drop_upload.png") no-repeat center; } .file-upload-box .upload-btns { float: left; margin-left: 5px; } .file-upload-box .upload-select-file { position: relative; display: inline-block; color: #fff; text-align: center; height: 27px; line-height: 27px; border-radius: 3px; padding: 0px 15px; font-size: 0.9em; vertical-align: top; } .file-upload-box .upload-select-file, .file-upload-box .upload-cert { cursor: pointer; background: #def; border: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84c8ff', endColorstr='#6091ff'); background-image: -webkit-linear-gradient(top,#84C8FF,#6091FF); background-image: -moz-linear-gradient(top,#84C8FF,#6091FF); background-image: -o-linear-gradient(top,#84C8FF,#6091FF); background-image: -ms-linear-gradient(top,#84C8FF,#6091FF); background-image: linear-gradient(top,#84C8FF,#6091FF); -pie-background: linear-gradient(to top,#84C8FF,#6091FF); } .file-upload-box .upload-select-file:hover, .file-upload-box .upload-select-file:active, .file-upload-box .upload-cert:hover, .file-upload-box .upload-cert:active { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84c8ff', endColorstr='#6091ff'); background-image: -webkit-linear-gradient(top,#84C8FF,#6091FF); background-image: -moz-linear-gradient(top,#84C8FF,#6091FF); background-image: -o-linear-gradient(top,#84C8FF,#6091FF); background-image: -ms-linear-gradient(top,#84C8FF,#6091FF); background-image: linear-gradient(top,#84C8FF,#6091FF); -pie-background: linear-gradient(to top,#84C8FF,#6091FF); box-shadow: inset 0 1px 1em rgba(0,0,0,0.3); } .file-upload-box .upload-cert { width: 24px; height: 27px; line-height: 27px; position: relative; padding: 0; margin-left: -5px; border-left: 1px solid rgba(0,0,0,0.1); border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .file-upload-box .upload-cert .caret { margin-top: -2px; margin-left: -1px; border-top: 4px solid #fff; } .file-upload-box .upload-folder-dropdown { position: relative; vertical-align: top; margin-left: -2px; } .file-upload-box .upload-folder-dropdown .dropdown-menu { right: inherit; top: inherit; left: 0; margin-left: -10px; margin-top: -1px; font-size: 0.9em; } .file-upload-box .upload-folder-dropdown .dropdown-menu:before { right: inherit; left: 10px; } .file-upload-box .upload-folder-dropdown .dropdown-menu:after { right: inherit; left: 11px; } .file-upload-box .upload-folder-dropdown.open .upload-cert { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84c8ff', endColorstr='#6091ff'); background-image: -webkit-linear-gradient(top,#84C8FF,#6091FF); background-image: -moz-linear-gradient(top,#84C8FF,#6091FF); background-image: -o-linear-gradient(top,#84C8FF,#6091FF); background-image: -ms-linear-gradient(top,#84C8FF,#6091FF); background-image: linear-gradient(top,#84C8FF,#6091FF); -pie-background: linear-gradient(to top,#84C8FF,#6091FF); box-shadow: inset 0 1px 1em rgba(0,0,0,0.3); } .file-upload-box .webuploader-pick-disable { opacity: 0.6; filter: alpha(opacity=60); pointer-events: none; } .file-upload-box .btns { margin-bottom: 10px; font-size: 1em; height: 28px; } .file-upload-box .btns .tips { float: right; line-height: 30px; } .file-upload-box .btns #picker { float: left; } .file-upload-box .upload-box-tips { line-height: 34px; color: #888; position: absolute; right: 10px; } .file-upload-box .upload-box-config { box-shadow: inset 0px 1px 6px rgba(0,0,0,0.3); border-radius: 2px; margin-bottom: 10px; padding: 4px; } .file-upload-box .upload-box-config .upload-check-box { margin-left: 10px; } .file-upload-box .upload-box-config label { margin-left: 15px; } .file-upload-box .upload-box-config label input { margin-right: 5px; } .file-upload-box .uploader-list .item, .file-upload-box .download-list .item { padding: 0px; overflow: hidden; height: 35px; width: 100%; border-bottom: 1px solid #eee; background: #fefefe; position: absolute; top: 0; } .file-upload-box .uploader-list .item .info, .file-upload-box .download-list .item .info { color: #224; line-height: 35px; padding: 0 5px; z-index: 100; position: relative; font-size: 1em; margin: 0; } .file-upload-box .uploader-list .item .info .row-item, .file-upload-box .download-list .item .info .row-item { padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-upload-box .uploader-list .item .info .row-item .state, .file-upload-box .download-list .item .info .row-item .state { padding-left: 10px; margin: 0; } .file-upload-box .uploader-list .item .info .row-item span, .file-upload-box .download-list .item .info .row-item span { margin-left: 5px; } .file-upload-box .uploader-list .item .info .title, .file-upload-box .download-list .item .info .title { color: #40a9ff; font-weight: 800; } .file-upload-box .uploader-list .item .info .title .path-ico, .file-upload-box .download-list .item .info .title .path-ico { font-size: initial; position: absolute; padding: 0; margin: 2px 5px 0 5px; } .file-upload-box .uploader-list .item .info .title .title-name, .file-upload-box .download-list .item .info .title .title-name { padding-left: 25px; } .file-upload-box .uploader-list .item .info .size, .file-upload-box .download-list .item .info .size { text-align: right; color: #40a9ff; } .file-upload-box .uploader-list .item .info .icon-ok, .file-upload-box .download-list .item .info .icon-ok { color: #40AA53; } .file-upload-box .uploader-list .item .info .error, .file-upload-box .download-list .item .info .error { color: #f30; } .file-upload-box .uploader-list .item .info .row-item .upload-retry, .file-upload-box .download-list .item .info .row-item .upload-retry { cursor: pointer; display: none; color: #40a9ff; border-radius: 2px; padding: 3px 8px; } .file-upload-box .uploader-list .item .info .row-item .upload-retry:hover, .file-upload-box .uploader-list .item .info .row-item .upload-retry:active, .file-upload-box .download-list .item .info .row-item .upload-retry:hover, .file-upload-box .download-list .item .info .row-item .upload-retry:active { background: #2196F3; color: #fff; } .file-upload-box .uploader-list .item .info .row-item .upload-retry:active, .file-upload-box .download-list .item .info .row-item .upload-retry:active { background: #224; color: #fff; } .file-upload-box .uploader-list .item.error .info .row-item .upload-retry, .file-upload-box .download-list .item.error .info .row-item .upload-retry { display: inline; } .file-upload-box .uploader-list .item .info .action, .file-upload-box .download-list .item .info .action { margin-left: 12px; width: 22px; height: 22px; line-height: 23px; text-align: center; cursor: pointer; color: #bbb; right: 6px; position: absolute; top: 6px; } .file-upload-box .uploader-list .item .info .action:hover, .file-upload-box .uploader-list .item .info .action:active, .file-upload-box .download-list .item .info .action:hover, .file-upload-box .download-list .item .info .action:active { text-decoration: none; color: #f60; } .file-upload-box .uploader-list .item .info .action:before, .file-upload-box .download-list .item .info .action:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .file-upload-box .uploader-list .item.success, .file-upload-box .download-list .item.success { background: #fafdff; } .file-upload-box .uploader-list .item.success .info .action:before, .file-upload-box .download-list .item.success .info .action:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; background: #52c41a; border-radius: 50%; font-size: 0.9em; padding: 3px; color: #fff; } .file-upload-box .uploader-list .item.success:hover, .file-upload-box .uploader-list .item.success:active, .file-upload-box .download-list .item.success:hover, .file-upload-box .download-list .item.success:active { cursor: pointer; background: #def; border-bottom: 1px solid #3A87AD; } .file-upload-box .uploader-list .item.error, .file-upload-box .download-list .item.error { background: #ffe8e6; } .file-upload-box .uploader-list .item .progress, .file-upload-box .download-list .item .progress { height: 38px; margin: 0px; width: 100%; border-radius: 0; box-shadow: none; position: absolute; top: 0; } .file-upload-box .uploader-list .item .progress-bar, .file-upload-box .download-list .item .progress-bar { background-color: #adf; background-image: linear-gradient(45deg,rgba(255,255,255,0.35) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0.35) 75%,transparent 75%,transparent); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeff',endColorstr='#88ccff',GradientType=1); background-repeat: repeat-x; } .file-upload-box .download-list .item { position: relative; top: auto; } .kodTable .table-empty-info { width: 100%; text-align: center; position: absolute; height: 40px; line-height: 40px; color: rgba(0,0,0,0.65); } .kodTable .toolbar { position: relative; padding-bottom: 10px; border-bottom: 1px solid #eee; display: table; width: 100%; } .kodTable .toolbar>div { display: table-cell; } .kodTable .toolbar .left { text-align: left; vertical-align: top; } .kodTable .toolbar .right { text-align: right; } .kodTable .toolbar .left>*, .kodTable .toolbar .right>* { display: inline-block; } .kodTable .toolbar .search-box .btn-search { position: absolute; cursor: pointer; opacity: 0.8; right: 1px; background: #eee; color: #888; top: 1px; height: 28px; line-height: 28px; width: 28px; border-left: 1px solid #ddd; border-radius: 0 3px 3px 0; } .kodTable .toolbar .search-box .btn-close { position: absolute; width: 16px; text-align: center; height: 16px; line-height: 16px; margin-top: 7px; border-radius: 50%; cursor: pointer; opacity: 0.8; right: 35px; color: red; top: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .kodTable .toolbar .search-box .btn-close:hover, .kodTable .toolbar .search-box .btn-close:active { color: #fff; background: #ff4d4f; } .kodTable .toolbar .search-box input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; height: 28px; padding: 0px 50px 0px 5px; border-radius: 4px; } .kodTable .toolbar .search-box input:hover, .kodTable .toolbar .search-box input:active { border-color: #75A1F0; } .kodTable .toolbar .search-box input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .kodTable .toolbar .search-box input.disabled, .kodTable .toolbar .search-box input[readonly='true'] { opacity: 0.7; } .kodTable .toolbar .search-box input.disabled:hover, .kodTable .toolbar .search-box input.disabled:active, .kodTable .toolbar .search-box input[readonly='true']:hover, .kodTable .toolbar .search-box input[readonly='true']:active { border-color: #ddd; } .kodTable .toolbar .search-box input.disabled:focus, .kodTable .toolbar .search-box input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .kodTable .toolbar .btn-export { padding: 5px 10px !important; font-size: 0.9em; border-radius: 4px; margin-left: 5px; } .kodTable .toolbar .btn-export i { display: inline-block; vertical-align: middle; } .kodTable .content { min-height: 300px; margin-bottom: 10px; overflow: auto; } .kodTable .content .list-table { display: table; width: 100%; border-collapse: collapse; } .kodTable .content .list-table .list-row { display: table-row; border-bottom: 1px solid #eee; } .kodTable .content .list-table .list-row:nth-child(odd) { background: #fafafa; } .kodTable .content .list-table .list-row .list-col { display: table-cell; height: 100%; vertical-align: middle; padding: 8px 10px; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; position: relative; } .kodTable .content .list-table .list-row .list-col .label { word-break: break-all; white-space: normal; white-space: nowrap; } .kodTable .content .list-table .list-row:not(.title):hover { background: #e5f3ff; border-color: transparent; } .kodTable .content .list-table .list-row.title { background: #f3f3f3; font-weight: bold; color: #888; } .kodTable .content .list-table .list-row.title .list-col { position: relative; cursor: pointer; } .kodTable .content .list-table .list-row.title .list-col .font-icon { color: #ccc; } .kodTable .content .list-table .list-row.title .list-col:hover, .kodTable .content .list-table .list-row.title .list-col.this, .kodTable .content .list-table .list-row.title .list-col:active { background: #e5f3ff; } .kodTable .content .list-table .list-row.title .list-col.this i.font-icon { color: #333; } .kodTable .content .list-table .list-row.title .list-col .font-icon.icon-sort { color: #ccc !important; } .kodTable .footerbar .list-page { float: right; } .kodTable .list-row .list-sort-down:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4d"; } .kodTable .list-row .list-sort-up:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea77"; } .kodTable .list-row .list-sort-down, .kodTable .list-row .list-sort-up { font-size: 1em; position: relative; top: -2px; } .kodTable .list-row .list-sort-down:before, .kodTable .list-row .list-sort-up:before { width: 1.2em; height: 1.2em; line-height: 1.2em; display: inline-block; vertical-align: middle; font-size: 1em; } .kodTable .content .list-table .list-row .drag-item { opacity: 0; display: none; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; position: absolute; top: 0px; left: 0; z-index: 10; width: 32px; height: 100%; line-height: 38px; text-align: center; background: #cfebf9; color: #1890ff; cursor: move !important; } .kodTable .content .list-table .list-row .drag-item:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef3e"; } .kodTable .content .list-table .list-row:hover .drag-item { opacity: 0.9; } .kodTable .content .list-table.can-drag-sort .list-row .drag-item { display: block; } @media screen and (max-width: 100000px) { @keyframes radioEffect { 0% { transform: scale(1); opacity: 0.5; } to { transform: scale(1.6); opacity: 0; } } input[type="checkbox"].kui-checkbox-ios, input[type="checkbox"].kui-switch { display: none !important; } input[type="checkbox"].kui-checkbox-ios +em, input[type="checkbox"].kui-switch +em { vertical-align: middle; display: inline-block; margin: 0 0.8em 0 0; border: 1px solid #ddd; cursor: pointer; border-radius: 999px; background-color: #f6f6f6; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4); } input[type="checkbox"].kui-checkbox-ios +em:after, input[type="checkbox"].kui-switch +em:after { float: left; content: ''; margin: 1px 0 0 1px; width: 18px; height: 18px; border-radius: inherit; background: #ffffff; -webkit-transition: all 0.4s cubic-bezier(.54,1.85,.5,1); -moz-transition: all 0.4s cubic-bezier(.54,1.85,.5,1); -o-transition: all 0.4s cubic-bezier(.54,1.85,.5,1); -ms-transition: all 0.4s cubic-bezier(.54,1.85,.5,1); transition: all 0.4s cubic-bezier(.54,1.85,.5,1); box-shadow: 0 1px 3px rgba(0,0,0,0.4); pointer-events: none; } input[type="checkbox"].kui-checkbox-ios:checked +em:after, input[type="checkbox"].kui-switch:checked +em:after { background-color: #ffffff; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); } input[type="checkbox"].kui-checkbox-ios.size-smallx +em, input[type="checkbox"].kui-switch.size-smallx +em { width: 24px; height: 12px; } input[type="checkbox"].kui-checkbox-ios.size-smallx +em:after, input[type="checkbox"].kui-switch.size-smallx +em:after { width: 10px; height: 10px; } input[type="checkbox"].kui-checkbox-ios.size-smallx:checked +em:after, input[type="checkbox"].kui-switch.size-smallx:checked +em:after { margin-left: 13px; } input[type="checkbox"].kui-checkbox-ios.size-small +em, input[type="checkbox"].kui-switch.size-small +em { width: 32px; height: 16px; } input[type="checkbox"].kui-checkbox-ios.size-small +em:after, input[type="checkbox"].kui-switch.size-small +em:after { width: 14px; height: 14px; } input[type="checkbox"].kui-checkbox-ios.size-small:checked +em:after, input[type="checkbox"].kui-switch.size-small:checked +em:after { margin-left: 17px; } input[type="checkbox"].kui-checkbox-ios +em, input[type="checkbox"].kui-switch +em { width: 40px; height: 20px; } input[type="checkbox"].kui-checkbox-ios +em:after, input[type="checkbox"].kui-switch +em:after { width: 18px; height: 18px; } input[type="checkbox"].kui-checkbox-ios:checked +em:after, input[type="checkbox"].kui-switch:checked +em:after { margin-left: 21px; } input[type="checkbox"].kui-checkbox-ios.size-big +em, input[type="checkbox"].kui-switch.size-big +em { width: 48px; height: 24px; } input[type="checkbox"].kui-checkbox-ios.size-big +em:after, input[type="checkbox"].kui-switch.size-big +em:after { width: 22px; height: 22px; } input[type="checkbox"].kui-checkbox-ios.size-big:checked +em:after, input[type="checkbox"].kui-switch.size-big:checked +em:after { margin-left: 25px; } input[type="checkbox"].kui-checkbox-ios.size-bigx +em, input[type="checkbox"].kui-switch.size-bigx +em { width: 56px; height: 28px; } input[type="checkbox"].kui-checkbox-ios.size-bigx +em:after, input[type="checkbox"].kui-switch.size-bigx +em:after { width: 26px; height: 26px; } input[type="checkbox"].kui-checkbox-ios.size-bigx:checked +em:after, input[type="checkbox"].kui-switch.size-bigx:checked +em:after { margin-left: 29px; } input[type="checkbox"].kui-checkbox-ios:checked +em, input[type="checkbox"].kui-switch:checked +em { background-color: #1890ff; border: 1px solid #1890ff; box-shadow: inset 0 0 0 10px #1890ff; } input[type="checkbox"].kui-checkbox-ios.red:checked +em, input[type="checkbox"].kui-switch.red:checked +em { background-color: #ff5722; border: 1px solid #ff5722; box-shadow: inset 0 0 0 10px #ff5722; } input[type="checkbox"].kui-checkbox-ios.blue:checked +em, input[type="checkbox"].kui-switch.blue:checked +em { background-color: #1890ff; border: 1px solid #1890ff; box-shadow: inset 0 0 0 10px #1890ff; } input[type="checkbox"].kui-checkbox-ios.green:checked +em, input[type="checkbox"].kui-switch.green:checked +em { background-color: #64bd63; border: 1px solid #64bd63; box-shadow: inset 0 0 0 10px #64bd63; } input[type="checkbox"].kui-checkbox-ios.yellow:checked +em, input[type="checkbox"].kui-switch.yellow:checked +em { background-color: #ffc107; border: 1px solid #ffc107; box-shadow: inset 0 0 0 10px #ffc107; } input[type="checkbox"].kui-checkbox-ios.grey:checked +em, input[type="checkbox"].kui-switch.grey:checked +em { background-color: #aaa; border: 1px solid #aaa; box-shadow: inset 0 0 0 10px #aaa; } input[type="checkbox"].kui-checkbox-ios.black:checked +em, input[type="checkbox"].kui-switch.black:checked +em { background-color: #444; border: 1px solid #444; box-shadow: inset 0 0 0 10px #444; } input[type="checkbox"].kui-checkbox { background: #fdfdfd; cursor: pointer; border: 1px solid #ddd; outline: none; text-align: center; -webkit-transition: all 0.16s ease-in-out; -moz-transition: all 0.16s ease-in-out; -o-transition: all 0.16s ease-in-out; -ms-transition: all 0.16s ease-in-out; transition: all 0.16s ease-in-out; border-radius: 10%; display: inline-block; background-clip: padding-box; position: relative; margin: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; } input[type="checkbox"].kui-checkbox:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; color: #fdfdfd; position: absolute; width: 100%; margin-left: -50%; font-size: 1.5em; font-weight: 800; transform: rotate(-45deg) scale(2.2); opacity: 0; top: 0; transition: all .1s cubic-bezier(.71,-0.46,.88,.6), opacity .1s; } input[type="checkbox"].kui-checkbox:checked:before { color: #fff; transform: scale(.875); opacity: 1; transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s; } input[type="checkbox"].kui-checkbox:checked:after { position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #222; border-radius: 10%; opacity: 0.01; animation: radioEffect .36s ease-in-out; animation-fill-mode: both; content: ""; } input[type="checkbox"].kui-checkbox.radius { border-radius: 999px; } input[type="checkbox"].kui-checkbox.size-smallx { height: 12px; width: 12px; font-size: 7.2px; line-height: 11px; top: 2px; } input[type="checkbox"].kui-checkbox.size-small { height: 14px; width: 14px; font-size: 8.4px; line-height: 13px; top: 2.5px; } input[type="checkbox"].kui-checkbox { height: 16px; width: 16px; font-size: 9.6px; line-height: 15px; top: 3px; } input[type="checkbox"].kui-checkbox.size-big { height: 20px; width: 20px; font-size: 12px; line-height: 19px; top: 4px; } input[type="checkbox"].kui-checkbox.size-bigx { height: 26px; width: 26px; font-size: 15.6px; line-height: 25px; top: 5.5px; } input[type="checkbox"].kui-checkbox:checked { background: #1890ff; border: 1px solid #1890ff; box-shadow: none; } input[type="checkbox"].kui-checkbox:hover, input[type="checkbox"].kui-checkbox:focus, input[type="checkbox"].kui-checkbox:checked:after { border: 1px solid #1890ff; box-shadow: 0 0 10px rgba(24,144,255,0.2); } input[type="checkbox"].kui-checkbox.red:checked { background: #ff5722; border: 1px solid #ff5722; box-shadow: none; } input[type="checkbox"].kui-checkbox.red:hover, input[type="checkbox"].kui-checkbox.red:focus, input[type="checkbox"].kui-checkbox.red:checked:after { border: 1px solid #ff5722; box-shadow: 0 0 10px rgba(255,87,34,0.2); } input[type="checkbox"].kui-checkbox.blue:checked { background: #1890ff; border: 1px solid #1890ff; box-shadow: none; } input[type="checkbox"].kui-checkbox.blue:hover, input[type="checkbox"].kui-checkbox.blue:focus, input[type="checkbox"].kui-checkbox.blue:checked:after { border: 1px solid #1890ff; box-shadow: 0 0 10px rgba(24,144,255,0.2); } input[type="checkbox"].kui-checkbox.green:checked { background: #64bd63; border: 1px solid #64bd63; box-shadow: none; } input[type="checkbox"].kui-checkbox.green:hover, input[type="checkbox"].kui-checkbox.green:focus, input[type="checkbox"].kui-checkbox.green:checked:after { border: 1px solid #64bd63; box-shadow: 0 0 10px rgba(100,189,99,0.2); } input[type="checkbox"].kui-checkbox.yellow:checked { background: #ffc107; border: 1px solid #ffc107; box-shadow: none; } input[type="checkbox"].kui-checkbox.yellow:hover, input[type="checkbox"].kui-checkbox.yellow:focus, input[type="checkbox"].kui-checkbox.yellow:checked:after { border: 1px solid #ffc107; box-shadow: 0 0 10px rgba(255,193,7,0.2); } input[type="checkbox"].kui-checkbox.grey:checked { background: #aaa; border: 1px solid #aaa; box-shadow: none; } input[type="checkbox"].kui-checkbox.grey:hover, input[type="checkbox"].kui-checkbox.grey:focus, input[type="checkbox"].kui-checkbox.grey:checked:after { border: 1px solid #aaa; box-shadow: 0 0 10px rgba(170,170,170,0.2); } input[type="checkbox"].kui-checkbox.black:checked { background: #444; border: 1px solid #444; box-shadow: none; } input[type="checkbox"].kui-checkbox.black:hover, input[type="checkbox"].kui-checkbox.black:focus, input[type="checkbox"].kui-checkbox.black:checked:after { border: 1px solid #444; box-shadow: 0 0 10px rgba(68,68,68,0.2); } input[type="radio"].kui-radio { position: relative; display: block; border-radius: 50%; width: 16px; height: 16px; top: 4px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 100px; transition: all .3s; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } input[type="radio"].kui-radio:before { position: absolute; display: table; top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; border-top: 0; border-left: 0; transform: scale(0); opacity: 0; transition: all .2s cubic-bezier(.78,.14,.15,.86); content: " "; } input[type="radio"].kui-radio:checked:before { transform: scale(.875); opacity: 1; transition: all .2s cubic-bezier(.78,.14,.15,.86); } input[type="radio"].kui-radio:checked:after { position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #222; border-radius: 50%; animation: radioEffect .36s ease-in-out; animation-fill-mode: both; content: ""; } input[type="radio"].kui-radio:focus { box-shadow: 0 0 0 3px rgba(24,144,255,0.08); } input[type="radio"].kui-radio.size-smallx { width: 8px; height: 8px; top: 2px; } input[type="radio"].kui-radio.size-smallx:before { top: 1px; left: 1px; width: 4px; height: 4px; } input[type="radio"].kui-radio.size-small { width: 12px; height: 12px; top: 3px; } input[type="radio"].kui-radio.size-small:before { top: 2px; left: 2px; width: 6px; height: 6px; } input[type="radio"].kui-radio { width: 16px; height: 16px; top: 4px; } input[type="radio"].kui-radio:before { top: 3px; left: 3px; width: 8px; height: 8px; } input[type="radio"].kui-radio.size-big { width: 20px; height: 20px; top: 5px; } input[type="radio"].kui-radio.size-big:before { top: 4px; left: 4px; width: 10px; height: 10px; } input[type="radio"].kui-radio.size-bigx { width: 24px; height: 24px; top: 6px; } input[type="radio"].kui-radio.size-bigx:before { top: 5px; left: 5px; width: 12px; height: 12px; } input[type="radio"].kui-radio:checked, input[type="radio"].kui-radio:hover, input[type="radio"].kui-radio:checked:after { border-color: #1890ff; } input[type="radio"].kui-radio:before { background-color: #1890ff; } input[type="radio"].kui-radio.red:checked, input[type="radio"].kui-radio.red:hover, input[type="radio"].kui-radio.red:checked:after { border-color: #ff5722; } input[type="radio"].kui-radio.red:before { background-color: #ff5722; } input[type="radio"].kui-radio.blue:checked, input[type="radio"].kui-radio.blue:hover, input[type="radio"].kui-radio.blue:checked:after { border-color: #1890ff; } input[type="radio"].kui-radio.blue:before { background-color: #1890ff; } input[type="radio"].kui-radio.green:checked, input[type="radio"].kui-radio.green:hover, input[type="radio"].kui-radio.green:checked:after { border-color: #64bd63; } input[type="radio"].kui-radio.green:before { background-color: #64bd63; } input[type="radio"].kui-radio.yellow:checked, input[type="radio"].kui-radio.yellow:hover, input[type="radio"].kui-radio.yellow:checked:after { border-color: #ffc107; } input[type="radio"].kui-radio.yellow:before { background-color: #ffc107; } input[type="radio"].kui-radio.grey:checked, input[type="radio"].kui-radio.grey:hover, input[type="radio"].kui-radio.grey:checked:after { border-color: #aaa; } input[type="radio"].kui-radio.grey:before { background-color: #aaa; } input[type="radio"].kui-radio.black:checked, input[type="radio"].kui-radio.black:hover, input[type="radio"].kui-radio.black:checked:after { border-color: #444; } input[type="radio"].kui-radio.black:before { background-color: #444; } } .ace_optionsMenuEntry { height: 22px; } .ace_optionsMenuCommand { float: left; width: 210px; } .ace_editor { font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; font-variant-ligatures: no-common-ligatures; margin: 0; padding: 0; position: absolute; height: 100%; left: 0px; right: 0%; background: #fff; } .ace_editor .ace_gutter-cell { cursor: pointer; } .ace_editor .editor-full-screen { display: none; position: absolute; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #aaa; font-size: 0.9em; color: #1890ff; background: #1890ff1a; right: 0; top: 0; z-index: 100; margin: 4px; cursor: pointer; border-radius: 4px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .ace_editor .editor-full-screen:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9c"; } .ace_editor .editor-full-screen:hover, .ace_editor .editor-full-screen:active { background: #1890ff35; } .ace_editor:hover .editor-full-screen { display: block; } .ace_editor.ace-editor-full { position: fixed !important; width: 100% !important; height: 100% !important; z-index: 99999; left: 0px !important; bottom: 0px !important; right: 0px !important; top: 0px !important; border: none !important; } .ace_editor.ace-editor-full .editor-full-screen:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9a"; } .ace_editor textarea.ace_text-input { border: none !important; box-shadow: none !important; padding: 0 !important; } .ace_editor .ace_scrollbar { right: 3px; } .ace_editor .ace_hidden-cursors .ace_cursor { opacity: 0.7; } .ace_editor.ace-tomorrow .ace_cursor { color: #3c3434; } .ace_editor.ace_multiselect .ace_cursor { border-left-width: 2px; } .ace_editor .ace_indent-guide { height: 103%; display: inline-block; } .ace_editor .ace_line { line-height: 1.2em; line-height: inherit \9; } .ace_editor span.ace_heading { font-weight: 800; } .ace_editor .ace_mobile-menu { border: none; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); background: none; border-radius: 4px; height: 27px; overflow: hidden; z-index: 50; font-size: 0.9em; line-height: 17px; } .ace_editor .ace_mobile-menu > span { float: left; } .ace_editor .ace_mobile-menu .ace_mobile-button { cursor: pointer; display: inline-block; padding: 5px 13px; border-right: 0.5px solid rgba(255,255,255,0.2); background: #222; color: #fff; overflow: hidden; text-align: center; position: relative; z-index: 1; float: left; } .ace_editor .ace_mobile-menu .ace_mobile-button:hover { background: #666 !important; z-index: 2; } .ace_editor .ace_mobile-menu .ace_mobile-button[action="more"] { text-indent: -9999px; width: 25px; height: 27px; padding: 0; background: rgba(0,0,0,0.5); color: #fff; } .ace_editor .ace_mobile-menu .ace_mobile-button[action="more"]:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee72"; position: absolute; left: 0; top: 0; width: 26px; height: 26px; line-height: 26px; text-indent: 0; } .ace_editor .ace_search.right { background: #f3f3f3; border: 1px solid rgba(0,0,0,0.1); border-top: none; border-right: none; padding-left: 6px; box-shadow: -2px 3px 15px rgba(0,0,0,0.08); } .ace_editor .ace_search .ace_searchbtn { border: 1px solid #ddd; border-right: none; text-align: center; } .ace_editor .ace_search .ace_searchbtn:last-child { border-right: 1px solid #ddd; } .ace_editor .ace_search .ace_replace_form .ace_searchbtn { width: 34px; } .ace_editor .ace_search .ace_search_form.ace_nomatch { outline: none; } .ace_editor .ace_search .ace_search_form.ace_nomatch .ace_search_field { background: #fff3f2; } .ace_editor .ace_search .ace_search_field { border: 1px solid #ddd; margin-right: -1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); position: relative; min-width: 90px; z-index: 5; } .ace_editor .ace_search .ace_search_field:focus { border-color: #39F; } .ace_editor .ace_search .ace_button { margin-left: 0; margin-right: 3px; width: 28px; text-align: center; display: inline-block; border-radius: 3px; } .ace_editor .ace_search .ace_button.checked { border-color: #39F; background: #39f; color: #fff; } .ace_editor .ace_search .ace_searchbtn_close { top: 6px; right: 2px; position: absolute; height: 20px; width: 20px !important; line-height: 18px; background: none; border: none; text-align: center; } .ace_editor .ace_search .ace_searchbtn_close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; font-size: 12px; } .ace_editor .ace_search .ace_search_options { padding-right: 17px; } .ace_editor .ace_search .ace_search_options .ace_button[action="toggleReplace"] { position: relative; top: 1px; } .ace_editor.ace_autocomplete { padding: 0px; box-shadow: 0px 2px 10px rgba(0,0,0,0.3); margin-left: 5px; box-shadow: 0 0 7px rgba(119,119,119,0.2), inset 1px 1px 0 rgba(0,0,0,0), inset -1px -1px 0 rgba(0,0,0,0); font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; background: #fff !important; } .ace_editor.ace_autocomplete .ace_scrollbar-v { padding: 0px; right: 0px; } .ace_editor.ace_autocomplete .ace_line { padding-left: 6px; line-height: 1.5em; } .ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line { background: #63acff !important; border-radius: 0px; z-index: 10; } .ace_editor.ace_autocomplete .ace_line-hover { border: none; margin-top: 0; background: #e6e6e6; border-radius: 0px; } .ace_editor.ace_autocomplete .ace_selected { color: #fff; } .ace_editor.ace_autocomplete .ace_completion-highlight { color: #2882be; } .ace_editor.ace_autocomplete .ace_rightAlignedText { color: #aaa; } .ace_editor.ace_autocomplete .ace_selected .ace_completion-highlight { color: #cfe8ff !important; } .ace_editor.ace_autocomplete .ace_selected .ace_rightAlignedText { color: #fff; z-index: 10; opacity: 0.5; filter: alpha(opacity=50); font-size: 0.9em; } .ace_editor .ace_content .ace_marker-layer .ace_selected-word { background: rgba(210,235,255,0.11); border: 1px solid #65b5f5; z-index: 10; } .ace_editor .ace_content .ace_marker-layer .ace_bracket { border: 1px solid #FF9800; background: #FFC107; } .ace_editor .ace_content .ace_text-layer .ace_keyword { text-shadow: 0 0 0.3px; } .ace_editor .ace_invalid { background: none; color: #f60; } .ace_editor.ace-github { color: #444; } .ace_editor.ace-kuroir { background: #f9f9f9; } .ace_editor.ace-kuroir .ace_invalid { background: none; color: #f60; } .ace_editor.ace-solarized-light { background: #FDF6E3; } .ace_editor.ace-solarized-light .ace_invalid { background: none; color: #f60; } .ace_editor.ace-ambiance { background: #202020; } .ace_editor.ace-ambiance .ace_invalid { background: none; color: #f60; } .ace_editor.ace-monokai { background: #272822; } .ace_editor.ace-monokai .ace_invalid { background: none; color: #f60; } .ace_editor.ace-idle-fing { background: #333; } .ace_editor.ace-idle-fing .ace_invalid { background: none; color: #f60; } .ace_editor.ace-pastel-on-dark { background: #2C2828; } .ace_editor.ace-pastel-on-dark .ace_invalid { background: none; color: #f60; } .ace_editor.ace-solarized-dark { background: #002B36; } .ace_editor.ace-solarized-dark .ace_invalid { background: none; color: #f60; } .ace_editor.ace-twilight { background: #141414; } .ace_editor.ace-twilight .ace_invalid { background: none; color: #f60; } .ace_editor.ace-idle-fingers { background: #333; } .ace_editor.ace-idle-fingers .ace_invalid { background: none; color: #f60; } .ace_editor.ace-tomorrow-night-blue { background: #002451; } .ace_editor.ace-tomorrow-night-blue .ace_invalid { background: none; color: #f60; } .ace_editor.ace-tomorrow-night-eighties { background: #2d2d2d; } .ace_editor.ace-tomorrow-night-eighties .ace_invalid { background: none; color: #f60; } .ace_editor.ace-eclipse .ace_gutter { border-right: 3px solid #6ce26c !important; } .ace_editor.ace_dark .ace_content .ace_marker-layer .ace_selected-word { background: rgba(255,255,255,0.1); border: 1px solid #4179A7; z-index: 10; } .ace_editor.ace_dark .ace_content .ace_marker-layer .ace_bracket { border: 1px solid #FFEB3B; background: #6b6154; } div.xdsoft_datetimepicker { border-top: 2px solid #39f; padding: 0; height: 250px; color: #666; } div.xdsoft_datetimepicker .xdsoft_label, div.xdsoft_datetimepicker .xdsoft_month { text-align: center; font-weight: 400; } div.xdsoft_datetimepicker .xdsoft_label:hover, div.xdsoft_datetimepicker .xdsoft_label:active, div.xdsoft_datetimepicker .xdsoft_month:hover, div.xdsoft_datetimepicker .xdsoft_month:active { text-decoration: none; background: #e6f2ff; } div.xdsoft_datetimepicker .xdsoft_label:hover span, div.xdsoft_datetimepicker .xdsoft_label:active span, div.xdsoft_datetimepicker .xdsoft_month:hover span, div.xdsoft_datetimepicker .xdsoft_month:active span { color: #20a0ff; } div.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select, div.xdsoft_datetimepicker .xdsoft_month > .xdsoft_select { box-shadow: 0px 2px 10px rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.1); max-height: 300px; height: 200px; } div.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect, div.xdsoft_datetimepicker .xdsoft_month > .xdsoft_select.xdsoft_monthselect { right: 0px; width: 90px; } div.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect, div.xdsoft_datetimepicker .xdsoft_month > .xdsoft_select.xdsoft_yearselect { right: 0px; width: 56px; } div.xdsoft_datetimepicker .xdsoft_scrollbar >.xdsoft_scroller { background: rgba(0,0,0,0.3) !important; } div.xdsoft_datetimepicker .xdsoft_calendar td, div.xdsoft_datetimepicker .xdsoft_calendar th { height: 30px; text-align: center; background: none; border: none; } div.xdsoft_datetimepicker .xdsoft_calendar td div, div.xdsoft_datetimepicker .xdsoft_calendar th div { padding: 0; } div.xdsoft_datetimepicker .xdsoft_calendar th { background: #eee; color: #444; font-weight: 400; } div.xdsoft_datetimepicker .xdsoft_datepicker { width: 220px; margin-right: 10px; } div.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin: 0; } div.xdsoft_datetimepicker .xdsoft_timepicker { width: 70px; border-left: 1px solid #ddd; background: #fbfdff; margin: 0; margin-left: -1px; } div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { margin-left: 20px; } div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { border: none; height: 203px; } div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant { padding-bottom: 15px; } div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div { background: none; border: none; } .dialog-form .tab-group { display: none; } .dialog-form.dialog-form-has-menu .tab-group { display: block; } .dialog-form.form-box-title-block .form-box .panel-form-body { padding: 10px 0; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row, .dialog-form.form-box-title-block .form-box .form-row { padding: 2px 20px; margin: 0 0 -1px 0; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row hr, .dialog-form.form-box-title-block .form-box .form-row hr { margin: 5px 0px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row h1, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row h2, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row h3, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row h4, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row h5, .dialog-form.form-box-title-block .form-box .form-row h1, .dialog-form.form-box-title-block .form-box .form-row h2, .dialog-form.form-box-title-block .form-box .form-row h3, .dialog-form.form-box-title-block .form-box .form-row h4, .dialog-form.form-box-title-block .form-box .form-row h5 { margin-left: 0; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row .setting-title, .dialog-form.form-box-title-block .form-box .form-row .setting-title { text-align: left; float: none; width: 100%; height: 20px; line-height: 20px; padding-left: 0; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row .setting-title.no-title, .dialog-form.form-box-title-block .form-box .form-row .setting-title.no-title { display: none; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row .setting-content, .dialog-form.form-box-title-block .form-box .form-row .setting-content { width: 100%; box-sizing: border-box; padding: 0; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row .setting-content .desc, .dialog-form.form-box-title-block .form-box .form-row .setting-content .desc { display: block; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row .setting-content .kod-select-main, .dialog-form.form-box-title-block .form-box .form-row .setting-content .kod-select-main { display: block; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row .setting-content .kod-select-main .auth-toolbar, .dialog-form.form-box-title-block .form-box .form-row .setting-content .kod-select-main .auth-toolbar { margin-right: 0px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row .setting-content .kod-select-main .kod-select, .dialog-form.form-box-title-block .form-box .form-row .setting-content .kod-select-main .kod-select { min-height: 32px; width: 100%; box-sizing: border-box; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row .setting-content .select2-container, .dialog-form.form-box-title-block .form-box .form-row .setting-content .select2-container { width: 100%; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-input, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-number, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-fileSelect, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-dateTime, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-password, .dialog-form.form-box-title-block .form-box .form-row.form-input, .dialog-form.form-box-title-block .form-box .form-row.form-number, .dialog-form.form-box-title-block .form-box .form-row.form-fileSelect, .dialog-form.form-box-title-block .form-box .form-row.form-dateTime, .dialog-form.form-box-title-block .form-box .form-row.form-password { position: relative; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-input .setting-content input, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-number .setting-content input, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-fileSelect .setting-content input, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-dateTime .setting-content input, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-password .setting-content input, .dialog-form.form-box-title-block .form-box .form-row.form-input .setting-content input, .dialog-form.form-box-title-block .form-box .form-row.form-number .setting-content input, .dialog-form.form-box-title-block .form-box .form-row.form-fileSelect .setting-content input, .dialog-form.form-box-title-block .form-box .form-row.form-dateTime .setting-content input, .dialog-form.form-box-title-block .form-box .form-row.form-password .setting-content input { width: 100%; box-sizing: border-box; height: 30px; padding: 0px 8px; border-radius: 3px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-input .setting-content .input-title-right, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-input .setting-content .input-title-left, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-number .setting-content .input-title-right, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-number .setting-content .input-title-left, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-fileSelect .setting-content .input-title-right, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-fileSelect .setting-content .input-title-left, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-dateTime .setting-content .input-title-right, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-dateTime .setting-content .input-title-left, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-password .setting-content .input-title-right, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-password .setting-content .input-title-left, .dialog-form.form-box-title-block .form-box .form-row.form-input .setting-content .input-title-right, .dialog-form.form-box-title-block .form-box .form-row.form-input .setting-content .input-title-left, .dialog-form.form-box-title-block .form-box .form-row.form-number .setting-content .input-title-right, .dialog-form.form-box-title-block .form-box .form-row.form-number .setting-content .input-title-left, .dialog-form.form-box-title-block .form-box .form-row.form-fileSelect .setting-content .input-title-right, .dialog-form.form-box-title-block .form-box .form-row.form-fileSelect .setting-content .input-title-left, .dialog-form.form-box-title-block .form-box .form-row.form-dateTime .setting-content .input-title-right, .dialog-form.form-box-title-block .form-box .form-row.form-dateTime .setting-content .input-title-left, .dialog-form.form-box-title-block .form-box .form-row.form-password .setting-content .input-title-right, .dialog-form.form-box-title-block .form-box .form-row.form-password .setting-content .input-title-left { position: absolute; z-index: 2; right: 0; top: 0; margin-right: 0px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-input .setting-content .input-clear, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-number .setting-content .input-clear, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-fileSelect .setting-content .input-clear, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-dateTime .setting-content .input-clear, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-password .setting-content .input-clear, .dialog-form.form-box-title-block .form-box .form-row.form-input .setting-content .input-clear, .dialog-form.form-box-title-block .form-box .form-row.form-number .setting-content .input-clear, .dialog-form.form-box-title-block .form-box .form-row.form-fileSelect .setting-content .input-clear, .dialog-form.form-box-title-block .form-box .form-row.form-dateTime .setting-content .input-clear, .dialog-form.form-box-title-block .form-box .form-row.form-password .setting-content .input-clear { position: absolute; top: 0px; right: 0; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.row-inline .setting-title, .dialog-form.form-box-title-block .form-box .form-row.row-inline .setting-title { float: left; width: auto; width: 90px; margin-right: 10px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.row-inline .setting-content, .dialog-form.form-box-title-block .form-box .form-row.row-inline .setting-content { width: calc(100% - 100px); } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-slider .setting-content, .dialog-form.form-box-title-block .form-box .form-row.form-slider .setting-content { padding-right: 20px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-slider .slider.slider-horizontal, .dialog-form.form-box-title-block .form-box .form-row.form-slider .slider.slider-horizontal { width: 100%; box-sizing: border-box; margin: 0; margin-left: 10px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-cityPicker .city-picker-span, .dialog-form.form-box-title-block .form-box .form-row.form-cityPicker .city-picker-span { box-sizing: border-box; width: 100%; height: 30px; line-height: 28px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-checkbox .setting-content .desc, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-switch .setting-content .desc, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-radio .setting-content .desc, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-button .setting-content .desc, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-segment .setting-content .desc, .dialog-form.form-box-title-block .form-box .form-row.form-checkbox .setting-content .desc, .dialog-form.form-box-title-block .form-box .form-row.form-switch .setting-content .desc, .dialog-form.form-box-title-block .form-box .form-row.form-radio .setting-content .desc, .dialog-form.form-box-title-block .form-box .form-row.form-button .setting-content .desc, .dialog-form.form-box-title-block .form-box .form-row.form-segment .setting-content .desc { display: inline-block; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.form-textarea .setting-content textarea, .dialog-form.form-box-title-block .form-box .form-row.form-textarea .setting-content textarea { width: 100%; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline, .dialog-form.form-box-title-block .form-box .form-row.inline { border: none; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-input .setting-content .input-title-right, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-input .setting-content .input-title-left, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-number .setting-content .input-title-right, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-number .setting-content .input-title-left, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-fileSelect .setting-content .input-title-right, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-fileSelect .setting-content .input-title-left, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-password .setting-content .input-title-right, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-password .setting-content .input-title-left, .dialog-form.form-box-title-block .form-box .form-row.inline.form-input .setting-content .input-title-right, .dialog-form.form-box-title-block .form-box .form-row.inline.form-input .setting-content .input-title-left, .dialog-form.form-box-title-block .form-box .form-row.inline.form-number .setting-content .input-title-right, .dialog-form.form-box-title-block .form-box .form-row.inline.form-number .setting-content .input-title-left, .dialog-form.form-box-title-block .form-box .form-row.inline.form-fileSelect .setting-content .input-title-right, .dialog-form.form-box-title-block .form-box .form-row.inline.form-fileSelect .setting-content .input-title-left, .dialog-form.form-box-title-block .form-box .form-row.inline.form-password .setting-content .input-title-right, .dialog-form.form-box-title-block .form-box .form-row.inline.form-password .setting-content .input-title-left { margin-right: -6px; position: relative; z-index: 2; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-input .setting-content input, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-number .setting-content input, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-fileSelect .setting-content input, .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline.form-password .setting-content input, .dialog-form.form-box-title-block .form-box .form-row.inline.form-input .setting-content input, .dialog-form.form-box-title-block .form-box .form-row.inline.form-number .setting-content input, .dialog-form.form-box-title-block .form-box .form-row.inline.form-fileSelect .setting-content input, .dialog-form.form-box-title-block .form-box .form-row.inline.form-password .setting-content input { min-width: 60px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline + .inline .setting-content, .dialog-form.form-box-title-block .form-box .form-row.inline + .inline .setting-content { margin-top: 25px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline + .inline .setting-title, .dialog-form.form-box-title-block .form-box .form-row.inline + .inline .setting-title { margin-bottom: -35px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline + .inline.form-colorLabel, .dialog-form.form-box-title-block .form-box .form-row.inline + .inline.form-colorLabel { padding: 0; margin-top: -8px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline + .inline.form-switch .setting-content, .dialog-form.form-box-title-block .form-box .form-row.inline + .inline.form-switch .setting-content { margin-top: 38px; } .dialog-form.form-box-title-block.dialog-form-has-menu .form-box .form-row.inline .select2-container, .dialog-form.form-box-title-block .form-box .form-row.inline .select2-container { min-width: 150px; margin-right: 0px; } .form-box-row-line .form-box .form-row { padding-top: 5px; padding-bottom: 5px; margin: 0 0 -1px 0; border-bottom: 1px solid #f6f6f6; } .form-box-row-line .form-box .form-row.clear { border: none; padding: 0; } .form-box { color: #444; } .form-box a { text-decoration: none; cursor: pointer; } .form-box .info-alert a, .form-box .desc a { text-decoration: none; color: #1890ff; cursor: pointer; padding: 0.35em 2px; border-radius: 3px; } .form-box .info-alert a .font-icon, .form-box .desc a .font-icon { position: relative; top: -2px; } .form-box .info-alert a:hover, .form-box .info-alert a:active, .form-box .desc a:hover, .form-box .desc a:active { background: #def; } .form-box .panel-form-body { position: relative; } .form-box .panel-form-body .line, .form-box .panel-form-body hr { height: 1px; overflow: hidden; margin: 10px 5px; border: none; background: none; border-bottom: 1px dotted #e9eaea; } .form-box .panel-form-body h1, .form-box .panel-form-body h2, .form-box .panel-form-body h3, .form-box .panel-form-body h4, .form-box .panel-form-body h5 { margin: 0.1em 1em 0em 5px; padding-bottom: 0.3em; border-bottom: 1px dotted #e6e6e6; line-height: 1.4em; } .form-box .panel-form-body h1:before, .form-box .panel-form-body h2:before, .form-box .panel-form-body h3:before, .form-box .panel-form-body h4:before, .form-box .panel-form-body h5:before { content: " "; border-left: 4px solid #1890ff; border-radius: 4px; margin-right: 0.6em; font-size: 0.9em; position: relative; top: 0em; box-shadow: 0px 1px 4px rgba(24,144,255,0.3); } .form-box .panel-form-body .form-header-center { text-align: center; margin-bottom: 1.2em; } .form-box .panel-form-body .form-header-center:before { display: none; } .form-box .panel-form-body .form-header-center span { position: relative; top: 15px; padding: 0.3em 0.8em 0.4em 0.8em; border-radius: 60px; background: #1890ff; color: #e6f7ff; } .form-box.config-box .form-header { height: 40px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f5f7fa'); background-image: -webkit-linear-gradient(60deg,#efefef 0%,#f5f7fa 100%); background-image: -moz-linear-gradient(60deg,#efefef 0%,#f5f7fa 100%); background-image: -o-linear-gradient(60deg,#efefef 0%,#f5f7fa 100%); background-image: -ms-linear-gradient(60deg,#efefef 0%,#f5f7fa 100%); background-image: linear-gradient(60deg,#efefef 0%,#f5f7fa 100%); -pie-background: linear-gradient(to 60deg,#efefef 0%,#f5f7fa 100%); border-bottom: 1px solid #ddd; } .form-box.config-box .form-header .modal-title { height: 40px; line-height: 40px; padding-left: 20px; font-size: 15px; } .form-box.config-box .form-header .modal-title .path-ico { display: inline; vertical-align: inherit; position: relative; top: 0; } .form-box.config-box .form-header .modal-title .font-icon { padding-right: 8px; opacity: 0.5; position: relative; top: -2px; } .form-box.config-box .form-header .modal-title img, .form-box.config-box .form-header .modal-title .x-item-icon, .form-box.config-box .form-header .modal-title .font-icon-words { height: 22px; width: 22px; line-height: 22px; text-align: center; border-radius: 15%; display: inline-block; margin-right: 10px; padding: 0; color: #fff; position: relative; font-size: 14px; top: 6px; } .form-box.config-box .form-header .modal-title img.x-font-icon, .form-box.config-box .form-header .modal-title img.font-icon-words, .form-box.config-box .form-header .modal-title .x-item-icon.x-font-icon, .form-box.config-box .form-header .modal-title .x-item-icon.font-icon-words, .form-box.config-box .form-header .modal-title .font-icon-words.x-font-icon, .form-box.config-box .form-header .modal-title .font-icon-words.font-icon-words { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to 164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); } .form-box.config-box .form-header .modal-title img.font-icon-words, .form-box.config-box .form-header .modal-title .x-item-icon.font-icon-words, .form-box.config-box .form-header .modal-title .font-icon-words.font-icon-words { font-size: 10px; top: -2px; } .form-box.config-box .form-header .modal-title i { font-style: normal; } .form-box.config-box .form-header .modal-title img, .form-box.config-box .form-header .modal-title .x-font-icon { top: 0px; } .form-box.config-box .panel-form-body { overflow: auto; border-radius: 4px; padding: 20px 0; position: absolute; left: 0; right: 0; top: 42px; bottom: 1px; margin: 0; border: none; background: #fff; } .form-box .form-row { padding: 2px 10px; margin: 0 0 -1px 0; width: auto; clear: both; } .form-box .form-row .can-select, .form-box .form-row pre, .form-box .form-row code { -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; -khtml-user-select: text !important; -webkit-touch-callout: text !important; -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; user-select: text !important; } .form-box .form-row pre.hljs { border-radius: 4px; overflow: auto; height: 100%; padding: 0px 10px; } .form-box .form-row pre.hljs:before, .form-box .form-row pre.hljs:after { content: " "; height: 10px; padding: 10px 0; display: inline-block; } .form-box .form-row:after { clear: both; } .form-box .form-row.form-html { overflow: hidden; } .form-box .form-row.form-html>h1, .form-box .form-row.form-html>h2, .form-box .form-row.form-html>h3, .form-box .form-row.form-html>h4, .form-box .form-row.form-html>h5 { padding-left: 6px; } .form-box .form-row.form-group { margin: 0; } .form-box .form-row.form-cityPicker .desc { position: relative; top: -15px; margin-left: 10px; } .form-box .form-row.form-switch .desc { display: inline-block; } .form-box .form-row.item-hide { display: none; } .form-box .form-row label { margin-right: 5px; margin-top: 0px; line-height: 1.6em; cursor: pointer; display: inline-block; } .form-box .form-row label:active { color: #1890ff; } .form-box .form-row label.disabled { opacity: 0.3; pointer-events: none; } .form-box .form-row.form-radio label { position: relative; top: -1px; } .form-box .form-row.form-radio .setting-title, .form-box .form-row.form-checkbox .setting-title, .form-box .form-row.form-switch .setting-title { padding-top: 2px; } .form-box .form-row .input-clear { position: absolute; margin-left: -45px; width: 30px !important; height: 30px; line-height: 30px; text-align: center; cursor: pointer; display: inline-block !important; visibility: hidden; opacity: 0; color: #e8dede; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .form-box .form-row .input-clear:hover, .form-box .form-row .input-clear:active { color: #ff4d4f; } .form-box .form-row.item-not-empty .setting-content:hover > input + .input-clear { visibility: visible; opacity: 1; } .form-box .form-row.item-not-empty .setting-content:hover > input[disabled] + .input-clear, .form-box .form-row.item-not-empty .setting-content:hover > input[readonly] + .input-clear { visibility: hidden; opacity: 0; } .form-box .form-row.item-not-empty.item-focus > input + .input-clear { visibility: hidden !important; opacity: 0 !important; } .form-box .form-row.form-segment .input-clear, .form-box .form-row.form-slider .input-clear { visibility: hidden !important; opacity: 0 !important; } .form-box .form-row input:read-only, .form-box .form-row input.disabled { border: 1px solid #e6e6e6 !important; box-shadow: none !important; color: #777 !important; opacity: 1.0 !important; } .form-box .form-row input:read-only[type='text'], .form-box .form-row input:read-only[type='password'], .form-box .form-row input:read-only[type='number'], .form-box .form-row input.disabled[type='text'], .form-box .form-row input.disabled[type='password'], .form-box .form-row input.disabled[type='number'] { background: #f6f6f6; } .form-box .form-row input[type='checkbox'] { display: inline-block; margin-right: 3px; } .form-box .form-row input[type='radio'] { display: inline-block; margin-right: 3px; cursor: pointer; } .form-box .form-row input[type='text'], .form-box .form-row input[type='password'], .form-box .form-row input[type='number'] { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; box-shadow: none; border-radius: 3px; display: inline-block; height: 26px; width: 260px; color: #444; padding-left: 0.5em; margin-right: 10px; } .form-box .form-row input[type='text']:hover, .form-box .form-row input[type='text']:active, .form-box .form-row input[type='password']:hover, .form-box .form-row input[type='password']:active, .form-box .form-row input[type='number']:hover, .form-box .form-row input[type='number']:active { border-color: #75A1F0; } .form-box .form-row input[type='text']:focus, .form-box .form-row input[type='password']:focus, .form-box .form-row input[type='number']:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .form-box .form-row input[type='text'].disabled, .form-box .form-row input[type='text'][readonly='true'], .form-box .form-row input[type='password'].disabled, .form-box .form-row input[type='password'][readonly='true'], .form-box .form-row input[type='number'].disabled, .form-box .form-row input[type='number'][readonly='true'] { opacity: 0.7; } .form-box .form-row input[type='text'].disabled:hover, .form-box .form-row input[type='text'].disabled:active, .form-box .form-row input[type='text'][readonly='true']:hover, .form-box .form-row input[type='text'][readonly='true']:active, .form-box .form-row input[type='password'].disabled:hover, .form-box .form-row input[type='password'].disabled:active, .form-box .form-row input[type='password'][readonly='true']:hover, .form-box .form-row input[type='password'][readonly='true']:active, .form-box .form-row input[type='number'].disabled:hover, .form-box .form-row input[type='number'].disabled:active, .form-box .form-row input[type='number'][readonly='true']:hover, .form-box .form-row input[type='number'][readonly='true']:active { border-color: #ddd; } .form-box .form-row input[type='text'].disabled:focus, .form-box .form-row input[type='text'][readonly='true']:focus, .form-box .form-row input[type='password'].disabled:focus, .form-box .form-row input[type='password'][readonly='true']:focus, .form-box .form-row input[type='number'].disabled:focus, .form-box .form-row input[type='number'][readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .form-box .form-row input[type='text']:focus, .form-box .form-row input[type='password']:focus, .form-box .form-row input[type='number']:focus { box-shadow: 0 0 0 3px rgba(117,161,240,0.2); } .form-box .form-row select { min-width: 268px; margin-right: 10px; } .form-box .form-row.form-codeEditor { -khtml-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important; } .form-box .form-row.form-codeEditor .ace_editor { border: 1px solid #ddd; margin-bottom: 0; width: 100% !important; position: relative; box-sizing: border-box; height: 150px; padding-right: 10px; font: 14px/normal 'Menlo', Monaco, Consolas, 'Source Code Pro', 'Liberation Mono', Monaco, 'Ubuntu Mono', 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; } .form-box .form-row.form-segment button [class^="icon-"] { padding-right: 0.5em; opacity: 0.7; } .form-box .form-row.form-textarea .desc { display: block; } .form-box .form-row textarea { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; color: #444; margin-right: 10px; width: 100%; height: 130px; margin-bottom: 5px; border-radius: 2px; padding: 5px; box-sizing: border-box; transition: none; } .form-box .form-row textarea:hover, .form-box .form-row textarea:active { border-color: #75A1F0; } .form-box .form-row textarea:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .form-box .form-row textarea.disabled, .form-box .form-row textarea[readonly='true'] { opacity: 0.7; } .form-box .form-row textarea.disabled:hover, .form-box .form-row textarea.disabled:active, .form-box .form-row textarea[readonly='true']:hover, .form-box .form-row textarea[readonly='true']:active { border-color: #ddd; } .form-box .form-row textarea.disabled:focus, .form-box .form-row textarea[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .form-box .form-row textarea:focus { box-shadow: 0 0 0 3px rgba(117,161,240,0.33); } .form-box .form-row .setting-title { height: 30px; line-height: 30px; width: 120px; margin-right: 20px; padding-top: 5px; float: left; position: relative; text-align: right; text-shadow: 0 0 1px #bbb; color: #666; } .form-box .form-row .setting-title .require { color: #ff5722; font-size: 20px; position: absolute; margin-top: 4px; padding: 0 0 0 5px; } .form-box .form-row .setting-title.has-title:after { content: ": "; opacity: 0.3; margin: 0 4px 0 -1px; } .form-box .form-row.clear { clear: both; float: none; } .form-box .form-row .setting-title.no-title { height: 1px; line-height: 1px; } .form-box .form-row .setting-title.no-title + .setting-content { padding-top: 0; } .form-box .form-row.inline { float: left; clear: inherit; padding-right: 0; margin-bottom: 0px; } .form-box .form-row.inline .setting-content { width: auto; padding-right: 0; padding-top: 0px; margin-right: 5px; } .form-box .form-row.inline + .inline { padding-left: 0; } .form-box .form-row.inline + .inline .setting-title { width: auto; margin-right: 0; } .form-box .form-row.inline + .inline.form-switch .setting-content { margin-top: 3px; } .form-box .form-row.inline + .inline .kui-checkbox-ios + em { margin-right: 0px; } .form-box .form-row.inline .select2-container { width: auto !important; min-width: 150px; margin-right: 0px; } .form-box .form-row .setting-content { float: left; position: relative; width: 70%; width: calc(100% - 160px); padding: 5px; border-radius: 4px; border: 1px solid transparent; } .form-box .form-row .setting-content .font-icon { display: inline-block; } .form-box .form-row .setting-content input.span-title-left { border-top-left-radius: 0; border-bottom-left-radius: 0; position: relative; z-index: 2; } .form-box .form-row .setting-content input.span-title-right { border-top-right-radius: 0; border-bottom-right-radius: 0; position: relative; z-index: 2; width: 226px; } .form-box .form-row .setting-content .input-title-left, .form-box .form-row .setting-content .input-title-right { background: #fafafa; display: inline-block; padding: 0px 8px; border: 1px solid #ddd; line-height: 28px; height: 28px; position: relative; top: 0px; overflow: inherit; vertical-align: top; font-size: 12px; } .form-box .form-row .setting-content .input-title-left.btn, .form-box .form-row .setting-content .input-title-left.kui-btn, .form-box .form-row .setting-content .input-title-right.btn, .form-box .form-row .setting-content .input-title-right.kui-btn { padding: 0px 6px; vertical-align: top; border-radius: 0; } .form-box .form-row .setting-content .input-title-left { margin-right: -6px; } .form-box .form-row .setting-content .input-title-left, .form-box .form-row .setting-content .input-title-left.btn, .form-box .form-row .setting-content .input-title-left.kui-btn { border-radius: 4px 0 0 4px; } .form-box .form-row .setting-content .input-title-right { margin-left: -15px; margin-right: 10px; } .form-box .form-row .setting-content .input-title-right, .form-box .form-row .setting-content .input-title-right.btn, .form-box .form-row .setting-content .input-title-right.kui-btn { border-radius: 0 4px 4px 0; } .form-box .form-row .setting-content .form-save-button { padding: 8px 60px; background: #1890ff; color: #fff; border: none; margin: 10px 0 30px; border-radius: 3px; outline: none; } .form-box .form-row .setting-content .form-save-button:hover { background: #5d9eff; } .form-box .form-row .setting-content .form-save-button:active { box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); } .form-box .form-row .setting-content .form-reset-button { padding: 8px 20px; background: #f6f6f6; color: #666; border: none; margin: 10px 0px 10px 20px; border-radius: 3px; outline: none; } .form-box .form-row .setting-content .form-reset-button:hover { background: #eee; } .form-box .form-row .setting-content .form-reset-button:active { box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); } .form-box .form-row.form-button-line:before { content: " "; display: block; height: 0px; margin: 0 5px; position: relative; top: 15px; border-top: 1px dotted #e9eaea; } .form-box .form-row .font-icon { padding: 0; } .form-box .form-row.error > .setting-content { background: #ffefed; border-color: #ffb3ae; } .form-box .form-row.form-table.error > .setting-content { border-color: transparent; background: none; } .form-box .form-row .desc { color: #bcc4d0; font-style: normal; line-height: 1.4em; word-break: break-all; vertical-align: middle; font-size: 0.9em; } .form-box .form-target-save .form-row.clear { height: 0; } .form-box .form-target-save .form-row.clear hr { margin: 0; } .form-row.form-cityPicker .setting-content .select-user-box, .form-row.form-colorLabel .setting-content .select-user-box, .form-row.form-fontIcon .setting-content .select-user-box, .form-row.form-select .setting-content .select-user-box, .form-row.form-tags .setting-content .select-user-box, .form-row.form-auth .setting-content .select-user-box, .form-row.form-group .setting-content .select-user-box, .form-row.form-groupAuth .setting-content .select-user-box, .form-row.form-job .setting-content .select-user-box, .form-row.form-role .setting-content .select-user-box, .form-row.form-user .setting-content .select-user-box, .form-row.form-userGroup .setting-content .select-user-box, .form-row.form-userSelect .setting-content .select-user-box { background: #f8fcff; padding: 10px 5px; border-radius: 2px; } .form-row.form-cityPicker .setting-content > input, .form-row.form-colorLabel .setting-content > input, .form-row.form-fontIcon .setting-content > input, .form-row.form-select .setting-content > input, .form-row.form-tags .setting-content > input, .form-row.form-auth .setting-content > input, .form-row.form-group .setting-content > input, .form-row.form-groupAuth .setting-content > input, .form-row.form-job .setting-content > input, .form-row.form-role .setting-content > input, .form-row.form-user .setting-content > input, .form-row.form-userGroup .setting-content > input, .form-row.form-userSelect .setting-content > input { display: none; } .form-row.form-cityPicker .setting-content > select, .form-row.form-colorLabel .setting-content > select, .form-row.form-fontIcon .setting-content > select, .form-row.form-select .setting-content > select, .form-row.form-tags .setting-content > select, .form-row.form-auth .setting-content > select, .form-row.form-group .setting-content > select, .form-row.form-groupAuth .setting-content > select, .form-row.form-job .setting-content > select, .form-row.form-role .setting-content > select, .form-row.form-user .setting-content > select, .form-row.form-userGroup .setting-content > select, .form-row.form-userSelect .setting-content > select { display: none; } .form-row.form-cityPicker .btn-group.btn-group-segment .btn, .form-row.form-colorLabel .btn-group.btn-group-segment .btn, .form-row.form-fontIcon .btn-group.btn-group-segment .btn, .form-row.form-select .btn-group.btn-group-segment .btn, .form-row.form-tags .btn-group.btn-group-segment .btn, .form-row.form-auth .btn-group.btn-group-segment .btn, .form-row.form-group .btn-group.btn-group-segment .btn, .form-row.form-groupAuth .btn-group.btn-group-segment .btn, .form-row.form-job .btn-group.btn-group-segment .btn, .form-row.form-role .btn-group.btn-group-segment .btn, .form-row.form-user .btn-group.btn-group-segment .btn, .form-row.form-userGroup .btn-group.btn-group-segment .btn, .form-row.form-userSelect .btn-group.btn-group-segment .btn { color: #666; } .form-row.form-cityPicker .btn-group.btn-group-segment .btn .font-icon, .form-row.form-colorLabel .btn-group.btn-group-segment .btn .font-icon, .form-row.form-fontIcon .btn-group.btn-group-segment .btn .font-icon, .form-row.form-select .btn-group.btn-group-segment .btn .font-icon, .form-row.form-tags .btn-group.btn-group-segment .btn .font-icon, .form-row.form-auth .btn-group.btn-group-segment .btn .font-icon, .form-row.form-group .btn-group.btn-group-segment .btn .font-icon, .form-row.form-groupAuth .btn-group.btn-group-segment .btn .font-icon, .form-row.form-job .btn-group.btn-group-segment .btn .font-icon, .form-row.form-role .btn-group.btn-group-segment .btn .font-icon, .form-row.form-user .btn-group.btn-group-segment .btn .font-icon, .form-row.form-userGroup .btn-group.btn-group-segment .btn .font-icon, .form-row.form-userSelect .btn-group.btn-group-segment .btn .font-icon { opacity: 0.7; } .form-row.form-cityPicker .desc, .form-row.form-colorLabel .desc, .form-row.form-fontIcon .desc, .form-row.form-select .desc, .form-row.form-tags .desc, .form-row.form-auth .desc, .form-row.form-group .desc, .form-row.form-groupAuth .desc, .form-row.form-job .desc, .form-row.form-role .desc, .form-row.form-user .desc, .form-row.form-userGroup .desc, .form-row.form-userSelect .desc { margin-top: 5px; } .form-row.form-userSelect .setting-title { padding-top: 15px; } .form-row.form-slider .slider.slider-horizontal { width: 252px; margin-right: 17px; height: 30px; } .form-row.form-slider .slider .tooltip { pointer-events: none; } .form-row.form-color .color-picker-view .font-icon { width: 18px; height: 18px; font-size: 20px; } .form-row.form-cityPicker .city-picker-span { height: 28px; line-height: 26px; padding: 0px 4px 0 5px; } .form-row.form-cityPicker .city-picker-span .arrow { position: absolute; top: 0; right: 0; margin: 0; height: 100%; width: 38px; line-height: 28px; border-left: 1px solid #ddd; background: #fafafa; text-align: center; font-size: 16px; color: #999; } .form-row.form-cityPicker .city-picker-span .arrow:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f036"; } .colorpicker { z-index: 9999; } .app-wap-small .city-picker-dropdown { max-width: 90%; } .app-wap-small .city-picker-dropdown .city-select a { padding: 2px 8px; } .app-wap-small .city-picker-dropdown .city-select-content { padding: 5px 5px; } .app-wap-small .city-picker-dropdown.position-top .city-select-tab { padding: 0px 10px 7px 10px; } span.select2-container--default .select2-dropdown, span.select2-container--classic .select2-dropdown { box-shadow: 0 2px 10px rgba(0,0,0,0.2); border: 1px solid #ddd; overflow: hidden; } span.select2-container--default .select2-dropdown .select2-search__field, span.select2-container--classic .select2-dropdown .select2-search__field { border: 1px solid #ddd; } span.select2-container--default.select2-container--focus .select2-selection--multiple, span.select2-container--classic.select2-container--focus .select2-selection--multiple { border-color: #badaff; } span.select2-container--default .select2-results__option[aria-disabled=true], span.select2-container--classic .select2-results__option[aria-disabled=true] { opacity: 0.4; cursor: not-allowed; } span.select2-container--default .select2-selection--multiple, span.select2-container--default .select2-selection--single, span.select2-container--classic .select2-selection--multiple, span.select2-container--classic .select2-selection--single { border: 1px solid #ddd; border-radius: 4px; outline: none; padding: 0; margin: 0; min-height: 30px; line-height: 28px; } span.select2-container--default .select2-selection--multiple .select2-selection__rendered, span.select2-container--default .select2-selection--single .select2-selection__rendered, span.select2-container--classic .select2-selection--multiple .select2-selection__rendered, span.select2-container--classic .select2-selection--single .select2-selection__rendered { display: block; line-height: inherit; } span.select2-container--default .select2-selection--multiple .select2-selection__rendered .path-ico .font-icon, span.select2-container--default .select2-selection--single .select2-selection__rendered .path-ico .font-icon, span.select2-container--classic .select2-selection--multiple .select2-selection__rendered .path-ico .font-icon, span.select2-container--classic .select2-selection--single .select2-selection__rendered .path-ico .font-icon { width: 20px; line-height: 15px; } span.select2-container--default .select2-selection--multiple .select2-selection__choice, span.select2-container--default .select2-selection--single .select2-selection__choice, span.select2-container--classic .select2-selection--multiple .select2-selection__choice, span.select2-container--classic .select2-selection--single .select2-selection__choice { background-color: #edf5ff; color: #3a96ff; border-color: #badaff; height: 22px; line-height: 22px; border-radius: 15px; margin: 4px 4px 0px 0px; } span.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, span.select2-container--default .select2-selection--single .select2-selection__choice .select2-selection__choice__remove, span.select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, span.select2-container--classic .select2-selection--single .select2-selection__choice .select2-selection__choice__remove { float: right; font-size: 15px; color: #3a96ff; width: 20px; height: 22px; line-height: 18px; text-align: center; margin-right: -2px; } span.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover, span.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active, span.select2-container--default .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:hover, span.select2-container--default .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:active, span.select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover, span.select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active, span.select2-container--classic .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:hover, span.select2-container--classic .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:active { color: #0063d3; } span.select2-container--default .select2-selection--single .select2-selection__rendered, span.select2-container--classic .select2-selection--single .select2-selection__rendered { padding-left: 10px; } span.select2-container--default .select2-selection--multiple .select2-selection__rendered, span.select2-container--classic .select2-selection--multiple .select2-selection__rendered { padding-left: 5px; } span.select2-container--default:hover .select2-selection__clear, span.select2-container--default:active .select2-selection__clear, span.select2-container--classic:hover .select2-selection__clear, span.select2-container--classic:active .select2-selection__clear { display: block !important; } span.select2-container--default:hover .select2-selection--single .select2-selection__clear, span.select2-container--default:active .select2-selection--single .select2-selection__clear, span.select2-container--classic:hover .select2-selection--single .select2-selection__clear, span.select2-container--classic:active .select2-selection--single .select2-selection__clear { display: none !important; } span.select2-container--default .select2-selection--multiple .select2-selection__clear, span.select2-container--default .select2-selection--single .select2-selection__clear, span.select2-container--classic .select2-selection--multiple .select2-selection__clear, span.select2-container--classic .select2-selection--single .select2-selection__clear { display: none; position: absolute; width: 20px; height: 20px; line-height: 18px; right: 8px; top: 50%; border-radius: 50%; text-align: center; font-size: 14px; margin: 0; margin-top: -11px; z-index: 99; background: #fff; color: #777; border: 1px solid #eee; } span.select2-container--default .select2-selection--multiple .select2-selection__clear:hover, span.select2-container--default .select2-selection--multiple .select2-selection__clear:active, span.select2-container--default .select2-selection--single .select2-selection__clear:hover, span.select2-container--default .select2-selection--single .select2-selection__clear:active, span.select2-container--classic .select2-selection--multiple .select2-selection__clear:hover, span.select2-container--classic .select2-selection--multiple .select2-selection__clear:active, span.select2-container--classic .select2-selection--single .select2-selection__clear:hover, span.select2-container--classic .select2-selection--single .select2-selection__clear:active { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; font-weight: 800; } span.select2-container--default .select2-selection--single:hover, span.select2-container--default .select2-selection--single:active, span.select2-container--default.select2-container--focus .select2-selection--single, span.select2-container--default.select2-container--open .select2-selection--single, span.select2-container--classic .select2-selection--single:hover, span.select2-container--classic .select2-selection--single:active, span.select2-container--classic.select2-container--focus .select2-selection--single, span.select2-container--classic.select2-container--open .select2-selection--single { background: #f8f8f8 url("../../images/common/bg.gif") 0px -10px repeat-x; } span.select2-container--default .select2-selection--multiple:hover, span.select2-container--default .select2-selection--multiple:active, span.select2-container--classic .select2-selection--multiple:hover, span.select2-container--classic .select2-selection--multiple:active { border-color: #3a96ff; } span.select2-container--default .select2-selection--single, span.select2-container--classic .select2-selection--single { background: #f8f8f8 url("../../images/common/bg.gif") 0px 0px repeat-x; } span.select2-container--default .select2-selection--single .select2-selection__arrow, span.select2-container--classic .select2-selection--single .select2-selection__arrow { height: 100%; width: 30px; top: 0px; right: 0px; } span.select2-container--default .select2-selection--multiple ul.select2-selection__rendered:after, span.select2-container--classic .select2-selection--multiple ul.select2-selection__rendered:after { content: "\e638" !important; font-family: "kod-svg-font" !important; width: 30px; height: 100%; line-height: 1em; display: block; color: #aaa; position: absolute; right: 0px; top: 50%; margin-top: -10px; font-size: 17px; text-align: center; } span.select2-container--default .select2-selection--multiple .select2-search--inline, span.select2-container--classic .select2-selection--multiple .select2-search--inline { height: 31px; line-height: 23px; } span.select2-container--default .select2-results.group-list-content>.select2-results__options, span.select2-container--classic .select2-results.group-list-content>.select2-results__options { z-index: 100; width: 100%; height: 250px; max-height: 250px; } span.select2-container--default .select2-results>.select2-results__options, span.select2-container--classic .select2-results>.select2-results__options { max-height: 300px; } span.select2-container--default .select2-results__option, span.select2-container--classic .select2-results__option { position: relative; padding: 6px 6px 6px 15px; } span.select2-container--default .select2-search--inline .select2-search__field, span.select2-container--classic .select2-search--inline .select2-search__field { padding-top: 1px; padding-left: 5px; } span.select2-container--default .select2-results__option[aria-selected=true], span.select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted, span.select2-container--default .select2-results__option[aria-selected=true]:hover, span.select2-container--default .select2-results__option[aria-selected=true]:active, span.select2-container--classic .select2-results__option[aria-selected=true], span.select2-container--classic .select2-results__option[aria-selected=true].select2-results__option--highlighted, span.select2-container--classic .select2-results__option[aria-selected=true]:hover, span.select2-container--classic .select2-results__option[aria-selected=true]:active { background: #edf5ff; color: #3a96ff; } span.select2-container--default .select2-results__option[aria-selected=true]:hover, span.select2-container--default .select2-results__option[aria-selected=true]:active, span.select2-container--classic .select2-results__option[aria-selected=true]:hover, span.select2-container--classic .select2-results__option[aria-selected=true]:active { background: #e2f0ff; } span.select2-container--default .select2-results__option[aria-selected=true]:after, span.select2-container--classic .select2-results__option[aria-selected=true]:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; color: #3a96ff; position: absolute; right: 10px; top: 6px; font-size: 18px; } span.select2-container--default .select2-results__option--highlighted[aria-selected], span.select2-container--classic .select2-results__option--highlighted[aria-selected] { background: #e2f0ff; color: #3a96ff; } span.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, span.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: 1px solid transparent; } span.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, span.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: 1px solid transparent; } span.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below, span.select2-container--classic.select2-container--open .select2-dropdown.select2-dropdown--below { border-color: #3a96ff; outline: none; box-shadow: 0 0 20px #71c0ff; border-color: #bfcbd9; box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 0 6px rgba(0,0,0,0.04); margin-top: -1px; } span.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above, span.select2-container--classic.select2-container--open .select2-dropdown.select2-dropdown--above { border-color: #3a96ff; outline: none; box-shadow: 0 0 20px #71c0ff; border-color: #bfcbd9; box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 0 6px rgba(0,0,0,0.04); margin-top: 1px; box-shadow: 0 -2px 4px rgba(0,0,0,0.12), 0 0 6px rgba(0,0,0,0.04); } span.select2-container--default.select2-container--open .select2-selection--multiple, span.select2-container--default.select2-container--open .select2-selection--single, span.select2-container--classic.select2-container--open .select2-selection--multiple, span.select2-container--classic.select2-container--open .select2-selection--single { border-color: #3a96ff; outline: none; box-shadow: 0 0 20px #71c0ff; border-color: #bfcbd9; box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 0 6px rgba(0,0,0,0.04); } .form-box .form-row.inline.form-fontIcon.title-right { margin-left: -68px; } .form-box .form-row.inline.form-fontIcon.title-right .select2-container { min-width: 0; } .form-box .form-row.inline.form-fontIcon.title-right .select2-selection__rendered { padding-left: 2px; } .form-box .form-row.inline.form-fontIcon.title-right .select2-selection__rendered span { display: none; } .form-box .form-row.inline.form-fontIcon.title-right .select2-selection.select2-selection--single { border-radius: 0 3px 3px 0; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-dropdown { padding: 5px 5px 10px 5px; width: 285px !important; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-search { display: none !important; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option { width: 30px; height: 30px; padding: 0; border-radius: 40px; float: left; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option .path-ico { padding: 0; width: 20px; height: 20px; position: relative; top: 3px; left: 5px; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option .path-ico .x-item-icon { width: 18px; height: 18px; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option span { display: none; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option[aria-selected=true]:after { color: #fff; left: 4px; top: 6px; text-shadow: 0 0 1px #fff, 0 0 2px rgba(0,0,0,0.2); } span.select2-container--default.form-select2-dropdown-type-colorLabel.form-select2-dropdown-key-label, span.select2-container--default.form-select2-dropdown-type-colorLabel.form-select2-dropdown-key-label { margin-left: -225px; } .form-box .form-row.form-colorLabel .select2-container { width: 45px !important; min-width: inherit !important; } .form-box .form-row.form-colorLabel .select2-container .select2-selection--single .select2-selection__rendered span { display: none; } .form-box .form-row.form-colorLabel .select2-container .select2-selection--single .select2-selection__rendered, .form-box .form-row.form-colorLabel .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 5px; padding-right: 5px; } .form-box .form-row.form-colorLabel.inline { margin-left: -25px; } .form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single { border-radius: 0px 4px 4px 0; } span.select2-container { margin-right: 10px; max-width: 100%; } span.select2-container.select2-container--disabled { opacity: 0.5; } span.select2-container .path-ico { font-size: 16px; height: 16px; width: 16px; line-height: 16px; text-align: center; padding-right: 6px; color: #999; } span.select2-container .path-ico .font-icon { font-size: 14px; padding-right: 10px; width: 13px; } span.select2-container .path-ico .x-item-icon { position: relative; top: 1px; } span.select2-container .search-match { font-weight: inherit; background: #ffe58f; padding: 3px 0; border-radius: 2px; } span.select2-container .select2-search--dropdown .select2-search__field { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; border-radius: 3px; } span.select2-container .select2-search--dropdown .select2-search__field:hover, span.select2-container .select2-search--dropdown .select2-search__field:active { border-color: #75A1F0; } span.select2-container .select2-search--dropdown .select2-search__field:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } span.select2-container .select2-search--dropdown .select2-search__field.disabled, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true'] { opacity: 0.7; } span.select2-container .select2-search--dropdown .select2-search__field.disabled:hover, span.select2-container .select2-search--dropdown .select2-search__field.disabled:active, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true']:hover, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true']:active { border-color: #ddd; } span.select2-container .select2-search--dropdown .select2-search__field.disabled:focus, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } span.select2-container .select2-results__option { color: #666; cursor: pointer; } span.select2-container .select2-results__option[aria-selected=true], span.select2-container .select2-results__option.select2-results__option--highlighted, span.select2-container .select2-results__option:hover, span.select2-container .select2-results__option:active { background: #edf5ff; border-color: #d3e8ff; color: #3a96ff; } span.select2-container .select2-results__option[aria-selected=true] .path-ico, span.select2-container .select2-results__option.select2-results__option--highlighted .path-ico, span.select2-container .select2-results__option:hover .path-ico, span.select2-container .select2-results__option:active .path-ico { color: #3a96ff; } span.select2-container .select2-results__option.select2-results__message { height: 24px; border: none; background: none; } span.select2-container .select2-selection__choice .path-ico { color: #3a96ff; position: relative; top: 1px; } span.select2-container .form-dorpdown-colorLabel { width: 435px !important; padding: 5px 5px 10px 5px; border-top-right-radius: 3px; } span.select2-container .form-dorpdown-colorLabel .select2-results__options { max-height: 320px; padding: 4px; } span.select2-container .form-dorpdown-colorLabel .select2-results__option { float: left; width: 116px; height: 25px; border-radius: 20px; line-height: 24px; padding: 1px 1px 1px 10px; margin: 0px 5px 6px 0; overflow: hidden; border: 1px solid #f6f6f6; background: #fcfcfc; cursor: pointer; } span.select2-container .form-dorpdown-colorLabel .select2-results__option.select2-results__option--highlighted, span.select2-container .form-dorpdown-colorLabel .select2-results__option:hover, span.select2-container .form-dorpdown-colorLabel .select2-results__option:active { background: #edf5ff; border-color: #d3e8ff; } span.select2-container .form-select2-dropdown-type-fontIcon { width: 560px !important; padding: 5px 5px 10px 5px; border-top-right-radius: 3px; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__options { max-height: 300px; padding: 4px; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option { float: left; width: 62px; height: 62px; line-height: 24px; border: 1px solid #eee; padding: 1px 0px 1px 1px; margin: 0 -1px -1px 0; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option .path-ico { width: auto; height: auto; display: block; text-align: center; margin-top: 5px; padding: 0; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option .path-ico .font-icon { font-size: 20px; padding: 0; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option span { white-space: normal; line-height: 1.1em; height: 32px; overflow: hidden; text-align: center; display: table-cell; width: 64px; vertical-align: middle; word-break: break-all; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option[aria-selected=true]:after { right: 2px; top: 2px; background: #d3e8ff; width: 18px; height: 17px; line-height: 18px; text-align: center; border-radius: 50%; font-size: 0.9em; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option.select2-results__message { height: 24px; border: none; } span.select2-container .form-select2-dropdown-key-fileType .select2-results__options { padding: 2px 0; overflow: auto; } span.select2-container .form-select2-dropdown-key-fileType .select2-results__options .select2-results__option { width: 63px; height: 60px; float: left; text-align: center; padding: 10px 4px 10px 4px; margin: 5px 0 0 5px; border-radius: 4px; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } span.select2-container .form-select2-dropdown-key-fileType .select2-results__options .select2-results__option .path-ico { display: block; font-size: 42px; width: 40px; height: 48px; line-height: 48px; text-align: center; padding: 0; margin: 0 auto; } span.select2-container .form-select2-dropdown-key-fileType .select2-results__options .select2-results__option[aria-selected=true]:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb80"; right: 2px; top: 3px; } .form-box .form-row.form-userSelect .setting-content .kod-select { width: 360px; } .form-box .form-row.form-userSelect .setting-content .user-select-role select { width: 360px; min-width: 360px; } .form-box .form-row .setting-content .kod-select { width: 268px; height: 30px; max-width: 100%; border-radius: 3px; border: 1px solid #ddd; background: #fefefe; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; } .form-box .form-row .setting-content .kod-select > .font-icon { position: absolute; right: 0; font-size: 17px; width: 30px; height: 100%; line-height: 30px; color: #888; top: 50%; margin-top: -15px; text-align: center; } .form-box .form-row .setting-content .kod-select.select-single { background: #f8f8f8 url("../../images/common/bg.gif") 0px -5px repeat-x; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .form-box .form-row .setting-content .kod-select.select-single.open, .form-box .form-row .setting-content .kod-select.select-single:hover, .form-box .form-row .setting-content .kod-select.select-single:active { background: #f8f8f8 url("../../images/common/bg.gif") 0px -20px repeat-x; } .form-box .form-row .setting-content .kod-select.select-single.open { border-radius: 3px 3px 0 0; box-shadow: 0 5px 12px rgba(0,0,0,0.2); } .form-box .form-row .setting-content .kod-select.select-single .kod-select-title { line-height: 30px; padding-left: 10px; color: #666; } .form-box .form-row .setting-content .kod-select.select-single .kod-select-title .path-ico { line-height: 23px; padding-right: 5px; color: #999; text-align: center; margin: 2px 0px; } .form-box .form-row .setting-content .kod-select.select-single .kod-select-title .path-ico .font-icon { display: inline-block; width: 20px; text-align: center; font-size: 14px; padding-left: 2px; } .form-box .form-row .setting-content .kod-select.select-mutil { padding-bottom: 4px; min-height: 28px; height: auto; } .form-box .form-row .setting-content .kod-select.select-mutil:hover, .form-box .form-row .setting-content .kod-select.select-mutil:active { border-color: #3a96ff; } .form-box .form-row .setting-content .kod-select.select-mutil.open { border-color: #d6d7d7; box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .form-box .form-row .setting-content .kod-select.select-mutil .select-list { padding: 0 5px; max-height: 85px; overflow: auto; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice { float: left; background-color: #edf5ff; color: #3a96ff; padding: 0 8px 0 4px; border: 1px solid #badaff; line-height: 22px; border-radius: 15px; margin: 4px 4px 0px 0px; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove { float: right; font-size: 15px; width: 20px; line-height: 21px; text-align: center; position: relative; top: 1px; margin-right: -5px; color: #3a96ff; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove:hover, .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove:active { color: #0063d3; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico { margin: 0; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico img { top: 2px; left: -1px; vertical-align: top; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico svg { position: relative; top: 1px; } .form-row .add-user-group { margin: 8px 0; display: block; } .form-row .kod-select-main { display: inline-block; max-width: 100%; } .form-row .kod-select-main.auth-table { display: block; } .form-row .kod-select-main.auth-table .auth-select-box { padding: 0; border: 1px solid #e6e6e6; } .form-row .kod-select-main.auth-table .auth-select-box .item-null { text-align: center; color: #bbb; line-height: 30px; height: 30px; } .form-row .kod-select-main.auth-table .item-choice { border-top: 1px solid #eee; position: relative; border-bottom: 1px solid transparent; margin-top: -1px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .form-row .kod-select-main.auth-table .item-choice:nth-child(odd) { background: #f8f8f8; } .form-row .kod-select-main.auth-table .item-choice.disabled { pointer-events: none; } .form-row .kod-select-main.auth-table .item-choice .item-remove { position: relative; z-index: 10; cursor: pointer; color: #ccc; font-size: 18px; display: none; opacity: 0; top: 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .form-row .kod-select-main.auth-table .item-choice .item-remove:hover, .form-row .kod-select-main.auth-table .item-choice .item-remove:active { color: #ff4d4f; } .form-row .kod-select-main.auth-table .item-choice:hover, .form-row .kod-select-main.auth-table .item-choice:active { background: #e6f7ff; border-color: #91d5ff; z-index: 999; position: relative; } .form-row .kod-select-main.auth-table .item-choice:hover .item-remove, .form-row .kod-select-main.auth-table .item-choice:active .item-remove { display: block; opacity: 1; } .form-row .kod-select-main.auth-table .item-choice .select-role select { display: none; } .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container { padding-left: 0; position: absolute; right: 0px; top: 3px; margin-right: 5%; margin-left: 15%; max-width: 80%; } .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single { height: 24px; line-height: 24px; min-height: 0; } .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:hover, .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:active { border-color: #91d5ff; } .form-row .kod-select-main.auth-table .item-choice, .form-row .kod-select-main.auth-table .item-choice-title { height: 30px; line-height: 30px; padding: 0; } .form-row .kod-select-main.auth-table .item-choice .item-content, .form-row .kod-select-main.auth-table .item-choice-title .item-content { width: 30%; height: inherit; line-height: inherit; border-right: 1px solid #eee; display: inline-block; padding: 0; position: relative; } .form-row .kod-select-main.auth-table .item-choice .item-content .item-content-text, .form-row .kod-select-main.auth-table .item-choice-title .item-content .item-content-text { width: 100%; position: absolute; padding-left: 6px; left: 0; display: block !important; visibility: visible !important; } .form-row .kod-select-main.auth-table .item-choice .item-content.item-name .item-content-text .path-ico, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name .item-content-text .path-ico { position: relative; top: -6px; padding-right: 5px; } .form-row .kod-select-main.auth-table .item-choice .item-content.item-name .item-content-text, .form-row .kod-select-main.auth-table .item-choice .item-content.item-parent .item-content-text, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name .item-content-text, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-parent .item-content-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .form-row .kod-select-main.auth-table .item-choice .item-content.item-name, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name { width: 34%; } .form-row .kod-select-main.auth-table .item-choice .item-content.item-parent, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-parent { width: 20%; } .form-row .kod-select-main.auth-table .item-choice .item-content.item-role, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-role { width: 44%; border-right: none; } .form-row .kod-select-main.auth-table .item-choice-title { display: block !important; background: #f3f3f3; border-bottom: 1px solid #e6e6e6; font-weight: 800; color: #888; background: #fff url("../../images/common/bg.gif") 0px -5px repeat-x; } .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-role { text-align: right; margin-left: -10px; } .form-row .kod-select-main .path-ico { vertical-align: text-bottom; } .form-row .kod-select-main .path-ico img { width: 100%; height: 100%; border-radius: 50%; position: relative; } .form-row .kod-select-main .path-ico .svg-icon { position: relative; top: 3px; } .form-row .kod-select-main .kod-select .clear-select { display: none; position: absolute; width: 20px; height: 20px; line-height: 18px; right: 8px; top: 50%; border-radius: 50%; text-align: center; font-size: 14px; margin-top: -11px; z-index: 99; background: #fff; color: #777; border: 1px solid #eee; } .form-row .kod-select-main .kod-select .clear-select:hover, .form-row .kod-select-main .kod-select .clear-select:active { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; font-weight: 800; } .form-row .kod-select-main:hover .clear-select { display: block; } .form-row .kod-select-main .kod-select.open .clear-select { display: block !important; } .form-row .kod-select-main .kod-select .placeholder { line-height: 32px; left: 10px; position: absolute; opacity: 0.3; color: #666; } .form-row .kod-select-main .auth-toolbar { position: absolute; z-index: 2; background: #fff; color: #666; right: 0; margin-top: -1px; margin-right: 5px; border: 0.5px solid #e6e6e6; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); border-radius: 0 0 3px 3px; overflow: hidden; visibility: hidden; opacity: 0.001; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .form-row .kod-select-main .auth-toolbar .auth-toolbar-item { display: inline-block; padding: 4px 8px; cursor: pointer; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; border-left: 0.5px solid #eee; } .form-row .kod-select-main .auth-toolbar .auth-toolbar-item[data-action="clear"] { border-left: none; } .form-row .kod-select-main .auth-toolbar .auth-toolbar-item .font-icon { position: relative; top: -1px; } .form-row .kod-select-main .auth-toolbar .auth-toolbar-item:hover, .form-row .kod-select-main .auth-toolbar .auth-toolbar-item:active { background: #e6f7ff; color: #1890ff; } .form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable { cursor: not-allowed; } .form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable:hover, .form-row .kod-select-main .auth-toolbar .auth-toolbar-item.disable:active { background: #fff; color: #666; } .form-row .kod-select-main:hover .auth-toolbar { visibility: visible; opacity: 1; } .form-select2-dropdown-type-group-auth { min-width: 200px; } .kod-user-group-select { position: absolute; overflow: hidden; display: none; border: 1px solid #d6d7d7; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 8px 12px rgba(0,0,0,0.2); margin-top: -2px; z-index: 99999; background: #fff; width: 270px; min-width: 270px; } .kod-user-group-select.open { display: block; } .kod-user-group-select.open.open-up { border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-top: 2px; box-shadow: 0 -6px 10px rgba(0,0,0,0.1); } .kod-user-group-select .select-search { padding: 8px 10px; background: #f6f6f6; border-bottom: 1px solid #eee; } .kod-user-group-select .select-search input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; width: 100%; height: 26px; box-sizing: border-box; box-shadow: none; border-radius: 3px; display: inline-block; color: #444; padding-left: 0.5em; margin-right: 10px; } .kod-user-group-select .select-search input:hover, .kod-user-group-select .select-search input:active { border-color: #75A1F0; } .kod-user-group-select .select-search input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .kod-user-group-select .select-search input.disabled, .kod-user-group-select .select-search input[readonly='true'] { opacity: 0.7; } .kod-user-group-select .select-search input.disabled:hover, .kod-user-group-select .select-search input.disabled:active, .kod-user-group-select .select-search input[readonly='true']:hover, .kod-user-group-select .select-search input[readonly='true']:active { border-color: #ddd; } .kod-user-group-select .select-search input.disabled:focus, .kod-user-group-select .select-search input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .kod-user-group-select .select-search input:hover, .kod-user-group-select .select-search input:active { border-color: #75A1F0; } .kod-user-group-select .select-search:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d1"; position: absolute; right: 15px; top: 13px; width: 18px; height: 18px; font-size: 14px; color: #ddd; background: #fff; } .kod-user-group-select .select-search .search-clear { display: none; position: absolute; right: 15px; top: 11px; background: #eee; font-size: 10px; cursor: pointer; text-align: center; color: #aaa; width: 20px; height: 20px; line-height: 20px; padding: 0; z-index: 10; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .kod-user-group-select .select-search .search-clear:hover, .kod-user-group-select .select-search .search-clear:active { color: #fff; background: #ff4d4f; } .kod-user-group-select .search-match { font-weight: inherit; background: #ffe58f; padding: 3px 0; border-radius: 2px; } .kod-user-group-select .select-dropdown-content { height: 300px; padding: 5px 0 10px 0; overflow: auto; } .kod-user-group-select .group-list-tree li a.tree-node, .kod-user-group-select .group-list-search .search-item { border: none; position: relative; padding-left: 0; margin: 0; height: 28px; line-height: 28px; border-radius: 0; } .kod-user-group-select .group-list-tree li a.tree-node .button.switch, .kod-user-group-select .group-list-search .search-item .button.switch { margin-top: -2px; } .kod-user-group-select .group-list-tree li a.tree-node:hover, .kod-user-group-select .group-list-tree li a.tree-node.hover, .kod-user-group-select .group-list-tree li a.tree-node:active, .kod-user-group-select .group-list-search .search-item:hover, .kod-user-group-select .group-list-search .search-item.hover, .kod-user-group-select .group-list-search .search-item:active { margin: 0; border-radius: 0; color: #3a96ff; background: #eee; } .kod-user-group-select .group-list-tree li a.tree-node.this, .kod-user-group-select .group-list-search .search-item.this { background: #edf5ff; color: #3a96ff; } .kod-user-group-select .group-list-tree li a.tree-node.this .check-icon:before, .kod-user-group-select .group-list-search .search-item.this .check-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .kod-user-group-select .group-list-tree li a.tree-node.this:hover, .kod-user-group-select .group-list-tree li a.tree-node.this.hover, .kod-user-group-select .group-list-tree li a.tree-node.this:active, .kod-user-group-select .group-list-search .search-item.this:hover, .kod-user-group-select .group-list-search .search-item.this.hover, .kod-user-group-select .group-list-search .search-item.this:active { background: #badaff; } .kod-user-group-select .group-list-tree li a.tree-node:hover .item-select, .kod-user-group-select .group-list-tree li a.tree-node:active .item-select, .kod-user-group-select .group-list-search .search-item:hover .item-select, .kod-user-group-select .group-list-search .search-item:active .item-select { display: block; } .kod-user-group-select .group-list-tree li a.tree-node.this .item-select, .kod-user-group-select .group-list-search .search-item.this .item-select { display: block; color: #3b8cff; } .kod-user-group-select .group-list-tree li a.tree-node .item-select, .kod-user-group-select .group-list-search .search-item .item-select { display: none; position: absolute; right: 0px; top: 0px; font-size: 1.1em; width: 28px; height: 28px; line-height: 28px; text-align: center; cursor: pointer; z-index: 50; padding: 0; color: rgba(0,0,0,0.2); } .kod-user-group-select .group-list-tree li a.tree-node .item-select:hover, .kod-user-group-select .group-list-search .search-item .item-select:hover { background: rgba(0,0,0,0.05); } .kod-user-group-select .group-list-tree li a.tree-node .item-select .item-check, .kod-user-group-select .group-list-search .search-item .item-select .item-check { line-height: 26px; width: 26px; } .kod-user-group-select .group-list-tree li a.tree-node .check-icon, .kod-user-group-select .group-list-search .search-item .check-icon { float: right; color: #fff; font-size: 12px; text-align: center; width: 15px; height: 15px; line-height: 15px; padding: 0; margin-top: 5px; margin-right: 5px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .kod-user-group-select .group-list-tree li a.tree-node .check-icon:before, .kod-user-group-select .group-list-search .search-item .check-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .kod-user-group-select .group-list-tree li a.tree-node .path-ico, .kod-user-group-select .group-list-search .search-item .path-ico { width: 18px; height: 18px; line-height: 18px; font-size: 20px; position: relative; top: -1px; } .kod-user-group-select .group-list-tree li a.tree-node .path-ico .font-icon, .kod-user-group-select .group-list-search .search-item .path-ico .font-icon { font-size: 18px; } .kod-user-group-select .group-list-search { padding-bottom: 30px; } .kod-user-group-select .group-list-search .search-item { cursor: pointer; padding-left: 10px; } .kod-user-group-select .group-list-search .search-item .path-ico { padding-right: 8px; } .kod-user-group-select .group-list-search .search-no-result { width: 100%; position: absolute; text-align: center; margin-top: 30px; color: #ccc; font-size: 0.9em; } .kod-user-group-select .group-list-search .search-no-result:before { content: "\e604" !important; font-family: "kod-svg-font" !important; } .kod-user-group-select .group-list-search .search-no-result:before { display: block; font-size: 100px; padding-left: 5px; text-shadow: 0 0 5px #ffffff; } .kod-user-group-select .group-list-search .search-result-info { position: absolute; bottom: 0px; text-align: center; width: 100%; height: 30px; line-height: 30px; font-size: 0.9em; color: #bbb; background: #fafafa; border-top: 1px solid #eee; } .kod-user-group-select .group-list-tree { padding-top: 0; } .kod-user-group-select .group-list-tree li a.curSelectedNode { color: #fff; } .kod-user-group-select .group-list-tree .sub-menu { float: right; display: none; line-height: 20px; padding-right: 7px; font-size: 1.15em; color: #ddd; } .kod-user-group-select .group-list-tree .hover .sub-menu { display: inline-block; color: #666; } .kod-user-group-select .group-list-tree .curSelectedNode .sub-menu, .kod-user-group-select .group-list-tree .hover.curSelectedNode .sub-menu { display: inline-block; color: #fff; } .kod-user-group-select .path-ico img { width: 100%; height: 100%; border-radius: 50%; top: -5px; position: relative; } .kod-user-group-select .group-list-tree li a.tree-node .path-ico img { top: -2px; } .kod-user-group-select .group-list-search .search-item .path-ico img { top: 0px; } .kod-user-group-select.select-user .group-list-tree li a.node-item-group .item-select { display: none !important; } .kod-user-group-select .group-list-tree li a.tree-node.node-disable-select .item-select { display: none !important; } .kod-user-group-select .group-list-tree li a.tree-node.node-append-group { background: #fafafa; color: #aaa; margin: 10px 0 0 0 !important; } .kod-user-group-select .group-list-tree li a.tree-node.node-append-group .tree_icon { display: none; } .kod-user-group-select .group-list-tree li a.tree-node.node-append-group:hover { background: #eee; color: #444; } .kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget { background: #fafafa; } .kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget .tree_icon .path-ico .font-icon { color: #ffac33; font-size: 19px; } .kod-user-group-select .group-list-tree li a.tree-node.node-append-shareTarget:hover { background: #eee; color: #444; } .kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .tree_icon .path-ico .font-icon { color: #1890ff; font-size: 19px; } .kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .item-select { display: block; } .kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .item-select .item-check { font-size: 14px; line-height: 24px; padding-left: 1px; } .kod-user-group-select .group-list-tree li a.tree-node.node-share-item-store .item-select .item-check:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec81"; } .form-row .slider .slider-track { background: #ddd; box-shadow: none; } .form-row .slider.slider-horizontal { margin-left: 10px; } .form-row .slider.slider-horizontal .slider-track { height: 6px; border-radius: 0; } .form-row .slider .slider-selection { transition: background-color .3s ease; background: #2196f3; box-shadow: none; border-radius: 0; } .form-row .slider .slider-handle { margin-left: -7px; margin-top: 3px; width: 14px; height: 14px; z-index: 5; cursor: pointer; border-radius: 50%; border: 2px solid #88c7f4; background: #fff; transition: border-color .3s ease, transform .3s cubic-bezier(.18,.89,.32,1.28); } .form-row .slider .slider-handle.round:hover, .form-row .slider .slider-handle.round:active { box-shadow: 0 0 0 6px rgba(150,219,250,0.7); } .form-row .slider.slider-horizontal:before { content: ""; display: block; background: #2196f3; width: 10px; margin-top: 10px; left: -9px; position: absolute; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; height: 6px; } .form-row .slider.slider-horizontal:after { content: " "; content: ""; display: block; background: #ddd; width: 10px; margin-top: 10px; right: -8px; position: absolute; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; z-index: 0; height: 6px; } .form-row .slider .tooltip.top { margin-top: -43px; } .form-row .slider .tooltip.bottom { margin-top: 20px; } .form-row .slider .tooltip.top .tooltip-arrow { border-top-color: rgba(0,0,0,0.7); } .form-row .slider .tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(0,0,0,0.7); } .form-row .slider .tooltip-inner { background-color: rgba(0,0,0,0.7); box-shadow: 0 1px 5px rgba(0,0,0,0.2); padding: 8px 15px; } @-webkit-keyframes kui-progress-active { 0% { width: 0; opacity: .1; } 20% { width: 0; opacity: .5; } 100% { width: 100%; opacity: 0; } } @keyframes kui-progress-active { 0% { width: 0; opacity: .1; } 20% { width: 0; opacity: .5; } 100% { width: 100%; opacity: 0; } } .kui-notify .kui-notify-box { position: fixed; z-index: 99999; padding: 15px; pointer-events: none; } .kui-notify .kui-notify-box.kui-notify-topLeft { left: 0; top: 0; } .kui-notify .kui-notify-box.kui-notify-topRight { right: 0; top: 0; } .kui-notify .kui-notify-box.kui-notify-bottomRight { right: 0; bottom: 0; } .kui-notify .kui-notify-box.kui-notify-bottomLeft { left: 0; bottom: 0; } .kui-notify .kui-notify-box .kui-notify-item { pointer-events: all; position: relative; overflow: hidden; background: #fff; background: rgba(255,255,255,0.95); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); width: 300px; margin-bottom: 10px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-item-main { padding: 10px 10px 0 15px; line-height: 1.5em; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close { position: absolute; top: 6px; right: 6px; font-size: 14px; text-align: center; width: 30px; height: 30px; line-height: 28px; cursor: pointer; color: #e6e6e6; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; border-radius: 3px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:hover, .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:active { color: #ff4d4f; background: #f6f6f6; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon { float: left; width: 20px; height: 26px; line-height: 30px; text-align: center; margin: 0px 0px 0 0px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .font-icon { width: 100%; height: 100%; font-size: 18px; color: #1890ff; text-align: center; display: inline-block; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-info:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee58"; color: #1890ff; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-success:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb80"; color: #63bd37; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-warning:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca0"; color: #faad14; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-error:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb96"; color: #ff4d4f; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-loading { margin-top: 3px; background: url("../../images/common/loading_circle.gif") no-repeat; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content { float: left; width: 230px; margin-left: 10px; padding-bottom: 10px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-title { color: #666; font-size: 1.1em; margin-top: 4px; margin-bottom: 6px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-message { color: #999; margin-top: -4px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-box { height: 6px; margin: 5px 0; border-radius: 5px; overflow: hidden; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-box .process-add { height: 100%; transition: all 0.5s; border-radius: 5px; background-color: #1890ff; position: relative; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-box .process-add:before { content: ''; position: absolute; height: 100%; background: #fff; border-radius: 5px; opacity: 0; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-title { font-size: 0.9em; color: #aaa; } .form-box .form-row.form-table .form-table-main { display: table; width: 100%; border-collapse: collapse; margin-bottom: 5px; } .form-box .form-row.form-table .form-table-main .list-row { display: table-row; border-bottom: 1px solid #eee; position: relative; } .form-box .form-row.form-table .form-table-main .list-row:nth-child(even) { background: #fafafa; } .form-box .form-row.form-table .form-table-main .list-row:hover, .form-box .form-row.form-table .form-table-main .list-row:active { background: #f8f8f8; } .form-box .form-row.form-table .form-table-main .list-row.title { background: #f3f3f3; font-weight: bold; color: #888; border-top: 1px solid #e6e6e6; } .form-box .form-row.form-table .form-table-main .list-row.title .list-col, .form-box .form-row.form-table .form-table-main .list-row.title .form-row { border-color: #e6e6e6; } .form-box .form-row.form-table .form-table-main .list-content { display: table-row-group; vertical-align: middle; border-color: inherit; } .form-box .form-row.form-table .form-table-main .list-row .list-col, .form-box .form-row.form-table .form-table-main .list-row .form-row { display: table-cell; height: 100%; vertical-align: middle; padding: 8px 10px; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; position: relative; } .form-box .form-row.form-table .form-table-main .list-row .list-col pre, .form-box .form-row.form-table .form-table-main .list-row .form-row pre { margin: 0; padding: 0; border-radius: 4px; background: none; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row { padding: 2px 5px; margin: 0; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row .setting-title { display: none; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row .setting-content { float: none; width: auto; padding: 2px 2px 2px 6px; margin: 0; overflow-y: hidden; overflow-x: auto; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row .setting-content > .desc, .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row .setting-content > label > .desc { display: none; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row .setting-content > .select-user-box { padding: 0; margin: 0; background: none; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row .setting-content .input-clear { margin-left: -30px; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row.item-hide { display: table-cell !important; opacity: 1 !important; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row.item-hide .setting-title { display: none; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row.item-hide .setting-content { display: none; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row textarea, .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row input[type='text'], .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row input[type='password'], .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row input[type='number'] { width: auto; margin: 0; } .form-box .form-row.form-table .form-table-main .list-row.form-box > .form-row > .clear { display: none; } .form-box .form-row.form-table .form-table-main .list-row .row-action { display: none; background: #fff; background: rgba(255,255,255,0.9); position: absolute; right: 0; top: 0; height: 100%; margin: 0; padding: 0 5px; box-shadow: -6px 0 4px rgba(0,0,0,0.1); } .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action { padding: 4px 5px; cursor: pointer; display: inline-block; color: #1890ff; border-radius: 3px; word-break: keep-all; position: relative; top: 4px; top: calc(50% - 13px); } .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action .font-icon { position: relative; top: -1px; } .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:hover, .form-box .form-row.form-table .form-table-main .list-row .row-action .col-action:active { background: #e6f7ff; } .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag { display: inline-block; height: 100%; width: 50px; cursor: move; padding: 0; margin: 0; color: #1890ff; border-right: 0.5px solid #eef6ff; text-align: center; position: relative; top: -4px; left: -5px; } .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag .font-icon { position: relative; top: 50%; margin-top: -16px; } .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:hover, .form-box .form-row.form-table .form-table-main .list-row .row-action .col-drag:active { background: #e6f7ff; } .form-box .form-row.form-table .form-table-main .list-row:hover .row-action, .form-box .form-row.form-table .form-table-main .list-row:active .row-action { display: block; } .form-box .form-row.form-table .form-table-main .list-content.can-not-sort .row-action .col-drag { display: none; } .form-box .form-row.form-table .form-table-main .list-content.table-type-inline { box-shadow: none; } .form-box .form-row.form-table .form-table-main .list-content.table-type-inline .col-action[action="edit"] { display: none; } .form-box .form-row.form-table .list-row-empty { display: block; border-bottom: 1px solid #eee; margin: -5px 0 5px 0px; padding: 8px 0; background: #fefefe; color: #aaa; text-align: center; } .btn-group.btn-group-segment> .btn.btn-default { border-radius: 0; box-shadow: none; height: 100%; line-height: 16px; padding: 5px 0.8em; border-color: #ddd; z-index: 0; } .btn-group.btn-group-segment> .btn.btn-default .font-icon { text-align: left; width: 1em; padding-right: 3px; font-size: 1.4em; line-height: 0.9em; } .btn-group.btn-group-segment> .btn.btn-default.btn-active, .btn-group.btn-group-segment> .btn.btn-default.btn-active:hover { border-color: #1890ff !important; background: #1890ff !important; border-left-color: #0084fe !important; border-right-color: #0084fe !important; position: relative; z-index: 2; color: #fff; } .btn-group.btn-group-segment> .btn.btn-default.btn-active .font-icon, .btn-group.btn-group-segment> .btn.btn-default.btn-active:hover .font-icon { color: #fff; } .btn-group.btn-group-segment> .btn.btn-default:hover, .btn-group.btn-group-segment> .btn.btn-default:active { background-color: #e4f2ff; border-color: #7ec1ff; color: #1890ff; z-index: 1; } .btn-group.btn-group-segment> .btn.btn-default:hover .font-icon, .btn-group.btn-group-segment> .btn.btn-default:active .font-icon { color: #1890ff; } .btn-group.btn-group-segment>.btn:first-child:not(:last-child) { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .btn-group.btn-group-segment>.btn:last-child:not(:first-child) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .dialog-form.target-form { padding: 0 !important; } .dialog-form.target-form .form-box.config-box .panel-form-body { position: relative; left: 0; top: 0; margin: 0; padding: 20px 0 40px 0px; } .dialog-form.dialog-form-has-menu .aui-outer .aui-buttons { border-top: 1px solid #eee; height: 45px; padding-top: 5px; border-top: none; background: #fff; } .dialog-form.dialog-form-has-menu .tab-group .tab-item { list-style: none; display: inline-block; cursor: pointer; } .dialog-form.dialog-form-has-menu .tab-group .tab-item.active { position: relative; z-index: 2; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group { position: absolute; z-index: 10; left: 0; bottom: 0; top: 41px; width: 140px; padding: 0; margin: 0; padding-top: 20px; background: #f5f7fa; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item { display: block; border: none; background: none; border-radius: 0; color: #666; font-size: 14px; cursor: pointer; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:active { background: #eee; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:first-child, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:last-child { border-radius: 0; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item .tab-item-content { padding: 0 20px 0 15px; display: block; height: 40px; line-height: 40px; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item .tab-item-content .font-icon { vertical-align: text-top; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active { background: #fff; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active a { color: #2196F3; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:active { background: #fff; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:hover a, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:active a { color: #2196F3; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:last-child.active, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active + .tab-item { border-left-color: transparent; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .form-box.config-box .panel-form-body { position: absolute; padding: 10px 0 40px 140px; } .dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group { padding: 0; margin: 14px 10px 0 16px; } .dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group .tab-item { border: 1px solid #eee; background: #fafafa; float: left; margin-left: -1px; padding: 6px 10px; } .dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group .tab-item:hover { background: #f6f6f6; } .dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group .tab-item.active { background: #fff; border: 1px solid #eee; border-bottom-color: #fff; position: relative; z-index: 10; } .dialog-form.dialog-form-has-menu.dialog-form-style-tab .form-box.config-box .panel-form-body { position: absolute; left: 0; top: 70px; margin: 15px; border: 1px solid #eee; padding: 10px 0 40px 0px; border-radius: 0; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group { border-bottom: 1px solid #eee; position: relative; font-size: 1.1em; margin: 5px 15px 5px 30px; padding: 0; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item { border-bottom: 3px solid transparent; padding: 8px 10px; margin: 5px 5px -2px 0; border-radius: 3px 3px 0 0; position: relative; z-index: 2; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:active { background: #f6f6f6; border-color: #eee; color: #1890ff; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item.active { border: none; background: transparent; border-bottom: 3px solid #1890ff; color: #1890ff; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box.config-box .panel-form-body { position: absolute; top: 90px; padding: 0 0 20px 10px; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box.config-box .panel-form-body .panel-form-body { padding-left: 0; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac { background: none; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .form-box .form-row .setting-title { text-align: right; padding-left: 6px; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac.form-box-title-left .form-box .form-row .setting-title { text-align: left; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac.form-box-title-right .form-box .form-row .setting-title { text-align: right; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group { text-align: center; padding: 0; height: 30px; width: 100%; background: transparent; position: absolute; margin-top: -12px; z-index: 9; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item { background: #fff; text-align: left; margin-left: -5px; border: 1px solid #ccc; border-bottom-color: #a6a6a6; border-right-color: #b8b8b8; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:active { background: #f6f6f6; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:last-child, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:nth-last-child(2) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item .tab-item-content { color: #333; padding: 0 15px; height: 24px; display: inline-block; line-height: 24px; overflow: inherit; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active .tab-item-content { color: #fff; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb4f7', endColorstr='#1a82fb'); background-image: -webkit-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -moz-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -o-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -ms-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); -pie-background: linear-gradient(to to bottom,#6eb4f7 0,#1a82fb 100%); color: #fff; z-index: 10; border-color: #3f87dc; border-top-color: #4396e6; border-color: #388df8 #388df8 #0866dc transparent; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:active { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb4f7', endColorstr='#1a82fb'); background-image: -webkit-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -moz-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -o-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -ms-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); -pie-background: linear-gradient(to to bottom,#6eb4f7 0,#1a82fb 80%); } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:last-child.active, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active + .tab-item { border-left: none; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row.form-userSelect .setting-content .select-user-box { background: none; } .dialog-form .form-box .form-row .setting-title { text-align: right; padding-left: 6px; } .dialog-form.form-box-title-left .form-box .form-row .setting-title { text-align: left; } .dialog-form.form-box-title-right .form-box .form-row .setting-title { text-align: right; } .dialog-form.dialog-form-has-menu .form-box .form-row .setting-title { text-align: left; padding-left: 6px; } .dialog-form.dialog-form-has-menu.form-box-title-left .form-box .form-row .setting-title { text-align: left; } .dialog-form.dialog-form-has-menu.form-box-title-right .form-box .form-row .setting-title { text-align: right; } .dialog-form.dialog-no-title .aui-outer { box-shadow: 0 6px 40px 0 rgba(16,17,18,0.3); border: 1px solid #ccc !important; border-radius: 4px; overflow: hidden; } .dialog-form.dialog-no-title .aui-outer .aui-min, .dialog-form.dialog-no-title .aui-outer .aui-max, .dialog-form.dialog-no-title .aui-outer .aui-close { color: #bbb; color: rgba(0,0,0,0.2); text-shadow: 1px 1px 1px #fff; } .dialog-form.dialog-no-title .aui-outer .aui-min:hover, .dialog-form.dialog-no-title .aui-outer .aui-min:active, .dialog-form.dialog-no-title .aui-outer .aui-max:hover, .dialog-form.dialog-no-title .aui-outer .aui-max:active, .dialog-form.dialog-no-title .aui-outer .aui-close:hover, .dialog-form.dialog-no-title .aui-outer .aui-close:active { background: rgba(50,50,50,0.12); } .dialog-form.dialog-no-title .aui-outer .aui-min:hover.aui-close, .dialog-form.dialog-no-title .aui-outer .aui-min:active.aui-close, .dialog-form.dialog-no-title .aui-outer .aui-max:hover.aui-close, .dialog-form.dialog-no-title .aui-outer .aui-max:active.aui-close, .dialog-form.dialog-no-title .aui-outer .aui-close:hover.aui-close, .dialog-form.dialog-no-title .aui-outer .aui-close:active.aui-close { color: #fff; background: #e81123; } .dialog-form.dialog-no-title .aui-outer .aui-title { height: 40px; } .dialog-form.dialog-no-title .aui-outer .aui-buttons { padding-right: 20px; height: 40px; border-top: 1px solid #ddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f4f7', endColorstr='#f5f7fa'); background-image: -webkit-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -moz-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -o-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -ms-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); -pie-background: linear-gradient(to left,#f2f4f7 0%,#f5f7fa 100%); } .dialog-form.dialog-no-title .aui-outer .aui-buttons button { margin-top: 5px; margin-left: 20px; padding: 0 2em; height: 30px; } .dialog-form.dialog-no-title .aui-outer .aui-buttons .btn-config-reset { background: none; border: none; box-shadow: none; padding: 0px 10px; color: #bbb; } .dialog-form.dialog-no-title .aui-outer .aui-buttons .btn-config-reset:hover, .dialog-form.dialog-no-title .aui-outer .aui-buttons .btn-config-reset:active { color: #2196F3; background: #eaf5ff; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-header { height: 40px; border-bottom: 1px solid #bbb; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d1d3', endColorstr='#e7e5e7'); background-image: -webkit-linear-gradient(bottom,#d3d1d3 0%,#e7e5e7 100%); background-image: -moz-linear-gradient(bottom,#d3d1d3 0%,#e7e5e7 100%); background-image: -o-linear-gradient(bottom,#d3d1d3 0%,#e7e5e7 100%); background-image: -ms-linear-gradient(bottom,#d3d1d3 0%,#e7e5e7 100%); background-image: linear-gradient(bottom,#d3d1d3 0%,#e7e5e7 100%); -pie-background: linear-gradient(to bottom,#d3d1d3 0%,#e7e5e7 100%); } .dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title { height: 40px; line-height: 40px; padding-left: 20px; font-size: 0.9em; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title img, .dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title .x-item-icon { height: 22px; width: 22px; margin-right: 4px; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title .font-icon { padding-right: 8px; opacity: 0.5; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-row .setting-title { text-align: right; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-row.form-userSelect .setting-content { background: #f4f4f4; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-row.error .setting-content { background: #ffefed; } .dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body { left: 0; top: 0; bottom: 0px; background: #eee; border: 1px solid #e3e3e3; border-top-color: #d8d8d8; margin: 20px; } .dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body .line, .dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body hr { background: none; border-bottom: 1px dotted #ddd; } .dialog-form.dialog-form-style-mac h1, .dialog-form.dialog-form-style-mac h2, .dialog-form.dialog-form-style-mac h3, .dialog-form.dialog-form-style-mac h4, .dialog-form.dialog-form-style-mac h5 { border-color: #ddd; } .dialog-form.dialog-form-style-mac .aui-content { background: #f9f9f9; } .dialog-form.dialog-form-style-mac .aui-outer .aui-title { height: 40px; } .dialog-form.dialog-form-style-mac .aui-outer .aui-buttons { padding-right: 20px; height: 30px; border-top: 1px solid #ddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f4f7', endColorstr='#f5f7fa'); background-image: -webkit-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -moz-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -o-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -ms-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); -pie-background: linear-gradient(to left,#f2f4f7 0%,#f5f7fa 100%); background: #f9f9f9; border: none; } .dialog-form.dialog-form-style-mac .aui-outer .aui-buttons button { margin-top: 1px; margin-left: 20px; padding: 0 2em; height: 25px; } .artDialog.dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body { top: 60px; } .artDialog.dialog-form.dialog-form-style-mac .tab-group { margin-top: 24px; } .content-main-message { background-color: #f0f2f5; font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif; line-height: 1.5em; position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .content-main-message .content-main { width: 60%; margin: 10% auto 5% auto; color: #666; background: #fff; border-radius: 4px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); text-align: center; } .content-main-message .check-result { text-align: center; color: #000; } .content-main-message .check-result .font-icon.error, .content-main-message .check-result .font-icon.success, .content-main-message .check-result .font-icon.info { width: 70px; height: 70px; line-height: 60px; font-size: 30px; border-radius: 50%; margin: 0 auto; display: inline-block; position: relative; top: -35px; border: 6px solid #fff; color: #fff; } .content-main-message .check-result .font-icon.error:before, .content-main-message .check-result .font-icon.success:before, .content-main-message .check-result .font-icon.info:before { font-size: 30px; } .content-main-message .check-result .font-icon.error { background: #f5222d; } .content-main-message .check-result .font-icon.error:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .content-main-message .check-result .font-icon.success { background: #63bd37; } .content-main-message .check-result .font-icon.success:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .content-main-message .check-result .font-icon.info { background: #faad14; } .content-main-message .check-result .font-icon.info:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca1"; } .content-main-message .message-content { padding: 30px 10px 80px 10px; line-height: 1.5em; color: #888; } .content-main-message .message-content .title { font-size: 22px; line-height: 1.3em; margin: 15px; color: #444; } .content-main-message .link { background: #fbfbfb; border-top: 1px solid #f6f6f6; line-height: 80px; height: 80px; border-radius: 0 0 4px 4px; } .content-main-message a { color: #1890ff; text-decoration: none; padding: 4px 0.5em; border-radius: 2px; cursor: pointer; } .content-main-message a:hover, .content-main-message a:active { background: #def; } .tab-group-line { position: relative; font-size: 1.1em; } .tab-group-line .tab-item.active, .tab-group-line .tab-item.this { border-color: transparent !important; } .tab-group-line .tab-item-bar { -webkit-transition: width .16s cubic-bezier(.645,.045,.355,1), left .16s cubic-bezier(.645,.045,.355,1), transform .16s cubic-bezier(.645,.045,.355,1); transition: width .16s cubic-bezier(.645,.045,.355,1), left .16s cubic-bezier(.645,.045,.355,1), transform .16s cubic-bezier(.645,.045,.355,1); position: absolute; left: 0; bottom: -2px; z-index: 1; height: 3px; width: 0; background-color: #1890ff; -webkit-transform-origin: 0 0; transform-origin: 0 0; border-radius: 4px; box-shadow: 0px 1px 4px rgba(24,144,255,0.3); } .dialog-tab { border-bottom: 1px solid #eee; margin: 5px 20px; } .dialog-tab .tab-item { display: inline-block; padding: 5px 10px; margin-right: 5px; border-bottom: 3px solid transparent; margin-bottom: -2px; cursor: pointer; } .dialog-tab .tab-item:hover, .dialog-tab .tab-item:active { color: #1890ff; background: #f6f6f6; border-color: #eee; } .dialog-tab .tab-item.active, .dialog-tab .tab-item.active:hover { color: #1890ff; border-color: #1890ff; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group-line .tab-item.active { border-color: #3f87dc !important; border-top-color: #4396e6 !important; border-color: #388df8 #388df8 #0866dc transparent !important; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group-line .tab-item-bar { display: none; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group-line .tab-item-bar { width: 4px !important; height: 41px !important; z-index: 2; } ::-webkit-input-placeholder, ::-ms-input-placeholder, ::-moz-placeholder { color: #aaa; font-size: 0.9em; } .page-model-login { background: #f6f6f6; padding: 0px; margin: 0px; color: #666; } .page-model-login a { text-decoration: none; color: #adf; } .page-model-login .background { position: fixed; overflow: hidden; z-index: -10; background: url() no-repeat center center; width: 100%; height: 100%; background-size: cover; right: 0px; top: 0px; bottom: 0px; left: 0px; background-color: #0065B3; } .page-model-login .menu-group { position: absolute; top: 5px; left: 5px; z-index: 10; font-weight: 400; } .page-model-login .menu-group a i.font-icon { padding-right: 5px; } .page-model-login .language-list .language-menu { background: #2196F3; background: rgba(255,255,255,0.2); color: #fff; border-radius: 2px; height: 26px; line-height: 26px; cursor: pointer; padding: 0px 10px; display: inline-block; text-align: center; text-decoration: none; } .page-model-login .open .language-menu, .page-model-login .language-menu:active, .page-model-login .open .language-menu, .page-model-login .language-menu:hover { background: #63acff; color: #fff; } .page-model-login .language-list .dropdown-menu { width: 390px; padding: 10px; left: 0; overflow: auto; border-radius: 0 3px 3px 3px; margin-top: -2px; margin-left: -1px; } .page-model-login .language-list .dropdown-menu li { float: left; width: 120px; margin: 0 1px 1px 0; } .page-model-login .language-list .dropdown-menu li a { padding: 3px 10px; border-radius: 2px; } .page-model-login .language-list .dropdown-menu li a.this, .page-model-login .language-list .dropdown-menu li a:focus, .page-model-login .language-list .dropdown-menu li a:hover, .page-model-login .language-list .dropdown-menu li a:active { background: #63acff; filter: none; color: #fff; } .page-model-login .language-list .dropdown-menu.lang-small { width: 155px; padding: 10px 0px; } .page-model-login .language-list .dropdown-menu.lang-small li { width: auto; float: none; margin: 0; margin-top: 1px; } .page-model-login .loginbox { box-shadow: 0px 20px 60px rgba(0,0,0,0.4), 0px 0px 150px rgba(0,0,0,0.4); width: 430px; max-width: 430px; border-radius: 4px; position: absolute; top: 50%; left: 0; right: 0; margin: -270px auto 50px auto; z-index: 100; } .page-model-login .form { position: relative; padding: 10px 15px 50px 15px; background: #fff; background: rgba(255,255,255,0.8); border-radius: 0 0 3px 3px; text-align: center; } .page-model-login .form .actions { text-align: left; width: 242px; margin: 0 auto; } .page-model-login .form .actions .checkbox { display: inline-block; margin: 0px; border: none; position: relative; top: -1px; outline-offset: 0; } .page-model-login .form .actions .checkbox:focus { outline-offset: 0; box-shadow: none; } .page-model-login .form .actions label { display: inline-block; margin-bottom: 0px; border-radius: 4px; padding: 5px 4px 5px 4px; margin-left: -2px; font-weight: normal; } .page-model-login .form .actions label:active, .page-model-login .form .actions label:hover { background: rgba(0,0,0,0.05); } .page-model-login .form .actions .forget-password { float: right; margin: 0; padding: 5px 4px 5px 4px; margin-right: -2px; } .page-model-login .form .submit-button { border: none; outline: none; color: #fff; padding: 6px 0px; text-align: center; margin: 8px auto; cursor: pointer; width: 242px; font-size: 14px; border-radius: 4px; border: 1px solid #1890ff; background-color: #1890ff; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 1px rgba(0,0,0,0.1); text-shadow: 0 -1px 0 rgba(0,0,0,0.1); transition: all 0.16s; } .page-model-login .submit-button:hover { background: #007aea; } .page-model-login .submit-button:active { box-shadow: 0 0 0 3px rgba(56,144,255,0.2); } .page-model-login .form .url-link { cursor: pointer; color: #1890ff; padding: 6px 10px; display: inline-block; text-decoration: none; border-radius: 3px; transition: all 0.16s; } .page-model-login .form .url-link.link-bottom { margin: 20px 0 10px; } .page-model-login .form .url-link:hover { background: rgba(24,144,255,0.1); } .page-model-login .form .url-link:active { background: rgba(24,144,255,0.3); } .page-model-login .loginbox .form { user-select: none; } .page-model-login .loginbox .title { width: 100%; height: 150px; background: #6699cc url("../../images/common/login.png"); background: rgba(0,0,0,0.1); font-weight: 100; color: #fff; padding-top: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .page-model-login .loginbox .title .logo { padding-top: 30px; margin: 0 auto; text-align: center; overflow: hidden; } .page-model-login .loginbox .title .logo.logo-image img { max-width: 400px; max-height: 100px; position: relative; } .page-model-login .loginbox .title .logo.logo-text { font-size: 32px; width: 100%; max-width: 90%; padding-top: 50px; position: relative; z-index: 10; } .page-model-login .loginbox .title .logo.logo-text i { margin-right: 0.5em; } .page-model-login .loginbox .title .logo-text, .page-model-login .loginbox .title .info { -webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(60%,transparent),color-stop(70%,rgba(255,255,255,0)),to(rgba(255,255,255,0.3))); background-image: -webkit-linear-gradient(60deg,#FFFFFF,#14A1FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .page-model-login .loginbox .title .info { font-size: 14px; position: absolute; right: 20px; top: 115px; } .page-model-login .inputs { padding: 30px 0px 0px 0px; } .page-model-login .inputs .input-item { margin: 0 auto 15px auto; text-align: center; } .page-model-login .inputs .input-item span { display: block; float: left; width: 80px; line-height: 30px; height: 30px; } .page-model-login .inputs .input-item input { height: 30px; width: 201px; line-height: 25px; padding: 0; border-radius: 3px; padding-left: 40px; margin-left: -33px; border: 1px solid #bbb; } .page-model-login input:-webkit-autofill { box-shadow: inset 0 0 0 40px #fff; } .page-model-login .inputs .input-item input:focus, .page-model-login input:focus { border-color: #3890ff; box-shadow: inset 0 0 0 40px #fff, 0 0 0 4px rgba(56,144,255,0.15); } .page-model-login .inputs .input-item .font-icon { border-radius: 2px 0 0 2px; height: 32px; width: 30px; line-height: 30px; color: #fff; background: #b6b6b6; display: inline-block; text-align: center; vertical-align: top; position: relative; z-index: 2; } .page-model-login .inputs .check-code input { width: 120px; border-radius: 3px 0 0 3px; } .page-model-login .inputs .check-code img { cursor: pointer; margin-left: -6px; position: relative; width: 82px; height: 30px; border-radius: 0 3px 3px 0; border: 1px solid #bbb; vertical-align: top; } .page-model-login .from-line { border-bottom: 1px dotted rgba(0,0,0,0.15); margin-top: -5px; margin-bottom: 10px; margin: 20px auto; width: 90%; } .page-model-login .loginbox .license-box { padding: 30px 15px 80px; } .page-model-login .loginbox .license-box .row-offline { color: #aaa; margin: 0px 0 40px 0; } .page-model-login .loginbox .license-box .form-bottom { position: absolute; width: 100%; bottom: 0px; color: #aaa; margin: 0; margin-left: -15px; padding: 10px 0; background: rgba(146,196,255,0.15); border-radius: 0 0 3px 3px; border-top: 1px solid rgba(146,196,255,0.2); } .page-model-login .loginbox .license-box .content-regist-offline textarea { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; border-radius: 3px; width: 220px; height: 60px; padding: 10px; } .page-model-login .loginbox .license-box .content-regist-offline textarea:hover, .page-model-login .loginbox .license-box .content-regist-offline textarea:active { border-color: #75A1F0; } .page-model-login .loginbox .license-box .content-regist-offline textarea:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .page-model-login .loginbox .license-box .content-regist-offline textarea.disabled, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true'] { opacity: 0.7; } .page-model-login .loginbox .license-box .content-regist-offline textarea.disabled:hover, .page-model-login .loginbox .license-box .content-regist-offline textarea.disabled:active, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true']:hover, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true']:active { border-color: #ddd; } .page-model-login .loginbox .license-box .content-regist-offline textarea.disabled:focus, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .page-model-login .loginbox .license-box .content-regist-offline .item-title { color: #888; font-weight: 800; border-left: 4px solid #40a9ff; padding-left: 10px; margin: 2px 0 5px 1px; text-align: left; } .page-model-login .loginbox .license-box .content-regist-offline .desc { font-size: 0.9em; color: #888; font-style: normal; background: #E6F7FE; border-radius: 4px; margin: 10px 0; padding: 10px; width: 220px; text-align: left; } .page-model-login .loginbox .license-box .content-regist-offline .input-item { padding-left: 30px; } .page-model-login .loginbox .license-box .content-regist-offline .regist-link { width: 315px; background: #fafafa; padding: 0 10px; color: #40a9ff; margin-left: -30px; } .page-model-login .loginbox .license-box .content-regist-offline textarea { margin-left: -30px; } .page-model-login .loginbox .license-box .content-regist-offline textarea, .page-model-login .loginbox .license-box .content-regist-offline .desc { width: 315px; } .page-model-login .admin-password, .page-model-login .admin-password-repeat { padding: 20px 0px 0px 0; text-align: center; } .page-model-login .admin-password input, .page-model-login .admin-password-repeat input { width: 200px; padding: 4px 6px; height: 35px; text-align: center; } .page-model-login .admin-password-repeat { padding: 10px 0px 0px 0; } .page-model-login .more-login-area { border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; width: 90%; margin: 10px auto 15px; } .page-model-login .more-login-area .more-login-words { position: relative; top: 9px; padding: 4px 10px; border-radius: 20px; background: #fff; font-size: 0.9em; } .page-model-login .login-third-box .third-item { display: inline-block; width: 35px; height: 30px; cursor: pointer; background: url("../../images/common/icon-sn-cr.png") -80px 0px no-repeat; } .page-model-login .login-third-box .third-item:active, .page-model-login .login-third-box .third-item:hover { opacity: 0.6; } .page-model-login .login-third-box .box-qq { background-position: -80px 0px; } .page-model-login .login-third-box .box-weixin { background-position: -248px 0px; } .page-model-login .login-third-box .box-github { background-position: -24px 0px; } .page-model-login .input-item .input-button { cursor: pointer; position: relative; margin: 0 0 0 -5px; width: 66px; height: 30px; line-height: 27px; padding: 0 8px; border-radius: 0 3px 3px 0; border: 1px solid #bbb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; -webkit-appearance: none; appearance: none; background: #fff; } .page-model-login .loginbox .guest { padding-top: 5px; position: relative; } .page-model-login .loginbox .guest a { padding: 5px 0px; color: #217ef2; width: 240px; border-radius: 4px; border: 1px solid #217ef2; display: inline-block; } .page-model-login .loginbox .guest a i { padding-left: 8px; } .page-model-login .loginbox .guest a:hover, .page-model-login .loginbox .guest a:active { color: #f60; border-color: #f60; } .page-model-login .common-footer, .install-box .common-footer { bottom: 0px; border: none; text-align: center; position: fixed; width: 100%; height: 30px; line-height: 30px; box-shadow: 0 0 0px 1px rgba(255,255,255,0.2), 0 -1px 0px 1px rgba(0,0,0,0.05); } .page-model-login .common-footer .footer-content, .install-box .common-footer .footer-content { background: rgba(0,0,0,0.15); color: #fff; } .common-footer .footer-content { z-index: 5; position: relative; } .bg-banner-fly { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-fly:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c41b3', endColorstr='#222b5d'); background-image: -webkit-linear-gradient(bottom,#2c41b3,#222b5d); background-image: -moz-linear-gradient(bottom,#2c41b3,#222b5d); background-image: -o-linear-gradient(bottom,#2c41b3,#222b5d); background-image: -ms-linear-gradient(bottom,#2c41b3,#222b5d); background-image: linear-gradient(bottom,#2c41b3,#222b5d); -pie-background: linear-gradient(to bottom,#2c41b3,#222b5d); } .bg-banner-fly:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/fly.png") 100px -300px; } .bg-banner-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-box:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9fb', endColorstr='#084998'); background-image: -webkit-linear-gradient(bottom,#00a9fb,#084998); background-image: -moz-linear-gradient(bottom,#00a9fb,#084998); background-image: -o-linear-gradient(bottom,#00a9fb,#084998); background-image: -ms-linear-gradient(bottom,#00a9fb,#084998); background-image: linear-gradient(bottom,#00a9fb,#084998); -pie-background: linear-gradient(to bottom,#00a9fb,#084998); } .bg-banner-box:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/box.png") 180px -220px; } .bg-banner-dots { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-dots:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9fb', endColorstr='#084998'); background-image: -webkit-linear-gradient(bottom,#00a9fb,#084998); background-image: -moz-linear-gradient(bottom,#00a9fb,#084998); background-image: -o-linear-gradient(bottom,#00a9fb,#084998); background-image: -ms-linear-gradient(bottom,#00a9fb,#084998); background-image: linear-gradient(bottom,#00a9fb,#084998); -pie-background: linear-gradient(to bottom,#00a9fb,#084998); } .bg-banner-dots:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/dots.png") 180px -220px; } .bg-banner-light { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-light:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfeff', endColorstr='#daf3ff'); background-image: -webkit-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -moz-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -o-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -ms-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: linear-gradient(bottom,#fdfeff,#daf3ff); -pie-background: linear-gradient(to bottom,#fdfeff,#daf3ff); } .bg-banner-light:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/fly.png") 80px -220px; } .bg-banner-light:after { opacity: 0.2; } .bg-banner-light-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-light-box:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfeff', endColorstr='#daf3ff'); background-image: -webkit-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -moz-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -o-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -ms-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: linear-gradient(bottom,#fdfeff,#daf3ff); -pie-background: linear-gradient(to bottom,#fdfeff,#daf3ff); } .bg-banner-light-box:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/box.png") 80px -220px; } .bg-banner-light-box:after { opacity: 0.2; } .bg-banner-light-fly { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-light-fly:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfeff', endColorstr='#daf3ff'); background-image: -webkit-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -moz-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -o-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -ms-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: linear-gradient(bottom,#fdfeff,#daf3ff); -pie-background: linear-gradient(to bottom,#fdfeff,#daf3ff); } .bg-banner-light-fly:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/fly.png") 80px -220px; } .bg-banner-light-fly:after { opacity: 0.2; } .bg-banner-light-dots { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-light-dots:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfeff', endColorstr='#daf3ff'); background-image: -webkit-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -moz-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -o-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -ms-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: linear-gradient(bottom,#fdfeff,#daf3ff); -pie-background: linear-gradient(to bottom,#fdfeff,#daf3ff); } .bg-banner-light-dots:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/dots.png") 80px -220px; } .bg-banner-light-dots:after { opacity: 0.2; } .bg-banner-default { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-default:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#084998', endColorstr='#00a9fb'); background-image: -webkit-linear-gradient(bottom,#084998,#00a9fb); background-image: -moz-linear-gradient(bottom,#084998,#00a9fb); background-image: -o-linear-gradient(bottom,#084998,#00a9fb); background-image: -ms-linear-gradient(bottom,#084998,#00a9fb); background-image: linear-gradient(bottom,#084998,#00a9fb); -pie-background: linear-gradient(to bottom,#084998,#00a9fb); } .bg-banner-default:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/login.png") 0 0; } .drag-resize { position: absolute; z-index: 10; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; } .drag-resize:hover { background: rgba(64,169,255,0.04); } .drag-resize.active, .drag-resize:active { background: rgba(64,169,255,0.15); z-index: 999999; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .drag-resize.active.drag-resize-default { background: rgba(64,169,255,0.3); } .drag-resize.active.drag-resize-min, .drag-resize.active.drag-resize-max { background: rgba(64,169,255,0.04); } .drag-resize.active:before { position: fixed; z-index: 5; content: ""; background: transparent; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; } .drag-resize.drag-resize-x { width: 9px; margin-left: -4px; top: 0; bottom: 0; cursor: col-resize; } .drag-resize.drag-resize-x.drag-at-after { margin-left: 0; margin-right: -4px; } .drag-resize.drag-resize-x.drag-resize-min { cursor: e-resize; } .drag-resize.drag-resize-x.drag-resize-max { cursor: w-resize; } .drag-resize.drag-resize-x.drag-at-after.drag-resize-min { cursor: w-resize; } .drag-resize.drag-resize-x.drag-at-after.drag-resize-max { cursor: e-resize; } .drag-resize.drag-resize-y { height: 9px; margin-top: -4px; left: 0; right: 0; cursor: row-resize; } .drag-resize.drag-resize-y.drag-at-after { margin-top: 0; margin-bottom: -4px; } .drag-resize.drag-resize-y.drag-resize-min { cursor: s-resize; } .drag-resize.drag-resize-y.drag-resize-max { cursor: n-resize; } .drag-resize.drag-resize-y.drag-at-after.drag-resize-min { cursor: n-resize; } .drag-resize.drag-resize-y.drag-at-after.drag-resize-max { cursor: s-resize; } .drag-resize:after { content: ' '; border-radius: 20px; position: absolute; z-index: 2; background: rgba(0,0,0,0.1); backdrop-filter: blur(10px); } .drag-resize.active:after, .drag-resize:hover:after { background: rgba(0,0,0,0.2); } .drag-resize.drag-resize-x:after { width: 4px; height: 32px; margin-left: -2px; margin-top: -16px; top: 50%; } .drag-resize.drag-resize-y:after { height: 4px; width: 32px; left: 50%; margin-left: -16px; margin-top: -2px; } .drag-resize:after { backdrop-filter: none; border-radius: 0; border: 1px solid #ddd; background: transparent; } .drag-resize.drag-resize-x:after { width: 1px; height: 18px; margin-left: -1px; margin-top: -9px; border-top: none; border-bottom: none; } .drag-resize.drag-resize-y:after { height: 1px; width: 18px; margin-left: -9px; margin-top: -1px; border-left: none; border-right: none; } .drag-resize.active:after, .drag-resize:hover:after { background: transparent; } .drag-resize.drag-resize-y:after { display: none; } .dialog-app-select .app-list { border: 1px solid #ddd; padding: 25px 0 0 10px; height: 280px; overflow: auto; overflow-x: hidden; border-radius: 4px; background: #f5f5f5; } .dialog-app-select .app-list .app-item { border: 1px solid #f5f5f5; width: 95px; height: 110px; border-radius: 4px; transition: all 0.2s ease 0s; margin: 0 10px 10px 0; text-align: center; float: left; color: #444; text-decoration: none; } .dialog-app-select .app-list .app-item:hover, .dialog-app-select .app-list .app-item:active { border-color: #77c2ff; background: #def; } .dialog-app-select .app-list .app-item.select { border-color: #559cec; background: #63acff; color: #fff; } .dialog-app-select .app-list .app-item .ico { width: 64px; height: 64px; display: table-cell; vertical-align: middle; padding: 5px 0 5px 16px; } .dialog-app-select .app-list .app-item .ico img { width: 100%; height: auto; } .dialog-app-select .app-list .app-item .ico .x-item-icon { display: block; } .dialog-app-select .app-list .app-item .ico .font-icon.x-font-icon { width: 64px; height: 64px; line-height: 64px; font-size: 32px; text-align: center; margin-top: -2px; border-radius: 12px; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to 164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); color: #fff; display: inline-block; } .dialog-app-select .tab-group { text-align: center; margin-bottom: -12px; padding: 0; position: relative; z-index: 999; } .dialog-app-select .tab-group .tab-item { background: #fff; text-align: left; display: inline-block; margin-left: -5px; border: 1px solid #ccc; border-bottom-color: #a6a6a6; border-right-color: #b8b8b8; } .dialog-app-select .tab-group .tab-item:hover, .dialog-app-select .tab-group .tab-item:active { background: #f6f6f6; } .dialog-app-select .tab-group .tab-item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .dialog-app-select .tab-group .tab-item:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .dialog-app-select .tab-group .tab-item a { text-decoration: none; color: #444; padding: 0 15px; height: 24px; display: inline-block; line-height: 24px; } .dialog-app-select .tab-group .tab-item.active a { color: #fff; } .dialog-app-select .tab-group .tab-item.active, .dialog-app-select .tab-group .tab-item.active:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb4f7', endColorstr='#1a82fb'); background-image: -webkit-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -moz-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -o-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -ms-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); -pie-background: linear-gradient(to to bottom,#6eb4f7 0,#1a82fb 100%); color: #fff; z-index: 10; border-color: #3f87dc; border-top-color: #4396e6; border-color: #388df8 #388df8 #0866dc transparent; } .dialog-app-select .tab-group .tab-item.active:hover, .dialog-app-select .tab-group .tab-item.active:active { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb4f7', endColorstr='#1a82fb'); background-image: -webkit-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -moz-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -o-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -ms-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); -pie-background: linear-gradient(to to bottom,#6eb4f7 0,#1a82fb 80%); } .dialog-app-select .tab-group .tab-item:last-child.active, .dialog-app-select .tab-group .tab-item.active + .tab-item { border-left: none; } .light-app-main { position: relative; height: 100%; min-width: 800px; min-height: 500px; } .light-app-main .menu-toggle { display: none; font-size: 16px; cursor: pointer; width: 50px; line-height: 36px; position: fixed; z-index: 5; text-align: center; color: #ffffff; margin: 18px 10px 5px 0px; border-radius: 0 5px 5px 0; transition: all 0.3s; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); background: #1890ffa3; } .light-app-main .menu-toggle:hover, .light-app-main .menu-toggle:active { background: #0076e4; } .light-app-main .menu-left { position: absolute; z-index: 100; left: 0; top: 0px; bottom: 0px; width: 160px; background: #fff; border-right: 1px solid #f1f1f1; } .light-app-main .menu-left h1 { text-align: left; color: #666; padding: 15px 20px 10px 30px; font-size: 35px; font-weight: 400; margin: 0; padding: 10px 0px 10px 20px; font-size: 28px; height: 50px; line-height: 50px; letter-spacing: 2px; } .light-app-main .menu-left .font-icon { padding-right: 0.8em; display: inline-block; } .light-app-main .menu-left .setting a { height: 40px; line-height: 40px; text-decoration: none; text-indent: 8px; color: #666; display: block; overflow: hidden; cursor: pointer; text-transform: capitalize; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; font-size: 15px; } .light-app-main .menu-left .setting a:hover, .light-app-main .menu-left .setting a:active { background: #e6e6e6; } .light-app-main .menu-left .setting a.selected { color: #000; background: #e1e1e1; border-color: #ccc; padding-left: 10px; } .light-app-main .app-content { position: absolute; left: 160px; right: 0px; bottom: 0; top: 0; margin: 0; } .light-app-main .app-content .app-model { position: absolute; bottom: 0; top: 0px; left: 0px; right: 0; overflow: auto; padding: 10px 15px; overflow-x: hidden; } .light-app-main .app-content .app-model .h1 { font-weight: 400; border-bottom: 1px solid #ddd; padding-bottom: 10px; color: #666; margin: 0; font-size: 22px; } .light-app-main .app-content .app-model .h1 .font-icon { padding-right: 5px; vertical-align: text-top; } .light-app-main .app-content .app-model .create-app { position: absolute; right: 20px; } .light-app-main .app-content .app-list { margin-top: 10px; margin-right: -15px; padding: 10px 0 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .light-app-main .app-content .app-list .flex-empty { margin: 0 15px 20px 0; width: 140px; height: 1px; } .light-app-main .app-content .app-list .app-li { list-style: none; cursor: pointer; text-align: center; float: left; margin: 0 15px 20px 0; width: 140px; height: 200px; background: #f5faff; color: #2196f3; border: 1px solid #d2d7dc; position: relative; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; border-radius: 4px; background: none; border: 1px solid #dee5e7; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .light-app-main .app-content .app-list .app-li:hover, .light-app-main .app-content .app-list .app-li:active { background: #fff; box-shadow: 0px 20px 100px rgba(0,0,0,0.1), 0px 20px 30px rgba(0,0,0,0.05); } .light-app-main .app-content .app-list .app-li .icon { background-image: linear-gradient(to bottom,#def 0,#fff 100%); border-radius: 4px; } .light-app-main .app-content .app-list .app-li .flag-box { overflow: hidden; position: absolute; right: 0; width: 60px; height: 60px; } .light-app-main .app-content .app-list .app-li .flag { position: absolute; top: 10px; right: -28px; width: 100px; height: 22px; line-height: 22px; box-shadow: 0 1px 5px rgba(0,0,0,0.2); font-size: 0.9em; color: #fff; overflow: hidden; text-overflow: ellipsis; transform: rotate(45deg); } .light-app-main .app-content .app-list .app-li .text { height: 50px; } .light-app-main .app-content .app-list .app-li .name { color: #444; font-weight: 800; margin: 10px 5px 0; max-height: 32px; overflow: hidden; } .light-app-main .app-content .app-list .app-li .copyright { color: #aaa; max-height: 32px; overflow: hidden; } .light-app-main .app-content .app-list .app-li .path-ico { width: 90px; height: 90px; background-color: rgba(0,0,0,0.01); } .light-app-main .app-content .app-list .app-li .path-ico img { height: 72px; max-width: 72px; border-radius: 10%; display: inline-block; margin-top: 10px; } .light-app-main .app-content .app-list .app-li .path-ico .content { width: 80px; height: 80px; padding: 10px; margin: 0 auto; } .light-app-main .app-content .app-list .app-li .path-ico .content .font-icon { width: 55px; height: 55px; line-height: 52px; font-size: 40px; text-align: center; background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 1px; display: inline-block; border-radius: 12px; color: #fff; } .light-app-main .app-content .app-list .app-li .path-ico .content .font-icon.words { font-size: 26px; font-weight: 800; text-shadow: 0 0 5px rgba(255,255,255,0.8); } .light-app-main .app-content .app-list .app-li .action i { padding-right: 0.3em; color: inherit; display: inline-block; width: 20px; } .light-app-main .app-content .app-list .app-li .action .btn.btn-default i.font-icon { color: #999; } .light-app-main .app-content .app-list .app-li .action > .btn { float: none; width: 80px; height: 22px; padding-left: 0; padding-right: 0; } .light-app-main .app-content .app-list .app-li .action .btn-default.dropdown-toggle { color: #aaa; margin-left: -5px; } .light-app-main .app-content .app-list .app-li .action .dropdown-toggle { width: 26px; } .light-app-main .app-content .app-list .app-li .action .dropdown-menu { min-width: 130px; text-align: left; margin-top: -1px; font-size: 0.9em; } .light-app-main .app-content .app-list .empty { margin: 50px auto; font-size: 20px; color: #888; } .light-app-main .app-content .app-list .empty .icon { background: url("../../images/file_icon/icon_others/appStore.png"); width: 120px; height: 120px; margin: 0 auto; margin-bottom: 20px; background-size: cover; } .pathAuth-dialog .auth-list-body { padding: 10px; } .pathAuth-dialog .auth-list-body table td { padding: 5px 8px; border: 1px solid #e8edef; min-width: 50px; text-align: center; white-space: nowrap; } .pathAuth-dialog .auth-list-body table td.current .font-icon { color: #1890ff; font-size: 18px; line-height: 18px; } .pathAuth-dialog .auth-list-body table thead td { background: #f6f9ff; padding: 8px 8px; color: #222; } .pathAuth-dialog .auth-list-body table thead td .desc { display: none; width: 50px; height: 18px; margin: 0; overflow: hidden; } .pathAuth-dialog .auth-list-body table tr.auth-item td.auth-item-title { text-align: left; background: #f6f9ff; color: #222; } .pathAuth-dialog .auth-list-body table tr.auth-item td.auth-item-title .label { top: 3px; margin-right: 3px; } .pathAuth-dialog .auth-list-body table tr.auth-item:hover, .pathAuth-dialog .auth-list-body table tr.auth-item:active { background: #fafafa; } .pathAuth-dialog .auth-list-body table tr.auth-item.current td { background: #e6f7ff; } .pathAuth-dialog .auth-list-body .desc { padding: 5px 5px 10px 0px; color: #bbb; } .pathAuth-dialog.auth-theme-dark .aui-main, .pathAuth-dialog.auth-theme-dark .aui-outer .aui-title { background: rgba(0,0,0,0.6); color: #fff; } .pathAuth-dialog.auth-theme-dark .auth-list-body table thead td { background: #f6f9ff66; color: #fff; } .pathAuth-dialog.auth-theme-dark .auth-list-body table td { border: 1px solid #ababab5e; white-space: nowrap; } .pathAuth-dialog.auth-theme-dark .auth-list-body table tr.auth-item.current td { background: rgba(230,247,255,0.24); } .pathAuth-dialog.auth-theme-dark .auth-list-body table tr.auth-item td.auth-item-title { background: #f6f9ff33; color: #fff; } .pathAuth-dialog.auth-theme-dark .auth-list-body table tr.auth-item:hover { background: #fafafa42; } .pathAuth-dialog .owner-user { padding: 10px 5px 0px 0px; } .pathAuth-dialog .owner-user i { color: #bbb; font-style: normal; } .pathAuth-dialog .user-info { color: #888; cursor: default; } .pathAuth-dialog .user-info .path-ico { overflow: initial; vertical-align: text-bottom; position: relative; margin-right: 2px; } .pathAuth-dialog .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; vertical-align: top; border: 1px solid #fff; } .pathAuth-dialog .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .pathAuth-dialog .user-info { color: #999; background: #e6f7ff; padding: 3px 3px 2px 0; border-radius: 10px; margin-right: 8px; border: 1px solid #c2e9fb; } .pathAuth-dialog .user-info .path-ico { margin-right: 2px; } .pathAuth-dialog .user-info img { top: -6px; } .pathSelectApi .select-api-input-box { position: absolute; right: 220px; left: 20px; margin-top: 0px; } .pathSelectApi .select-api-input-box input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; padding: 5px; color: #000; width: 100%; border-radius: 3px; border: 1px solid rgba(100,100,100,0.2); } .pathSelectApi .select-api-input-box input:hover, .pathSelectApi .select-api-input-box input:active { border-color: #75A1F0; } .pathSelectApi .select-api-input-box input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .pathSelectApi .select-api-input-box input.disabled, .pathSelectApi .select-api-input-box input[readonly='true'] { opacity: 0.7; } .pathSelectApi .select-api-input-box input.disabled:hover, .pathSelectApi .select-api-input-box input.disabled:active, .pathSelectApi .select-api-input-box input[readonly='true']:hover, .pathSelectApi .select-api-input-box input[readonly='true']:active { border-color: #ddd; } .pathSelectApi .select-api-input-box input.disabled:focus, .pathSelectApi .select-api-input-box input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .pathSelectApi .select-api-input-box .label { position: absolute; right: 0px; top: 5px; margin-right: -8px; max-width: 50%; opacity: 0.95; overflow: hidden; text-overflow: ellipsis; } .pathSelectApi .file.disabled { opacity: 0.4; pointer-events: none; } .pathSelectApi .aui-buttons { padding: 15px 20px; } .file-history-view-dialog .aui-content { min-width: 500px; position: relative; } .file-history-view { position: absolute; left: 0; right: 0; bottom: 0; top: 0px; margin: 0px; min-width: 400px; } .file-history-view .header { height: 90px; color: #fff; position: relative; } .file-history-view .header .icon { width: 56px; height: 56px; position: absolute; left: 20px; top: 20px; } .file-history-view .header .name, .file-history-view .header .desc { position: absolute; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 80%; } .file-history-view .header .name { margin: 22px 0 0 90px; font-size: 18px; font-weight: 800; } .file-history-view .header .desc { margin: 50px 0 0 90px; } .file-history-view .header .new-version { position: absolute; right: 55px; top: 40px; z-index: 99999; border-radius: 2px; } .file-history-view .header .version-refresh { position: absolute; right: 15px; top: 40px; height: 15px; z-index: 99999; border-radius: 2px; padding: 0.4em 0.4em; background: rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.1); } .file-history-view .header .version-refresh:hover, .file-history-view .header .version-refresh:active { background: rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.2); } .file-history-view .history-header-title { height: 23px; line-height: 23px; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; background: #ddd; background-image: linear-gradient(to bottom,#fff 0,#e6e6e6 100%); } .file-history-view .menu-history-list-file .item { display: inline-block; } .file-history-view .item { float: left; } .file-history-view .item.version { padding-left: 0; width: 12%; text-align: center; } .file-history-view .item.user { width: 18%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .file-history-view .item.size { width: 10%; } .file-history-view .item.mtime { width: 25%; } .file-history-view .item.detail { width: 35%; color: #888; } .file-history-view .item.detail > span { border-right: none; } .file-history-view .item.detail .content { cursor: text; height: 30px; overflow: hidden; text-overflow: ellipsis; } .file-history-view .item.detail .content.on-edit { overflow: inherit; } .file-history-view .item.detail .content.placeholder { opacity: 0.3; } .file-history-view .item.detail input { padding: 0 5% 0 10px; margin-left: -10px; height: auto; width: 95%; border: none; box-shadow: 0 0 0 1px inset #40a9ff; z-index: 10; position: relative; } .file-history-view .item.version .x-item-file { position: relative; left: 20px; top: 5px; } .file-history-view .item > span { display: block; border-right: 1px solid #ddd; padding-left: 10px; cursor: default; } .file-history-view .file-item-last .item.detail > span:active, .file-history-view .file-item-last .item.detail > span:hover, .file-history-view .history-header-title .item.detail > span:active, .file-history-view .history-header-title .item.detail > span:hover { box-shadow: none; } .file-history-view .file-history-content .item span { border-right-color: rgba(0,0,0,0.05); } .file-history-view .user-info { color: #888; cursor: default; } .file-history-view .user-info .path-ico { overflow: initial; vertical-align: text-bottom; position: relative; margin-right: 2px; } .file-history-view .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; vertical-align: top; border: 1px solid #fff; } .file-history-view .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .file-history-view .file-history-content { padding: 0px; position: absolute; top: 115px; left: 0; right: 0px; bottom: 0px; overflow: auto; } .file-history-view .file-history-content .history-empty { background: #eee; padding: 1em 2em; display: block; width: 150px; text-align: center; margin: 20% auto 0; border-radius: 3px; } .file-history-view .file-history-content .file-item { position: relative; padding-left: 0; color: #444; cursor: pointer; text-shadow: none; display: block; border-bottom: 1px solid #f2f6f9; height: 30px; line-height: 30px; transition: all 0.168s; overflow: hidden; } .file-history-view .file-history-content .file-item.select, .file-history-view .file-history-content .file-item.select:hover, .file-history-view .file-history-content .file-item.select.odd, .file-history-view .file-history-content .file-item.select.odd:hover, .file-history-view .file-history-content .file-item.select:active, .file-history-view .file-history-content .file-item.select.odd:active { background: #63acff; color: #fff !important; } .file-history-view .file-history-content .file-item.select .user-info, .file-history-view .file-history-content .file-item.select .detail, .file-history-view .file-history-content .file-item.select:hover .user-info, .file-history-view .file-history-content .file-item.select:hover .detail, .file-history-view .file-history-content .file-item.select.odd .user-info, .file-history-view .file-history-content .file-item.select.odd .detail, .file-history-view .file-history-content .file-item.select.odd:hover .user-info, .file-history-view .file-history-content .file-item.select.odd:hover .detail, .file-history-view .file-history-content .file-item.select:active .user-info, .file-history-view .file-history-content .file-item.select:active .detail, .file-history-view .file-history-content .file-item.select.odd:active .user-info, .file-history-view .file-history-content .file-item.select.odd:active .detail { color: #fff; } .file-history-view .file-history-content .file-item:hover, .file-history-view .file-history-content .file-item.odd:hover, .file-history-view .file-history-content .file-item:active, .file-history-view .file-history-content .file-item.odd:active { transition: none; text-decoration: none; background: #fdeec3; } .file-history-view .file-history-content .file-item.odd { background: #f1f7ff; } .file-history-view .file-history-content .file-item .menu-trigger { display: none; position: absolute; right: 0px; top: 0; text-align: center; width: 30px; color: #fff; background: #666; background: rgba(0,0,0,0.3); transition: all 0.168s; } .file-history-view .file-history-content .file-item:hover .menu-trigger { display: block; } .file-history-view .file-history-page { position: absolute; bottom: 15px; right: 15px; background: rgba(255,255,255,0.9); } .file-history-view-dialog .bottom-tips { position: absolute; bottom: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #aaa; background: #fafafa; border-top: 1px solid #f6f6f6; } body.platform-client .context-menu-item.upload-folder { display: none !important; } body.platform-client .upload-folder-dropdown { display: none !important; } .menuBar .menu-item.menu-client-sync { height: 45px; line-height: 40px; color: #fff; } .menuBar .menu-item.menu-client-sync .client-sync-icon { font-size: 26px; background: linear-gradient(to right,#91d5ff,#1890ff); -webkit-background-clip: text; color: transparent; } .menuBar .menu-item.menu-client-sync .client-sync-status { position: absolute; font-size: 12px; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 0; margin: 0; right: 10px; top: 2px; } .menuBar .menu-item.menu-client-sync .client-sync-status.none:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e5"; color: #4692e2; } .menuBar .menu-item.menu-client-sync .client-sync-status.done:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb80"; color: #1fd89a; } .menuBar .menu-item.menu-client-sync .client-sync-status.doing:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f064"; color: #60e61f; } .menuBar .menu-item.menu-client-sync .client-sync-status.stop:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd5"; color: #4692e2; } .menuBar .menu-item.menu-client-sync .client-sync-status.doing { animation: moveCircleLoopRight 1.4s infinite linear; } .client-sync-box { min-width: 620px; min-height: 500px; } .client-sync-box .sync-init-help { display: none; } .client-sync-box.sync-not-init .sync-init-help { display: block; } .client-sync-box.sync-not-init .sync-action { display: none; } .client-sync-box.sync-not-init .dialog-tab { opacity: 0.5; pointer-events: none; } .client-sync-box.sync-not-init .dialog-tab-content { display: none; } .client-sync-box .header { height: 130px; overflow: hidden; position: relative; border-bottom: 1px solid #e4ebfe; } .client-sync-box .header .content { position: absolute; width: 100%; height: 100%; } .client-sync-box .header .logo { position: absolute; left: 25px; top: 20px; font-size: 45px; background-image: -webkit-linear-gradient(2deg,#91d5ff,#329cff); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .client-sync-box .header .name-title { margin: 35px 0 0 90px; font-size: 24px; letter-spacing: 1px; background-image: -webkit-linear-gradient(2deg,#1890ff,#ffffff); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .client-sync-box .header .name-title .kod-svg-font { font-size: 40px; } .client-sync-box .list-empty { text-align: center; margin-top: 50px; } .client-sync-box .list-empty .tips { color: #a9c4e4; } .client-sync-box .dialog-tab-content { margin: 10px; padding: 10px; margin-bottom: 42px; position: absolute; overflow: hidden; overflow-y: auto; left: 0; bottom: 0; top: 125px; right: 0; } .client-sync-box .dialog-tab-content .item { height: 30px; line-height: 30px; border-bottom: 1px solid #f6f6f6; color: #888; overflow: hidden; position: absolute; width: 100%; } .client-sync-box .dialog-tab-content .item .row { width: 100%; } .client-sync-box .dialog-tab-content .item .row .row-item { height: 30px; line-height: 30px; } .client-sync-box .dialog-tab-content .item .row .title .path-ico { padding-left: 10px; position: relative; top: -2px; text-align: center; width: 25px; } .client-sync-box .dialog-tab-content .item:hover, .client-sync-box .dialog-tab-content .item:active { background: #f0f8ff; } .client-sync-box .dialog-tab-content .item.error .state:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca0"; color: #ff4949; } .client-sync-box .dialog-tab-content .item.success .state:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb80"; color: #52c41a; } .client-sync-box .dialog-tab-content .item .state:before { font-size: 18px; vertical-align: bottom; margin: -3px 2px 0 1px; display: inline-block; } .client-sync-box .dialog-tab-content .item .row-item .title-name { position: absolute; width: 85%; color: #333; overflow: hidden; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; } .client-sync-box .dialog-tab-content .progress { height: 30px; width: 100%; margin-left: 15px; border-radius: 0; box-shadow: none; opacity: 0.7; background: #fafdff; position: absolute; } .client-sync-box .dialog-tab-content .progress-bar { background-color: #adf; background-image: linear-gradient(45deg,rgba(255,255,255,0.35) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0.35) 75%,transparent 75%,transparent); background-repeat: repeat-x; } .client-sync-box .dialog-tab-content .actions { position: absolute; top: 0; right: 10px; display: none; z-index: 2; background: #fafafa; box-shadow: 0px 0 5px #eee; } .client-sync-box .dialog-tab-content .actions .action-btn { display: inline-block; height: 30px; line-height: 28px; padding: 0 5px; margin-left: 0px; cursor: pointer; text-align: center; font-size: 16px; color: #aaa; } .client-sync-box .dialog-tab-content .actions .action-btn:hover, .client-sync-box .dialog-tab-content .actions .action-btn:active { color: #1890ff; background: rgba(24,144,255,0.1); } .client-sync-box .dialog-tab-content .actions .action-btn em { font-size: 12px; font-style: normal; position: relative; top: -2px; } .client-sync-box .dialog-tab-content .sync-time { position: absolute; right: 5px; color: #bbb; } .client-sync-box .dialog-tab-content .item.success:hover .actions, .client-sync-box .dialog-tab-content .item.error:hover .actions { display: block; } .client-sync-box .dialog-tab-content .item.success:hover .sync-time, .client-sync-box .dialog-tab-content .item.error:hover .sync-time { display: none; } .client-sync-box .dialog-tab { position: absolute; width: 100%; margin: -32px 0 0 20px; line-height: 20px; } .client-sync-box .dialog-tab .tab-item { display: inline-block; padding: 5px 10px; margin-right: 5px; border-bottom: 3px solid transparent; margin-bottom: -2px; cursor: pointer; } .client-sync-box .dialog-tab .tab-item:hover { color: #1890ff; background: rgba(24,144,255,0.1); } .client-sync-box .dialog-tab .tab-item.active, .client-sync-box .dialog-tab .tab-item.active:hover { color: #1890ff; border-color: #1890ff; } .client-sync-box .sync-action { position: absolute; top: 30px; right: 20px; } .client-sync-box .sync-action .status-type { position: absolute; z-index: 100; font-size: 36px; text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; cursor: pointer; color: #7fafd6; background-image: linear-gradient(to bottom,#fff 0,#bcd8ef 100%); border: 1px solid #d1e2f1; box-shadow: 0px 0px 6px rgba(0,0,0,0.05); width: 50px; height: 51px; line-height: 45px; margin-top: 5px; border-radius: 3px 0 0 3px; } .client-sync-box .sync-action .status-type:hover { background-image: linear-gradient(to bottom,#fff 0,#93c0e5 100%); color: #5897ca; } .client-sync-box .sync-action .status-info-box { width: 250px; height: 50px; background: #fcfeff; box-shadow: 1px 1px 15px rgba(0,0,0,0.15); border-radius: 4px; margin-left: 42px; margin-top: 6px; padding-left: 20px; } .client-sync-box .sync-action .status-info-box .status-info-text { border-bottom: 1px solid rgba(0,0,0,0.06); padding: 5px 0 2px 5px; position: relative; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon { position: absolute; font-size: 12px; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 0; margin: 0; margin: 0px 0 0 5px; top: 3px; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon.none:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0e5"; color: #4692e2; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon.done:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb80"; color: #1fd89a; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon.doing:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f064"; color: #60e61f; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon.stop:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd5"; color: #4692e2; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon.doing { animation: moveCircleLoopRight 1.4s infinite linear; } .client-sync-box .sync-action .status-info-box .status-info-text .text { font-weight: 600; } .client-sync-box .sync-action .status-info-box .status-info-desc { padding: 3px 0 2px 5px; color: #999; position: relative; } .client-sync-box .sync-action .status-info-box .text .desc { font-style: normal; background: rgba(0,0,0,0.05); padding: 0px 4px; display: inline-block; margin-left: 5px; border-radius: 20px; } .client-sync-box .sync-action .status-info-box .btn { position: absolute; right: 2px; top: 0; border: none; background: none; box-shadow: none; margin-top: 2px; border-radius: 2px; height: 17px; overflow: hidden; color: #888; } .client-sync-box .sync-action .status-info-box .btn:hover { background: #def; } .client-sync-box .sync-action .status-info-box .progress { position: absolute; left: -14px; top: 20px; width: 264px; height: 5px; border-radius: 2px; box-shadow: none; background: #fff; } .client-sync-box .sync-action .status-info-box .progress .progress-bar { border-radius: 2px; background-color: #1890ff; } .client-sync-box .sync-action .actions { position: absolute; right: 0; width: 350px; text-align: right; margin-top: 10px; z-index: 100; } .client-sync-box .sync-action .actions .btn { border-radius: 2px; height: 20px; line-height: 20px; margin-left: 5px; color: #666; } .client-sync-box .sync-action .actions .btn .font-icon { display: inline-block; margin-right: 5px; opacity: 0.8; } .client-sync-box .sync-action .actions .btn:before { opacity: 0.7; } .client-sync-box .sync-action .actions .tab-list-done, .client-sync-box .sync-action .actions .tab-list-error { display: none; } .client-sync-box .sync-action .actions.list-done .tab-list-done { display: inline-block; } .client-sync-box .sync-action .actions.list-error .tab-list-error { display: inline-block; } .client-sync-box .list-page { position: absolute; z-index: 999; background: #fff; right: 10px; bottom: 10px; } .client-sync-box.client-sync-config { min-width: 550px; min-height: 450px; } .client-sync-box.client-sync-config .header { height: 90px; } .client-sync-box.client-sync-config .header .name-title { margin: 28px 0 0 90px; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac { margin-top: -40px; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-item-content { color: #74889a; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-item-content .font-icon { margin-right: 5px; opacity: 0.6; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-item.active .tab-item-content { color: #fff; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body { border: none; border-radius: 0; margin: 0; padding: 40px 0 20px 0px; background: none; top: 20px; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row { padding: 2px 0; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row .setting-content { width: 60%; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row .setting-title { color: #94a3b1; text-shadow: none; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .line, .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body hr { border-bottom: 1px dotted #eee; margin: 10px 30px; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item { border: 1px solid #ddd; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active, .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:hover { border-color: #1890ff !important; background: #1890ff !important; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-current-aboutTab .form-target-save { display: none; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-current-aboutTab .form-row.item-about .setting-title { padding-top: 0; } .client-sync-box.client-sync-config .form-row.item-about .setting-content { margin-top: 6px; } .client-sync-box.client-sync-config .form-row.item-about .setting-content .desc { display: inline; } .menuBar .menu-item.menu-client-download { height: 45px; line-height: 40px; color: #fff; position: relative; } .menuBar .menu-item.menu-client-download .client-download-icon { font-size: 2em; background: linear-gradient(to right,#91d5ff,#1890ff); -webkit-background-clip: text; color: transparent; } .menuBar .menu-item.menu-client-download .client-download-status { position: absolute; right: 12px; top: 4px; font-size: 12px; text-align: center; margin: 0; width: 20px; height: 20px; line-height: 20px; background: #1890ff; color: #fff; font-style: normal; border-radius: 10px; } .menuBar .menu-item.menu-client-download .client-download-status.stop, .menuBar .menu-item.menu-client-download .client-download-status.loading { font-weight: 800; font-size: 13px; background: none; line-height: 18px; } .menuBar .menu-item.menu-client-download .client-download-status.stop:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efd5"; color: #91c5fb; } .menuBar .menu-item.menu-client-download .client-download-status.loading:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f063"; color: #60e61f; } .menuBar .menu-item.menu-client-download .client-download-status.loading { animation: moveCircleLoopRight 1.4s infinite linear; } .client-sync-box.client-download-box .header { height: 100px; } .client-sync-box.client-download-box .header .logo { top: 12px; } .client-sync-box.client-download-box .header .name-title { line-height: 24px; position: relative; top: -10px; } .client-sync-box.client-download-box .header .actions { position: absolute; right: 10px; bottom: 5px; z-index: 100; } .client-sync-box.client-download-box .header .actions .btn { border-radius: 2px; height: 20px; line-height: 20px; margin-left: 5px; color: #666; } .client-sync-box.client-download-box .header .actions .btn .font-icon { display: inline-block; margin-right: 5px; opacity: 0.8; } .client-sync-box.client-download-box .dialog-tab-content { top: 100px; } .client-sync-box.client-download-box .dialog-tab-content .actions .action-btn { line-height: 30px; padding: 0 6px; } .client-sync-box.client-download-box .dialog-tab-content .actions .action-btn em { margin-left: 4px; } .client-sync-box.client-download-box .dialog-tab-content .actions .action-btn .font-icon { font-size: 18px; position: relative; top: -2px; } .dialog-form-page .header { height: 80px; overflow: hidden; position: relative; border-bottom: 1px solid #e4ebfe; } .dialog-form-page .header .content { position: absolute; width: 100%; height: 100%; } .dialog-form-page .header .logo { position: absolute; left: 18px; top: 20px; width: 32px; height: 32px; font-size: 32px; line-height: 32px; text-align: center; } .dialog-form-page .header .logo.font-icon { background-image: -webkit-linear-gradient(2deg,#1890ff,#11d291); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .dialog-form-page .header .logo .path-ico { width: 36px; height: 36px; } .dialog-form-page .header .name-title { margin: 20px 0 0 60px; font-size: 24px; background-image: -webkit-linear-gradient(2deg,#1890ff,#11d291); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .dialog-form-page .header .name-title-desc { padding-left: 60px; color: #99c2e4; } .dialog-form-page .list-empty { text-align: center; width: auto; height: 200px; position: absolute; top: -20px; right: 0; left: 0; bottom: 0; margin: auto; } .dialog-form-page .list-empty .tips { color: #a9c4e4; } .dialog-form-page .dialog-content { position: absolute; left: 0; right: 0px; bottom: 0px; top: 50px; margin-top: 80px; width: 100%; overflow: auto; } .dialog-form-page .dialog-content .list-page { padding: 0; padding-bottom: 50px; } .dialog-form-page .actions { position: absolute; top: 40px; right: 20px; } .dialog-form-page .actions .btn { border-radius: 2px; height: 20px; line-height: 20px; margin-left: 5px; color: #666; position: relative; } .dialog-form-page .actions .btn .font-icon { margin-right: 5px; opacity: 0.8; } .dialog-form-page .actions .btn:before { opacity: 0.7; } .dialog-form-page .actions .btn:hover { z-index: 10; } .file-rename-mutil-dialog .drag-resize.drag-resize-y { margin-top: 77px; } .file-rename-mutil-dialog .dialog-form.target-form .form-box.config-box .panel-form-body { position: absolute; } .file-rename-mutil-dialog .dialog-content .item.item-title { border-bottom: 1px solid #e6e6e6; margin: 0px 0 1px 0; background-image: linear-gradient(to bottom,#fff 0,#f6f6f6 100%); } .file-rename-mutil-dialog .dialog-content .item.item-title .row .row-item .title-name { padding-left: 17px; } .file-rename-mutil-dialog .dialog-content .item.item-title:hover, .file-rename-mutil-dialog .dialog-content .item.item-title:active { background-image: linear-gradient(to bottom,#fff 0,#f6f6f6 100%); } .file-rename-mutil-dialog .dialog-content .item { height: 30px; line-height: 30px; border: 1px solid #f6f6f6; border-left: none; border-right: none; margin-top: -1px; color: #555; overflow: hidden; } .file-rename-mutil-dialog .dialog-content .item .row { margin: 0; } .file-rename-mutil-dialog .dialog-content .item .row .row-item { height: 30px; line-height: 30px; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; float: left; } .file-rename-mutil-dialog .dialog-content .item .row .row-item.title { width: 45%; } .file-rename-mutil-dialog .dialog-content .item .row .row-item.title-new { width: 35%; } .file-rename-mutil-dialog .dialog-content .item .row .row-item.title-state { width: 20%; } .file-rename-mutil-dialog .dialog-content .item .row .title .path-ico { padding-left: 15px; position: relative; top: -2px; text-align: center; width: 22px; } .file-rename-mutil-dialog .dialog-content .item .title-name-new { display: block; border-left: 1px solid #eee; border-right: 1px solid #eee; margin-right: 10px; height: 100%; padding: 0 3px 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .file-rename-mutil-dialog .dialog-content .item .title-name-new.changed:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6c"; position: absolute; margin-left: -16px; margin-top: 8px; font-size: 12px; color: #ccc; } .file-rename-mutil-dialog .dialog-content .item .title-name-new.no-changed { color: #aaa; } .file-rename-mutil-dialog .dialog-content .item:nth-child(even) { background: #fcfcfc; } .file-rename-mutil-dialog .dialog-content .item:nth-child(even):hover, .file-rename-mutil-dialog .dialog-content .item:nth-child(even):active { background: #f0f8ff; } .file-rename-mutil-dialog .dialog-content .item:hover, .file-rename-mutil-dialog .dialog-content .item:active { background: #f0f8ff; } .file-rename-mutil-dialog .dialog-content .item .state:before { font-size: 16px; position: relative; vertical-align: bottom; margin-right: 5px; margin-left: 1px; } .file-rename-mutil-dialog .dialog-content .item.error .state:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eca1"; color: #ff4949; } .file-rename-mutil-dialog .dialog-content .item.success .state:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb81"; color: #52c41a; } .file-rename-mutil-dialog .dialog-content .remove-item { display: none; position: absolute; right: 0; width: 30px; height: 30px; line-height: 30px; background: #deedf5; color: #999; text-align: center; cursor: pointer; } .file-rename-mutil-dialog .dialog-content .remove-item:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .file-rename-mutil-dialog .dialog-content .remove-item:hover, .file-rename-mutil-dialog .dialog-content .remove-item:active { color: #1890ff; background: #c6dfff; } .file-rename-mutil-dialog .dialog-content .item:hover .remove-item { display: block; } .file-rename-mutil-dialog .data-from { position: absolute; top: 81px; width: 100%; height: 50px; overflow: hidden; background: #fafafa; border-bottom: 1px solid #e6e6e6; background-image: linear-gradient(to bottom,#fff 0,#fafafb 100%); z-index: 2; } .file-rename-mutil-dialog .data-from .panel-form-body { padding: 0px 0 0px 0px !important; background: none; border-radius: 0; } .file-rename-mutil-dialog .data-from .form-box .form-row.inline .setting-content { margin-right: 0; } .file-rename-mutil-dialog .data-from .form-row.item-type .select2-container { width: 120px !important; min-width: inherit !important; } .file-rename-mutil-dialog .data-from .form-row .setting-title { display: none !important; } .file-rename-mutil-dialog .data-from .form-row .setting-content .input-title-right { margin: 0 5px 0 -10px; } .file-rename-mutil-dialog .data-from .form-row input { margin-right: 2px; } .file-rename-mutil-dialog .data-from .form-target-save { display: none !important; } .file-rename-mutil-dialog .data-from .rename-start { position: absolute; right: 20px; top: 0; margin-top: 9px; } .file-rename-mutil-dialog .data-from .rename-start.disabled { pointer-events: none; } .file-rename-mutil-dialog .data-from .form-row.item-replaceSet.form-codeEditor .setting-content { position: absolute; top: 8px; left: 140px; width: 55%; padding: 0; } .file-rename-mutil-dialog .actions .btn.clear-finished { border-radius: 3px 0px 0 3px; } .file-rename-mutil-dialog .actions .btn.clear-all { margin-left: -5px; border-radius: 0 3px 3px 0; } .tag-edit-body .header { padding: 0; } .tag-edit-body .header .panel-form-body { padding: 0 !important; overflow: hidden !important; } .tag-edit-body .header .action { padding: 0 16px; display: none; } .tag-edit-body .header .line { margin: 0 15px 10px 15px; border-bottom: 1px dotted #eee; } .tag-edit-body .content { height: 325px; border: 1px solid #eee; margin: 0 15px; overflow: auto; border-radius: 3px; padding: 5px; } .tag-edit-body .content .item { display: block; border-radius: 40px; background: #f8f8f8; border: 1px solid #f6f6f6; padding: 4px 10px; margin-bottom: 4px; position: relative; cursor: pointer; } .tag-edit-body .content .item .x-item-icon.label { position: relative; top: 2px; margin-right: 5px; } .tag-edit-body .content .item:hover { background: #e6f7ff; border-color: #def; } .tag-edit-body .content .item:hover .do-action { display: block; } .tag-edit-body .content .item .do-action { display: none; position: absolute; z-index: 10; right: 1px; top: 1px; border-radius: 14px; overflow: hidden; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .tag-edit-body .content .item .do-action .item-action { width: 30px; padding: 3px 0 3px 0; background: #d5effb; color: #1890ff; border-right: 1px solid #c4ecff; display: inline-block; text-align: center; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .tag-edit-body .content .item .do-action .item-action:hover { background: #1890ff; color: #fff; } .tag-edit-body .content .item .do-action .item-action:active { background: #0076e4; color: #fff; } .tag-edit-body .content .item.current { background: #e6f7ff; border-color: #91d5ff; } .tag-edit-body .content .item.current:after { position: absolute; right: 15px; top: 4px; color: #1890ff; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .tag-edit-body .content .item .drag-item { opacity: 0; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; position: absolute; top: 0px; right: 100px; z-index: 10; width: 32px; height: 100%; line-height: 26px; text-align: center; background: #cfebf9; color: #1890ff; cursor: move !important; } .tag-edit-body .content .item .drag-item:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef3e"; } .tag-edit-body .content .item:hover .drag-item { opacity: 1; } .tag-list-dialog.dialog-max .tag-edit-body .content { position: absolute; height: inherit; left: 0px; right: 0px; bottom: 20px; top: 90px; } .context-menu-list .context-menu-item.file-tag-view { height: inherit !important; background: none !important; display: block !important; line-height: 28px; border-bottom: none; cursor: default; margin: 0; padding: 0; } .context-menu-list .context-menu-item.file-tag-view .item { padding-left: 20px; cursor: pointer; position: relative; } .context-menu-list .context-menu-item.file-tag-view .item:hover { color: #444; background: #e1e1e1; } .context-menu-list .context-menu-item.file-tag-view .item .x-item-icon.label { top: 3px; margin-right: 8px; } .context-menu-list .context-menu-item.file-tag-view .item.this { background: #e6f7ff; color: #1890ff; } .context-menu-list .context-menu-item.file-tag-view .item.this:hover { background: #b3e7ff; } .context-menu-list .context-menu-item.file-tag-view .item.this:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7a"; color: #1890ff; font-size: 18px; position: absolute; right: 6px; top: 4px; } .context-menu-list .context-menu-item.file-tag-view hr { margin: 5px 0; } .context-menu-list .context-menu-item.file-tag-view .item-add { cursor: pointer; } .context-menu-list .context-menu-item.file-tag-view .item-add:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eae3"; padding-right: 8px; font-size: 16px; line-height: 16px; margin-top: -3px; display: inline-block; color: #1890ff; } .context-menu-list .context-menu-item.file-tag-view .item-add:hover { background: #1890ff; color: #fff; } .context-menu-list .context-menu-item.file-tag-view .item-add:hover:before { color: #fff; } .app-wap-small .context-menu-list .context-menu-item.file-tag-view .item.this:after { top: 8px; } .app-file-view { text-align: center; width: 100%; height: 100%; } .app-file-view.app-file-view-image img { cursor: pointer; max-width: 90%; max-height: 90%; padding: 10px; border-radius: 2px; box-shadow: 0 1px 10px rgba(0,0,0,0.2); position: absolute; top: -10px; left: 0; right: 0; bottom: 0; margin: auto; } .task-list-view { height: 100%; position: relative; overflow: auto; } .task-list-view .list-content { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: 15px 10px; min-width: 260px; } .task-list-view .list-empty { position: absolute; top: -40px; right: 0; bottom: 0; left: 0; margin: auto; width: 100px; height: 120px; text-align: center; color: #999; } .task-list-view .list-empty .path-ico { font-size: 100px; width: 100px; height: 110px; } .task-list-view .list-item { border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 2px 10px rgba(0,0,0,0.05); border-radius: 6px; padding: 7px; margin-bottom: 5px; background: rgba(255,255,255,0.5); position: relative; line-height: 1.5em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .task-list-view .list-item .user-info { color: #888; cursor: default; } .task-list-view .list-item .user-info .path-ico { overflow: initial; vertical-align: text-bottom; position: relative; margin-right: 2px; } .task-list-view .list-item .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; vertical-align: top; border: 1px solid #fff; } .task-list-view .list-item .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .task-list-view .list-item:hover { box-shadow: 0 5px 20px rgba(0,0,0,0.1); } .task-list-view .list-item .item { line-height: 1.5em; display: inline-block; margin-right: 5px; } .task-list-view .list-item .item.user { margin-right: 10px; } .task-list-view .list-item .item.title { background: #e6f7ff; color: #40a9ff; border: 1px solid #91d5ff; padding: 1px 5px; border-radius: 2px; } .task-list-view .list-item .item.current { width: 72%; position: absolute; bottom: 3px; left: 7px; } .task-list-view .list-item .item.current .info { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .task-list-view .list-item .item.current .info em { font-style: normal; padding-left: 4px; opacity: 0.7; } .task-list-view .list-item .item.current .info.info-current { width: 65%; } .task-list-view .list-item .item.current .info.info-size { width: 35%; float: right; text-align: right; } .task-list-view .list-item .item.percent { clear: both; float: none; margin: 4px 0px; display: block; } .task-list-view .list-item .item.time { text-align: right; position: absolute; right: 100px; top: 10px; } .task-list-view .list-item .item-time { display: none; padding-right: 10px; color: #8a929a; } .task-list-view .list-item .item-time i { padding-right: 0px; color: #bbb; font-style: normal; } .task-list-view .list-item .item-time i:after { content: ": "; } .task-list-view .list-item .item-time em { font-style: normal; } .task-list-view .list-item .action { position: absolute; right: 2px; top: 8px; } .task-list-view .list-item .action .label { display: none; padding: 3px 8px; border-radius: 25px; margin-left: 5px; } .task-list-view .list-item .action .btn { display: none; width: 22px; height: 22px; line-height: 20px; text-align: center; padding: 0px; color: #aaa; border: none; position: relative; top: -1px; margin-left: 2px; border-radius: 2px; background: rgba(0,0,0,0.02); } .task-list-view .list-item .action .btn:hover { background: #eee; } .task-list-view .list-item .action .btn.kill { display: inline-block; } .task-list-view .list-item .action .btn:before { font-size: 16px; text-align: center; } .task-list-view .list-item .action .btn.stop:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f19f"; color: #faad14; } .task-list-view .list-item .action .btn.start:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f00a"; color: #0fba81; } .task-list-view .list-item .action .btn.kill:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; color: #f5222d; } .task-list-view .list-item.status-stop .item-time.time-start { display: inline-block; } .task-list-view .list-item.status-stop .action .label.stop { display: inline-block; } .task-list-view .list-item.status-stop .action .btn.start { display: inline-block; } .task-list-view .list-item.status-running .item-time.time-need { display: inline-block; } .task-list-view .list-item.status-running .action .label.start { display: inline-block; } .task-list-view .list-item.status-running .action .btn.stop { display: inline-block; } .task-list-view .list-item.status-kill .action .label.kill { display: inline-block; } .task-list-view .list-item.status-kill .action .btn.kill { display: none; } .task-list-view .list-item.status-kill .item-time.time-start { display: inline-block; } .task-list-view .kui-process .kui-process-bg { height: 6px; border-radius: 5px; overflow: hidden; background: #e6eaef; } .task-list-view .kui-process .kui-process-bg .kui-process-use { height: 100%; width: 0%; transition: all 1.0s; border-radius: 5px; background-image: linear-gradient(to right,#108ee9 0%,#40a9ff 100%); } .task-list-view .kui-process .kui-process-info { line-height: 20px; text-align: right; } .task-list-view .kui-process .kui-process-info .info { float: right; padding-left: 5px; position: relative; } .task-list-view .kui-process .kui-process-info .info.info-current { float: left; padding-left: 0; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; } .task-list-view.task-user-notify { width: 270px; margin-left: -30px; overflow: visible; } .task-list-view.task-user-notify .list-item { border: none; padding: 0; box-shadow: none; border-radius: 0; padding-top: 20px; margin-bottom: 0; } .task-list-view.task-user-notify .list-item .item.user, .task-list-view.task-user-notify .list-item .item.title { display: none; } .task-list-view.task-user-notify .list-item .item.action { right: -3px; top: -27px; } .task-list-view.task-user-notify .list-item .item.action .btn.start, .task-list-view.task-user-notify .list-item .item.action .btn.stop { display: none !important; } .task-list-view.task-user-notify .list-item .item.time { top: 32px; right: inherit; } .task-list-view.task-user-notify .list-item .item .item-time { display: none; } .task-list-view.task-user-notify .list-item.status-stop .item .item-time.time-start { display: inline-block; } .task-list-view.task-user-notify .list-item.status-running .item .item-time.time-need { display: inline-block; } .task-list-view.task-user-notify .list-item.status-kill .item .item-time.time-start { display: inline-block; } .task-list-view.task-user-notify .list-item .item.current { bottom: inherit; left: 0; top: 4px; width: 100%; } .task-list-view.task-list-user .list-item .item.user { display: none; } .task-list-view.task-list-user .list-item .item.action .btn.stop { display: none !important; } .zip-view-dialog .aui-content { min-width: 400px; position: relative; } .zip-view-dialog .aui-title { height: 90px; } .zip-view-dialog .zip-view-content { position: absolute; left: 0; right: 0; bottom: 0; top: 0px; margin: 0px; min-width: 400px; border: none; } .zip-view-dialog .zip-view-content .header { height: 90px; color: #fff; position: relative; } .zip-view-dialog .zip-view-content .header .icon { width: 56px; height: 56px; position: absolute; left: 20px; top: 20px; } .zip-view-dialog .zip-view-content .header .name, .zip-view-dialog .zip-view-content .header .desc { position: absolute; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 80%; } .zip-view-dialog .zip-view-content .header .name { margin: 22px 0 0 90px; font-size: 18px; font-weight: 800; } .zip-view-dialog .zip-view-content .header .desc { margin: 50px 0 0 90px; } .zip-view-dialog .zip-view-content .zip-header-title { height: 23px; line-height: 23px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background: #f6f6f6 url("../../images/common/bg.gif") 0 -30px; } .zip-view-dialog .zip-view-content .zip-header-title .item { float: left; } .zip-view-dialog .zip-view-content .zip-header-title .item span { display: block; border-right: 1px solid #ddd; padding-left: 10px; cursor: default; } .zip-view-dialog .zip-view-content .zip-header-title .name { width: 60%; } .zip-view-dialog .zip-view-content .zip-header-title .size { width: 10%; } .zip-view-dialog .zip-view-content .zip-header-title .mtime { width: 30%; } .zip-view-dialog .zip-view-content .zip-header-title .item.mtime span { border-right: none; } .zip-view-dialog .zip-view-content .ztree { padding: 0px; position: absolute; top: 115px; left: 0; right: 0px; bottom: 0; overflow: auto; } .zip-view-dialog .zip-view-content .ztree li, .zip-view-dialog .zip-view-content .ztree li ul { width: 100%; } .zip-view-dialog .zip-view-content .ztree li span.button.switch { line-height: 24px; } .zip-view-dialog .zip-view-content .ztree li a { position: relative; padding-left: 0; color: #333; text-shadow: none; } .zip-view-dialog .zip-view-content .ztree li a:hover, .zip-view-dialog .zip-view-content .ztree li a:active { transition: none; } .zip-view-dialog .zip-view-content .ztree li a.odd { background: #f1f7ff; } .zip-view-dialog .zip-view-content .ztree li a:hover, .zip-view-dialog .zip-view-content .ztree li a.odd:hover, .zip-view-dialog .zip-view-content .ztree li a:active, .zip-view-dialog .zip-view-content .ztree li a.odd:active { background: #fdeec3; } .zip-view-dialog .zip-view-content .ztree li a.curSelectedNode, .zip-view-dialog .zip-view-content .ztree li a.odd.curSelectedNode { background: #63acff; color: #fff; } .zip-view-dialog .zip-view-content .ztree li a .name { width: 45%; overflow: hidden; position: absolute; word-break: break-all; text-overflow: ellipsis; } .zip-view-dialog .zip-view-content .ztree li a .time { width: 27%; opacity: 0.8; position: absolute; left: 72%; } .zip-view-dialog .zip-view-content .ztree li a .size { width: 10%; opacity: 0.8; position: absolute; left: 62%; } .zip-view-dialog .zip-view-content .ztree li a .menu-item-parent { display: none; position: absolute; right: 0px; top: 0; text-align: center; width: 28px; height: 26px; line-height: 26px; background: #fff; background: rgba(50,50,50,0.1); color: #666; } .zip-view-dialog .zip-view-content .ztree li a:hover .menu-item-parent { display: block; } .zip-view-dialog .zip-view-content .ztree li a.curSelectedNode .menu-item-parent { display: block; color: #fff; } .dialog-min-size.zip-view-dialog .aui-title { height: auto !important; } .dialog-min-size.zip-view-dialog .aui-header .aui-min, .dialog-min-size.zip-view-dialog .aui-header .aui-max, .dialog-min-size.zip-view-dialog .aui-header .aui-close { color: #ddd; } .x-item-icon.small { width: 18px; height: 18px; margin-right: 6px; } .x-item-icon.small.x-zip, .x-item-icon.small.x-tar, .x-item-icon.small.x-sitx, .x-item-icon.small.x-rar, .x-item-icon.small.x-pkg, .x-item-icon.small.x-jar, .x-item-icon.small.x-iso, .x-item-icon.small.x-gz, .x-item-icon.small.x-dmg, .x-item-icon.small.x-bz2, .x-item-icon.small.x-7z, .x-item-icon.small.x-wma, .x-item-icon.small.x-wav, .x-item-icon.small.x-mp3, .x-item-icon.small.x-midi, .x-item-icon.small.x-m4a, .x-item-icon.small.x-aac, .x-item-icon.small.x-pspimage, .x-item-icon.small.x-psd, .x-item-icon.small.x-psb, .x-item-icon.small.x-prproj, .x-item-icon.small.x-indd, .x-item-icon.small.x-fla, .x-item-icon.small.x-eps, .x-item-icon.small.x-dxf, .x-item-icon.small.x-dwg, .x-item-icon.small.x-cdr, .x-item-icon.small.x-as, .x-item-icon.small.x-ai, .x-item-icon.small.x-3ds, .x-item-icon.small.x-xsl, .x-item-icon.small.x-xsd, .x-item-icon.small.x-xml, .x-item-icon.small.x-xaml, .x-item-icon.small.x-vcxproj, .x-item-icon.small.x-vcproj, .x-item-icon.small.x-vbproj, .x-item-icon.small.x-vb, .x-item-icon.small.x-suo, .x-item-icon.small.x-sql, .x-item-icon.small.x-sln, .x-item-icon.small.x-resx, .x-item-icon.small.x-pdb, .x-item-icon.small.x-mdf, .x-item-icon.small.x-ldf, .x-item-icon.small.x-h, .x-item-icon.small.x-dtd, .x-item-icon.small.x-csproj, .x-item-icon.small.x-cs, .x-item-icon.small.x-cpp, .x-item-icon.small.x-c, .x-item-icon.small.x-png, .x-item-icon.small.x-jpg, .x-item-icon.small.x-ico, .x-item-icon.small.x-gif, .x-item-icon.small.x-bmp, .x-item-icon.small.x-heic, .x-item-icon.small.x-xps, .x-item-icon.small.x-xltx, .x-item-icon.small.x-xlt, .x-item-icon.small.x-xlsx, .x-item-icon.small.x-xlsm, .x-item-icon.small.x-xlsb, .x-item-icon.small.x-xls, .x-item-icon.small.x-vtx, .x-item-icon.small.x-vsx, .x-item-icon.small.x-vst, .x-item-icon.small.x-vss, .x-item-icon.small.x-vsdx, .x-item-icon.small.x-vsd, .x-item-icon.small.x-vdx, .x-item-icon.small.x-vdw, .x-item-icon.small.x-vcf, .x-item-icon.small.x-pub, .x-item-icon.small.x-pst, .x-item-icon.small.x-pptx, .x-item-icon.small.x-ppt, .x-item-icon.small.x-ppsx, .x-item-icon.small.x-pps, .x-item-icon.small.x-pdf, .x-item-icon.small.x-odt, .x-item-icon.small.x-ods, .x-item-icon.small.x-odp, .x-item-icon.small.x-msg, .x-item-icon.small.x-mpt, .x-item-icon.small.x-mpp, .x-item-icon.small.x-mhtml, .x-item-icon.small.x-mht, .x-item-icon.small.x-mdb, .x-item-icon.small.x-epub, .x-item-icon.small.x-eml, .x-item-icon.small.x-dotx, .x-item-icon.small.x-dotm, .x-item-icon.small.x-dot, .x-item-icon.small.x-docx, .x-item-icon.small.x-docm, .x-item-icon.small.x-doc, .x-item-icon.small.x-csv, .x-item-icon.small.x-accdb, .x-item-icon.small.x-vbs, .x-item-icon.small.x-txt, .x-item-icon.small.x-rtf, .x-item-icon.small.x-reg, .x-item-icon.small.x-ps1, .x-item-icon.small.x-msi, .x-item-icon.small.x-lnk, .x-item-icon.small.x-ini, .x-item-icon.small.x-hlp, .x-item-icon.small.x-fon, .x-item-icon.small.x-exe, .x-item-icon.small.x-dll, .x-item-icon.small.x-cmd, .x-item-icon.small.x-chm, .x-item-icon.small.x-cer, .x-item-icon.small.x-cab, .x-item-icon.small.x-wmv, .x-item-icon.small.x-webm, .x-item-icon.small.x-ogg, .x-item-icon.small.x-mpg, .x-item-icon.small.x-mp4, .x-item-icon.small.x-mov, .x-item-icon.small.x-mkv, .x-item-icon.small.x-m4v, .x-item-icon.small.x-flv, .x-item-icon.small.x-avi, .x-item-icon.small.x-3gp, .x-item-icon.small.x-xap, .x-item-icon.small.x-swf, .x-item-icon.small.x-cshtml, .x-item-icon.small.x-config, .x-item-icon.small.x-aspx, .x-item-icon.small.x-asmx, .x-item-icon.small.x-ashx, .x-item-icon.small.x-ascx, .x-item-icon.small.x-asax { width: 16px !important; height: 16px !important; margin-right: 8px; background-size: inherit; background-image: url("../../images/file_icon/icon_file/0.file-16.png"); background-position: -32px -112px; } .x-item-icon.small.x-zip { background-position: 0 0 !important; } .x-item-icon.small.x-tar { background-position: 0 -16px !important; } .x-item-icon.small.x-sitx { background-position: 0 -32px !important; } .x-item-icon.small.x-rar { background-position: 0 -48px !important; } .x-item-icon.small.x-pkg { background-position: 0 -64px !important; } .x-item-icon.small.x-jar { background-position: 0 -80px !important; } .x-item-icon.small.x-iso { background-position: 0 -96px !important; } .x-item-icon.small.x-gz { background-position: 0 -112px !important; } .x-item-icon.small.x-dmg { background-position: 0 -128px !important; } .x-item-icon.small.x-bz2 { background-position: 0 -144px !important; } .x-item-icon.small.x-7z { background-position: 0 -160px !important; } .x-item-icon.small.x-wma { background-position: -16px 0 !important; } .x-item-icon.small.x-wav { background-position: -16px -16px !important; } .x-item-icon.small.x-mp3 { background-position: -16px -32px !important; } .x-item-icon.small.x-midi { background-position: -16px -48px !important; } .x-item-icon.small.x-m4a { background-position: -16px -64px !important; } .x-item-icon.small.x-aac { background-position: -16px -80px !important; } .x-item-icon.small.x-pspimage { background-position: -32px 0 !important; } .x-item-icon.small.x-psd { background-position: -32px -16px !important; } .x-item-icon.small.x-psb { background-position: -32px -32px !important; } .x-item-icon.small.x-prproj { background-position: -32px -48px !important; } .x-item-icon.small.x-indd { background-position: -32px -64px !important; } .x-item-icon.small.x-fla { background-position: -32px -80px !important; } .x-item-icon.small.x-eps { background-position: -32px -96px !important; } .x-item-icon.small.x-dxf { background-position: -32px -112px !important; } .x-item-icon.small.x-dwg { background-position: -32px -128px !important; } .x-item-icon.small.x-cdr { background-position: -32px -144px !important; } .x-item-icon.small.x-as { background-position: -32px -160px !important; } .x-item-icon.small.x-ai { background-position: -32px -176px !important; } .x-item-icon.small.x-3ds { background-position: -32px -192px !important; } .x-item-icon.small.x-xsl { background-position: -48px 0 !important; } .x-item-icon.small.x-xsd { background-position: -48px -16px !important; } .x-item-icon.small.x-xml { background-position: -48px -32px !important; } .x-item-icon.small.x-xaml { background-position: -48px -48px !important; } .x-item-icon.small.x-vcxproj { background-position: -48px -64px !important; } .x-item-icon.small.x-vcproj { background-position: -48px -80px !important; } .x-item-icon.small.x-vbproj { background-position: -48px -96px !important; } .x-item-icon.small.x-vb { background-position: -48px -112px !important; } .x-item-icon.small.x-suo { background-position: -48px -128px !important; } .x-item-icon.small.x-sql { background-position: -48px -144px !important; } .x-item-icon.small.x-sln { background-position: -48px -160px !important; } .x-item-icon.small.x-resx { background-position: -48px -176px !important; } .x-item-icon.small.x-pdb { background-position: -48px -192px !important; } .x-item-icon.small.x-mdf { background-position: -48px -208px !important; } .x-item-icon.small.x-ldf { background-position: -48px -224px !important; } .x-item-icon.small.x-h { background-position: -48px -240px !important; } .x-item-icon.small.x-dtd { background-position: -48px -256px !important; } .x-item-icon.small.x-csproj { background-position: -48px -272px !important; } .x-item-icon.small.x-cs { background-position: -48px -288px !important; } .x-item-icon.small.x-cpp { background-position: -48px -304px !important; } .x-item-icon.small.x-c { background-position: -48px -320px !important; } .x-item-icon.small.x-png, .x-item-icon.small.x-heic { background-position: -64px 2px !important; } .x-item-icon.small.x-jpg { background-position: -65px -13px !important; } .x-item-icon.small.x-ico { background-position: -64px -32px !important; } .x-item-icon.small.x-gif { background-position: -64px -48px !important; } .x-item-icon.small.x-bmp { background-position: -64px -64px !important; } .x-item-icon.small.x-xps { background-position: -81px 0 !important; } .x-item-icon.small.x-xltx { background-position: -81px -16px !important; } .x-item-icon.small.x-xlt { background-position: -81px -32px !important; } .x-item-icon.small.x-xlsx { background-position: -81px -48px !important; } .x-item-icon.small.x-xlsm { background-position: -81px -64px !important; } .x-item-icon.small.x-xlsb { background-position: -81px -80px !important; } .x-item-icon.small.x-xls { background-position: -81px -96px !important; } .x-item-icon.small.x-vtx { background-position: -81px -112px !important; } .x-item-icon.small.x-vsx { background-position: -81px -128px !important; } .x-item-icon.small.x-vst { background-position: -81px -144px !important; } .x-item-icon.small.x-vss { background-position: -81px -160px !important; } .x-item-icon.small.x-vsdx { background-position: -81px -176px !important; } .x-item-icon.small.x-vsd { background-position: -81px -192px !important; } .x-item-icon.small.x-vdx { background-position: -81px -208px !important; } .x-item-icon.small.x-vdw { background-position: -81px -224px !important; } .x-item-icon.small.x-vcf { background-position: -81px -240px !important; } .x-item-icon.small.x-pub { background-position: -81px -256px !important; } .x-item-icon.small.x-pst { background-position: -81px -272px !important; } .x-item-icon.small.x-pptx { background-position: -81px -288px !important; } .x-item-icon.small.x-ppt { background-position: -81px -304px !important; } .x-item-icon.small.x-ppsx { background-position: -81px -320px !important; } .x-item-icon.small.x-pps { background-position: -81px -336px !important; } .x-item-icon.small.x-pdf { background-position: -81px -352px !important; } .x-item-icon.small.x-odt { background-position: -81px -368px !important; } .x-item-icon.small.x-ods { background-position: -81px -384px !important; } .x-item-icon.small.x-odp { background-position: -81px -400px !important; } .x-item-icon.small.x-msg { background-position: -81px -416px !important; } .x-item-icon.small.x-mpt { background-position: -81px -432px !important; } .x-item-icon.small.x-mpp { background-position: -81px -448px !important; } .x-item-icon.small.x-mhtml { background-position: -81px -464px !important; } .x-item-icon.small.x-mht { background-position: -81px -464px !important; } .x-item-icon.small.x-mdb { background-position: -81px -480px !important; } .x-item-icon.small.x-epub { background-position: -81px -496px !important; } .x-item-icon.small.x-eml { background-position: -81px -496px !important; } .x-item-icon.small.x-dotx { background-position: -81px -512px !important; } .x-item-icon.small.x-dotm { background-position: -81px -528px !important; } .x-item-icon.small.x-dot { background-position: -81px -544px !important; } .x-item-icon.small.x-docx { background-position: -81px -560px !important; } .x-item-icon.small.x-docm { background-position: -81px -576px !important; } .x-item-icon.small.x-doc { background-position: -81px -592px !important; } .x-item-icon.small.x-csv { background-position: -81px -608px !important; } .x-item-icon.small.x-accdb { background-position: -81px -624px !important; } .x-item-icon.small.x-vbs { background-position: -97px 0 !important; } .x-item-icon.small.x-txt { background-position: -97px -16px !important; } .x-item-icon.small.x-rtf { background-position: -97px -32px !important; } .x-item-icon.small.x-reg { background-position: -97px -48px !important; } .x-item-icon.small.x-ps1 { background-position: -97px -64px !important; } .x-item-icon.small.x-msi { background-position: -97px -80px !important; } .x-item-icon.small.x-lnk { background-position: -97px -96px !important; } .x-item-icon.small.x-ini { background-position: -97px -112px !important; } .x-item-icon.small.x-hlp { background-position: -97px -128px !important; } .x-item-icon.small.x-fon { background-position: -97px -144px !important; } .x-item-icon.small.x-exe { background-position: -97px -160px !important; } .x-item-icon.small.x-dll { background-position: -97px -176px !important; } .x-item-icon.small.x-cmd { background-position: -97px -192px !important; } .x-item-icon.small.x-chm { background-position: -97px -208px !important; } .x-item-icon.small.x-cer { background-position: -97px -224px !important; } .x-item-icon.small.x-cab { background-position: -97px -240px !important; } .x-item-icon.small.x-wmv { width: 15px !important; background-position: -113px 0 !important; } .x-item-icon.small.x-webm { width: 15px !important; background-position: -113px -16px !important; } .x-item-icon.small.x-ogg { width: 15px !important; background-position: -113px -32px !important; } .x-item-icon.small.x-mpg { width: 15px !important; background-position: -113px -48px !important; } .x-item-icon.small.x-mp4 { width: 15px !important; background-position: -113px -64px !important; } .x-item-icon.small.x-mov { width: 15px !important; background-position: -113px -80px !important; } .x-item-icon.small.x-mkv { width: 15px !important; background-position: -113px -96px !important; } .x-item-icon.small.x-m4v { width: 15px !important; background-position: -113px -112px !important; } .x-item-icon.small.x-flv { width: 15px !important; background-position: -113px -128px !important; } .x-item-icon.small.x-avi { width: 15px !important; background-position: -113px -144px !important; } .x-item-icon.small.x-3gp { width: 15px !important; background-position: -113px -160px !important; } .x-item-icon.small.x-xap { background-position: -128px 0 !important; } .x-item-icon.small.x-swf { background-position: -128px -16px !important; } .x-item-icon.small.x-cshtml { background-position: -128px -80px !important; } .x-item-icon.small.x-config { background-position: -128px -96px !important; } .x-item-icon.small.x-aspx { background-position: -128px -112px !important; } .x-item-icon.small.x-asmx { background-position: -128px -128px !important; } .x-item-icon.small.x-ashx { background-position: -128px -144px !important; } .x-item-icon.small.x-ascx { background-position: -128px -160px !important; } .x-item-icon.small.x-asax { background-position: -128px -176px !important; } .x-item-icon.small.x-php, .x-item-icon.small.x-txt, .x-item-icon.small.x-textile, .x-item-icon.small.x-inc, .x-item-icon.small.x-log, .x-item-icon.small.x-folder { width: 18px !important; height: 18px !important; margin-right: 6px; display: inline-block; background-position: 0 !important; background-size: auto; } .x-item-icon.small.x-folder { width: 18px; height: 18px; margin-right: 6px; } .x-item-icon.small.x-php { background-image: url("../../images/file_icon/icon_file/php_small.png"); } .x-item-icon.small.x-txt, .x-item-icon.small.x-textile, .x-item-icon.small.x-inc, .x-item-icon.small.x-log { background-image: url("../../images/file_icon/icon_file/txt_small.png"); } .path-ico { width: 18px; height: 18px; font-size: 18px; display: inline-block; vertical-align: text-bottom; } .header-middle .header-address .path-ico { padding-top: 2px; margin-left: 4px; vertical-align: top; } .header-middle .header-address .x-item-icon.label { top: -2px; } .svg-icon { width: 1em; height: 1em; fill: currentColor; overflow: hidden; pointer-events: none; } .x-item-icon.label { width: 12px; height: 12px; display: inline-block; border-radius: 50%; padding: 0; border-width: 1px; border-style: solid; top: 0; position: relative; background-image: none; } .x-item-icon.x-source { background-image: url("../../images/file_icon/icon_others/folder.png"); } .x-item-icon.x-userRecycle { background-image: url("../../images/file_icon/icon_others/recycle.png"); } .x-item-icon.x-userFav { background-image: url("../../images/file_icon/icon_others/treeFav.png"); } .x-item-icon.x-userShare { background-image: url("../../images/file_icon/icon_others/userSelf.png"); } .x-item-icon.x-groupRootSelf { background-image: url("../../images/file_icon/icon_others/groupSelfRoot.png"); } .x-item-icon.x-userRencent { background-image: url("../../images/file_icon/icon_others/app_link.png"); } .x-item-icon.x-shareToMe { background-image: url("../../images/file_icon/icon_others/path_self_public.png"); } .x-item-icon.x-shareItem { background-image: url("../../images/file_icon/icon_others/path_self_public.png"); } .x-item-icon.x-userDriver { background-image: url("../../images/file_icon/icon_others/computer.png"); } .x-item-icon.x-search { background-image: url("../../images/file_icon/icon_others/search.png"); } .x-item-icon.x-folder { background-image: url("../../images/file_icon/icon_others/folder.png"); } .x-item-icon.x-folder-share { background-image: url("../../images/file_icon/icon_others/folder_public.png"); } .x-item-icon.x-recycle { background-image: url("../../images/file_icon/icon_others/recycle.png"); } .x-item-icon.x-recycle-full { background-image: url("../../images/file_icon/icon_others/recycle_full.png"); } .x-item-icon.x-path-self-share { background-image: url("../../images/file_icon/icon_others/path_self_public.png"); } .x-item-icon.x-app-link { background-image: url("../../images/file_icon/icon_others/app_link.png"); } .x-item-icon.x-user { background-image: url("../../images/file_icon/icon_others/user.png"); } .x-item-icon.x-user-self { background-image: url("../../images/file_icon/icon_others/userSelf.png"); } .x-item-icon.x-share { background-image: url("../../images/file_icon/icon_others/share.png"); } .x-item-icon.x-group-self { background-image: url("../../images/file_icon/icon_others/groupSelf.png"); } .x-item-icon.x-group-self-owner { background-image: url("../../images/file_icon/icon_others/groupSelfOwner.png"); } .x-item-icon.x-group-guest { background-image: url("../../images/file_icon/icon_others/groupGuest.png"); } .x-item-icon.x-group-self-root { background-image: url("../../images/file_icon/icon_others/groupSelfRoot.png"); } .x-item-icon.x-group-root { background-image: url("../../images/file_icon/icon_others/groupRoot.png"); } .x-item-icon.x-group-public { background-image: url("../../images/file_icon/icon_others/folder_public.png"); } .x-item-icon.x-edit { background-image: url("../../images/file_icon/icon_others/edit.png"); } .x-item-icon.x-setting { background-image: url("../../images/file_icon/icon_others/setting.png"); } .x-item-icon.x-logout { background-image: url("../../images/file_icon/icon_others/logout.png"); } .x-item-icon.x-app-store { background-image: url("../../images/file_icon/icon_others/appStore.png"); } .x-item-icon.x-error { background-image: url("../../images/file_icon/icon_others/error.png"); } .x-item-icon.x-info { background-image: url("../../images/file_icon/icon_others/info.png"); } .x-item-icon.x-userRencent, .x-item-icon.x-shareToMe, .x-item-icon.x-userRecycle, .x-item-icon.x-userFileType-doc, .x-item-icon.x-userFileType-image, .x-item-icon.x-userFileType-music, .x-item-icon.x-userFileType-movie, .x-item-icon.x-userFileType-zip, .x-item-icon.x-userFileType-others { color: #888; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: none; font-size: 22px; position: relative; top: -5px; } .x-item-icon.x-userRencent:before, .x-item-icon.x-shareToMe:before, .x-item-icon.x-userRecycle:before, .x-item-icon.x-userFileType-doc:before, .x-item-icon.x-userFileType-image:before, .x-item-icon.x-userFileType-music:before, .x-item-icon.x-userFileType-movie:before, .x-item-icon.x-userFileType-zip:before, .x-item-icon.x-userFileType-others:before { text-shadow: 0 0 1px; margin-left: -2px; margin-top: 2px; display: inline-block; } .file-list-icon .file .path-ico, .file-list-split .file .path-ico { text-align: left; } .file-list-icon .file .path-ico .x-item-icon:before, .file-list-split .file .path-ico .x-item-icon:before { margin-top: 3px; display: inline-block; } .file-list-icon .file .path-ico .x-item-icon.label, .file-list-split .file .path-ico .x-item-icon.label { zoom: 0.9; margin-top: 8%; border-radius: 50%; } .file-list-icon .file .path-ico .x-item-icon.label:before, .file-list-split .file .path-ico .x-item-icon.label:before { width: 40%; height: 40%; border-radius: 50%; content: " "; background: linear-gradient(45deg,#ffffff7d,#ffffff00); margin-top: 4px; position: absolute; right: 15%; top: 15%; } .ztree .x-item-icon.label { top: 2px; } .ztree .x-item-icon:before { margin-top: 14px; } .aui-title .x-item-icon.label { top: -3px; } .ztree .svg-icon, .header-middle .svg-icon, .file-list-split .file .svg-icon { margin-top: -1px; } .x-item-icon { background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url("../../images/file_icon/icon_file/file.png"); width: 100%; height: 100%; font-style: normal; display: inline-block; pointer-events: none; } .x-item-icon.x-txt, .x-item-icon.x-textile, .x-item-icon.x-oexe, .x-item-icon.x-inc, .x-item-icon.x-csv, .x-item-icon.x-log, .x-item-icon.x-asc, .x-item-icon.x-tsv, .x-item-icon.x-lnk, .x-item-icon.x-url, .x-item-icon.x-webloc, .x-item-icon.x-meta, .x-item-icon.x-localized, .x-item-icon.x-xib, .x-item-icon.x-xsd, .x-item-icon.x-storyboard, .x-item-icon.x-plist, .x-item-icon.x-csproj, .x-item-icon.x-pch, .x-item-icon.x-pbxproj, .x-item-icon.x-local, .x-item-icon.x-xcscheme, .x-item-icon.x-manifest, .x-item-icon.x-vbproj, .x-item-icon.x-strings, .x-item-icon.x-jshintrc, .x-item-icon.x-sublime-project, .x-item-icon.x-readme, .x-item-icon.x-changes, .x-item-icon.x-changelog, .x-item-icon.x-version, .x-item-icon.x-license, .x-item-icon.x-changelog, .x-item-icon.x-abap, .x-item-icon.x-abc, .x-item-icon.x-as, .x-item-icon.x-asp, .x-item-icon.x-aspx, .x-item-icon.x-ada, .x-item-icon.x-adb, .x-item-icon.x-htaccess, .x-item-icon.x-htgroups, .x-item-icon.x-htgroups, .x-item-icon.x-htpasswd, .x-item-icon.x-asciidoc, .x-item-icon.x-adoc, .x-item-icon.x-asm, .x-item-icon.x-a, .x-item-icon.x-ahk, .x-item-icon.x-bat, .x-item-icon.x-cmd, .x-item-icon.x-cpp, .x-item-icon.x-c, .x-item-icon.x-cc, .x-item-icon.x-cxx, .x-item-icon.x-h, .x-item-icon.x-hh, .x-item-icon.x-hpp, .x-item-icon.x-ino, .x-item-icon.x-c9search_results, .x-item-icon.x-cirru, .x-item-icon.x-cr, .x-item-icon.x-clj, .x-item-icon.x-cljs, .x-item-icon.x-cbl, .x-item-icon.x-cob, .x-item-icon.x-coffee, .x-item-icon.x-cf, .x-item-icon.x-cson, .x-item-icon.x-cakefile, .x-item-icon.x-cfm, .x-item-icon.x-cs, .x-item-icon.x-css, .x-item-icon.x-curly, .x-item-icon.x-d, .x-item-icon.x-di, .x-item-icon.x-dart, .x-item-icon.x-diff, .x-item-icon.x-patch, .x-item-icon.x-dockerfile, .x-item-icon.x-dot, .x-item-icon.x-dummy, .x-item-icon.x-dummy, .x-item-icon.x-e, .x-item-icon.x-ge, .x-item-icon.x-ejs, .x-item-icon.x-ex, .x-item-icon.x-exs, .x-item-icon.x-elm, .x-item-icon.x-erl, .x-item-icon.x-hrl, .x-item-icon.x-frt, .x-item-icon.x-fs, .x-item-icon.x-ldr, .x-item-icon.x-ftl, .x-item-icon.x-gcode, .x-item-icon.x-feature, .x-item-icon.x-glsl, .x-item-icon.x-frag, .x-item-icon.x-vert, .x-item-icon.x-gbs, .x-item-icon.x-go, .x-item-icon.x-groovy, .x-item-icon.x-haml, .x-item-icon.x-hbs, .x-item-icon.x-handlebars, .x-item-icon.x-tpl, .x-item-icon.x-mustache, .x-item-icon.x-hs, .x-item-icon.x-hx, .x-item-icon.x-html, .x-item-icon.x-hta, .x-item-icon.x-htm, .x-item-icon.x-xhtml, .x-item-icon.x-eex, .x-item-icon.x-html.eex, .x-item-icon.x-erb, .x-item-icon.x-rhtml, .x-item-icon.x-html.erb, .x-item-icon.x-ini, .x-item-icon.x-inf, .x-item-icon.x-conf, .x-item-icon.x-cfg, .x-item-icon.x-prefs, .x-item-icon.x-io, .x-item-icon.x-jack, .x-item-icon.x-jade, .x-item-icon.x-java, .x-item-icon.x-ji, .x-item-icon.x-jl, .x-item-icon.x-jq, .x-item-icon.x-js, .x-item-icon.x-jsm, .x-item-icon.x-json, .x-item-icon.x-jsp, .x-item-icon.x-jsx, .x-item-icon.x-latex, .x-item-icon.x-ltx, .x-item-icon.x-bib, .x-item-icon.x-lean, .x-item-icon.x-hlean, .x-item-icon.x-less, .x-item-icon.x-liquid, .x-item-icon.x-lisp, .x-item-icon.x-ls, .x-item-icon.x-logic, .x-item-icon.x-lql, .x-item-icon.x-lsl, .x-item-icon.x-lua, .x-item-icon.x-lp, .x-item-icon.x-lucene, .x-item-icon.x-Makefile, .x-item-icon.x-makemakefile, .x-item-icon.x-gnumakefile, .x-item-icon.x-makefile, .x-item-icon.x-ocamlmakefile, .x-item-icon.x-make, .x-item-icon.x-md, .x-item-icon.x-markdown, .x-item-icon.x-mask, .x-item-icon.x-matlab, .x-item-icon.x-mz, .x-item-icon.x-mel, .x-item-icon.x-mc, .x-item-icon.x-mush, .x-item-icon.x-mysql, .x-item-icon.x-nix, .x-item-icon.x-nsi, .x-item-icon.x-nsh, .x-item-icon.x-m, .x-item-icon.x-mm, .x-item-icon.x-ml, .x-item-icon.x-mli, .x-item-icon.x-pas, .x-item-icon.x-p, .x-item-icon.x-pl, .x-item-icon.x-pm, .x-item-icon.x-pgsql, .x-item-icon.x-php, .x-item-icon.x-phtml, .x-item-icon.x-shtml, .x-item-icon.x-php3, .x-item-icon.x-php4, .x-item-icon.x-php5, .x-item-icon.x-phps, .x-item-icon.x-phpt, .x-item-icon.x-aw, .x-item-icon.x-ctp, .x-item-icon.x-module, .x-item-icon.x-ps1, .x-item-icon.x-praat, .x-item-icon.x-praatscript, .x-item-icon.x-psc, .x-item-icon.x-proc, .x-item-icon.x-plg, .x-item-icon.x-prolog, .x-item-icon.x-properties, .x-item-icon.x-proto, .x-item-icon.x-py, .x-item-icon.x-r, .x-item-icon.x-cshtml, .x-item-icon.x-rd, .x-item-icon.x-rhtml, .x-item-icon.x-rst, .x-item-icon.x-rb, .x-item-icon.x-ru, .x-item-icon.x-gemspec, .x-item-icon.x-rake, .x-item-icon.x-guardfile, .x-item-icon.x-rakefile, .x-item-icon.x-gemfile, .x-item-icon.x-rs, .x-item-icon.x-sass, .x-item-icon.x-scad, .x-item-icon.x-scala, .x-item-icon.x-scm, .x-item-icon.x-sm, .x-item-icon.x-rkt, .x-item-icon.x-oak, .x-item-icon.x-scheme, .x-item-icon.x-scss, .x-item-icon.x-sh, .x-item-icon.x-bash, .x-item-icon.x-bashrc, .x-item-icon.x-sjs, .x-item-icon.x-smarty, .x-item-icon.x-tpl, .x-item-icon.x-snippets, .x-item-icon.x-soy, .x-item-icon.x-space, .x-item-icon.x-sql, .x-item-icon.x-sqlserver, .x-item-icon.x-styl, .x-item-icon.x-stylus, .x-item-icon.x-svg, .x-item-icon.x-swift, .x-item-icon.x-tcl, .x-item-icon.x-tex, .x-item-icon.x-toml, .x-item-icon.x-twig, .x-item-icon.x-swig, .x-item-icon.x-ts, .x-item-icon.x-typescript, .x-item-icon.x-str, .x-item-icon.x-vala, .x-item-icon.x-vbs, .x-item-icon.x-vb, .x-item-icon.x-vm, .x-item-icon.x-v, .x-item-icon.x-vh, .x-item-icon.x-sv, .x-item-icon.x-svh, .x-item-icon.x-vhd, .x-item-icon.x-vhdl, .x-item-icon.x-wlk, .x-item-icon.x-wpgm, .x-item-icon.x-wtest, .x-item-icon.x-xml, .x-item-icon.x-rdf, .x-item-icon.x-rss, .x-item-icon.x-wsdl, .x-item-icon.x-xslt, .x-item-icon.x-atom, .x-item-icon.x-mathml, .x-item-icon.x-mml, .x-item-icon.x-xul, .x-item-icon.x-xbl, .x-item-icon.x-xaml, .x-item-icon.x-xq, .x-item-icon.x-yaml, .x-item-icon.x-yml, .x-item-icon.x-cer, .x-item-icon.x-reg, .x-item-icon.x-config, .x-item-icon.x-srt, .x-item-icon.x-ass, .x-item-icon.x-lrc, .x-item-icon.x-vtt, .x-item-icon.x-gitignore, .x-item-icon.x-plist, .x-item-icon.x-htaccess, .x-item-icon.x-localized, .x-item-icon.x-xcscheme, .x-item-icon.x-storyboard, .x-item-icon.x-xib, .x-item-icon.x-strings, .x-item-icon.x-pbxproj, .x-item-icon.x-gitignore, .x-item-icon.x-webapp, .x-item-icon.x-npmignore, .x-item-icon.x-babelrc, .x-item-icon.x-editorconfig, .x-item-icon.x-prettierrc { background-image: url("../../images/file_icon/icon_file/txt.png"); background-size: cover; } .x-item-icon.x-pl, .x-item-icon.x-pm, .x-item-icon.x-cgi, .x-item-icon.x-as, .x-item-icon.x-asm, .x-item-icon.x-clj, .x-item-icon.x-cbl, .x-item-icon.x-cfm, .x-item-icon.x-d, .x-item-icon.x-diff, .x-item-icon.x-dot, .x-item-icon.x-ejs, .x-item-icon.x-erl, .x-item-icon.x-ftl, .x-item-icon.x-go, .x-item-icon.x-hs, .x-item-icon.x-vbs, .x-item-icon.x-haml, .x-item-icon.x-erb, .x-item-icon.x-jade, .x-item-icon.x-json, .x-item-icon.x-jq, .x-item-icon.x-jsx, .x-item-icon.x-ji, .x-item-icon.x-tex, .x-item-icon.x-lisp, .x-item-icon.x-ls, .x-item-icon.x-lsl, .x-item-icon.x-lua, .x-item-icon.x-lp, .x-item-icon.x-matlab, .x-item-icon.x-mel, .x-item-icon.x-r, .x-item-icon.x-yaml, .x-item-icon.x-yml, .x-item-icon.x-js, .x-item-icon.x-vue { background-image: url("../../images/file_icon/icon_file/code.png"); background-size: cover; } .x-item-icon.x-bin, .x-item-icon.x-hex, .x-item-icon.x-zip, .x-item-icon.x-pdf, .x-item-icon.x-swf, .x-item-icon.x-gzip, .x-item-icon.x-rar, .x-item-icon.x-arj, .x-item-icon.x-tar, .x-item-icon.x-gz, .x-item-icon.x-cab, .x-item-icon.x-tbz, .x-item-icon.x-tbz2, .x-item-icon.x-lzh, .x-item-icon.x-uue, .x-item-icon.x-bz2, .x-item-icon.x-ace, .x-item-icon.x-exe, .x-item-icon.x-so, .x-item-icon.x-dll, .x-item-icon.x-chm, .x-item-icon.x-rtf, .x-item-icon.x-odp, .x-item-icon.x-odt, .x-item-icon.x-pages, .x-item-icon.x-class, .x-item-icon.x-psd, .x-item-icon.x-ttf, .x-item-icon.x-fla, .x-item-icon.x-dmg, .x-item-icon.x-dat, .x-item-icon.x-ipa, .x-item-icon.x-lib, .x-item-icon.x-a, .x-item-icon.x-apk, .x-item-icon.x-so, .x-item-icon.x-o { background-image: url("../../images/file_icon/icon_file/bin.png"); background-size: cover; } .x-item-icon.x-music, .x-item-icon.x-mp3, .x-item-icon.x-wma, .x-item-icon.x-mp2, .x-item-icon.x-mid, .x-item-icon.x-aac, .x-item-icon.x-ogg, .x-item-icon.x-oga, .x-item-icon.x-webma, .x-item-icon.x-wav, .x-item-icon.x-m4a, .x-item-icon.x-m3u, .x-item-icon.x-m4a, .x-item-icon.x-midi, .x-item-icon.x-mid, .x-item-icon.x-flac, .x-item-icon.x-alac, .x-item-icon.x-ape, .x-item-icon.x-ac3 { background-image: url("../../images/file_icon/icon_file/music.png"); background-size: cover; } .x-item-icon.x-html, .x-item-icon.x-htm, .x-item-icon.x-url, .x-item-icon.x-tpl, .x-item-icon.x-lnk, .x-item-icon.x-haml, .x-item-icon.x-shtml, .x-item-icon.x-webloc, .x-item-icon.x-hta, .x-item-icon.x-xhtml { background-image: url("../../images/file_icon/icon_file/html.png"); background-size: cover; } .x-item-icon.x-css, .x-item-icon.x-less, .x-item-icon.x-sass { background-image: url("../../images/file_icon/icon_file/css.png"); background-size: cover; } .x-item-icon.x-js, .x-item-icon.x-coffee, .x-item-icon.x-jsx, .x-item-icon.x-ts { background-image: url("../../images/file_icon/icon_file/js.png"); background-size: cover; } .x-item-icon.x-xml, .x-item-icon.x-config, .x-item-icon.x-manifest, .x-item-icon.x-xaml, .x-item-icon.x-csproj, .x-item-icon.x-vbproj { background-image: url("../../images/file_icon/icon_file/xml.png"); background-size: cover; } .x-item-icon.x-cs, .x-item-icon.x-asp, .x-item-icon.x-aspx { background-image: url("../../images/file_icon/icon_file/cs.png"); background-size: cover; } .x-item-icon.x-java, .x-item-icon.x-jsp { background-image: url("../../images/file_icon/icon_file/java.png"); background-size: cover; } .x-item-icon.x-mm, .x-item-icon.x-cc, .x-item-icon.x-cxx, .x-item-icon.x-cpp, .x-item-icon.x-c, .x-item-icon.x-m, .x-item-icon.x-nc { background-image: url("../../images/file_icon/icon_file/cpp.png"); background-size: cover; } .x-item-icon.x-h, .x-item-icon.x-hpp, .x-item-icon.x-hh, .x-item-icon.x-pch { background-image: url("../../images/file_icon/icon_file/h.png"); background-size: cover; } .x-item-icon.x-png, .x-item-icon.x-jpg, .x-item-icon.x-jpeg, .x-item-icon.x-bmp, .x-item-icon.x-gif, .x-item-icon.x-picture, .x-item-icon.x-heic, .x-item-icon.x-ico, .x-item-icon.x-svg, .x-item-icon.x-cur, .x-item-icon.x-webp, .x-item-icon.x-tif, .x-item-icon.x-tiff, .x-item-icon.x-erf, .x-item-icon.x-raf, .x-item-icon.x-kdc, .x-item-icon.x-dcr, .x-item-icon.x-mrw, .x-item-icon.x-nrw, .x-item-icon.x-nef, .x-item-icon.x-orf, .x-item-icon.x-rw2, .x-item-icon.x-pef, .x-item-icon.x-srw, .x-item-icon.x-x3f, .x-item-icon.x-srf, .x-item-icon.x-arw, .x-item-icon.x-sr2 { background-image: url("../../images/file_icon/icon_file/png.png"); background-size: cover; } .x-item-icon.x-make, .x-item-icon.x-Makefile, .x-item-icon.x-makefile, .x-item-icon.x-GNUmakefile, .x-item-icon.x-OCamlMakefile, .x-item-icon.x-makemakefile { background-image: url("../../images/file_icon/icon_file/makefile.png"); background-size: cover; } .x-item-icon.x-iso, .x-item-icon.x-vcd { background-image: url("../../images/file_icon/icon_file/iso.png"); background-size: cover; } .x-item-icon.x-pkg, .x-item-icon.x-package, .x-item-icon.x-framework { background-image: url("../../images/file_icon/icon_file/pkg.png"); background-size: cover; } .x-item-icon.x-7z, .x-item-icon.x-apk, .x-item-icon.x-ace, .x-item-icon.x-arj, .x-item-icon.x-bza, .x-item-icon.x-cab, .x-item-icon.x-cxr, .x-item-icon.x-dgc, .x-item-icon.x-gca, .x-item-icon.x-gz, .x-item-icon.x-gza, .x-item-icon.x-iso, .x-item-icon.x-jar, .x-item-icon.x-lzh, .x-item-icon.x-rar, .x-item-icon.x-rk, .x-item-icon.x-tar, .x-item-icon.x-tbz, .x-item-icon.x-tgz, .x-item-icon.x-tlz, .x-item-icon.x-txz, .x-item-icon.x-yz1, .x-item-icon.x-zip { background-image: url("../../images/file_icon/icon_file/zip_all.png"); background-size: cover; } .x-item-icon.x-exe, .x-item-icon.x-bin, .x-item-icon.x-class, .x-item-icon.x-a, .x-item-icon.x-so { background-image: url("../../images/file_icon/icon_file/exe.png"); background-size: cover; } .x-item-icon.x-ttf, .x-item-icon.x-otf, .x-item-icon.x-eot, .x-item-icon.x-woff, .x-item-icon.x-tiff, .x-item-icon.x-ttc { background-image: url("../../images/file_icon/icon_file/font.png"); background-size: cover; } .x-item-icon.x-bat, .x-item-icon.x-cmd, .x-item-icon.x-sh, .x-item-icon.x-bash, .x-item-icon.x-bashrc { background-image: url("../../images/file_icon/icon_file/cmd.png"); background-size: cover; } .x-item-icon.x-ini, .x-item-icon.x-inf, .x-item-icon.x-conf, .x-item-icon.x-meta, .x-item-icon.x-plist, .x-item-icon.x-htaccess, .x-item-icon.x-localized, .x-item-icon.x-xcscheme, .x-item-icon.x-storyboard, .x-item-icon.x-xib, .x-item-icon.x-strings, .x-item-icon.x-pbxproj, .x-item-icon.gitmodules, .x-item-icon.x-gitignore, .x-item-icon.x-webapp, .x-item-icon.x-npmignore, .x-item-icon.x-babelrc, .x-item-icon.x-editorconfig, .x-item-icon.x-prettierrc { background-image: url("../../images/file_icon/icon_file/ini.png"); background-size: cover; } .x-item-icon.x-md, .x-item-icon.x-markdown { background-image: url("../../images/file_icon/icon_file/md.png"); background-size: cover; } .x-item-icon.x-file { background-image: url("../../images/file_icon/icon_file/file.png"); background-size: cover; } .x-item-icon.x-accdb { background-image: url("../../images/file_icon/icon_file/accdb.png"); background-size: cover; } .x-item-icon.x-7z { background-image: url("../../images/file_icon/icon_file/7z.png"); background-size: cover; } .x-item-icon.x-ai { background-image: url("../../images/file_icon/icon_file/ai.png"); background-size: cover; } .x-item-icon.x-air { background-image: url("../../images/file_icon/icon_file/air.png"); background-size: cover; } .x-item-icon.x-arj { background-image: url("../../images/file_icon/icon_file/arj.png"); background-size: cover; } .x-item-icon.x-apk { background-image: url("../../images/file_icon/icon_file/apk.png"); background-size: cover; } .x-item-icon.x-as { background-image: url("../../images/file_icon/icon_file/as.png"); background-size: cover; } .x-item-icon.x-ascx { background-image: url("../../images/file_icon/icon_file/ascx.png"); background-size: cover; } .x-item-icon.x-ashx { background-image: url("../../images/file_icon/icon_file/ashx.png"); background-size: cover; } .x-item-icon.x-asmx { background-image: url("../../images/file_icon/icon_file/asmx.png"); background-size: cover; } .x-item-icon.x-aspx { background-image: url("../../images/file_icon/icon_file/aspx.png"); background-size: cover; } .x-item-icon.x-bz2 { background-image: url("../../images/file_icon/icon_file/bz2.png"); background-size: cover; } .x-item-icon.x-cdr { background-image: url("../../images/file_icon/icon_file/cdr.png"); background-size: cover; } .x-item-icon.x-cer { background-image: url("../../images/file_icon/icon_file/cer.png"); background-size: cover; } .x-item-icon.x-chm { background-image: url("../../images/file_icon/icon_file/chm.png"); background-size: cover; } .x-item-icon.x-cmd { background-image: url("../../images/file_icon/icon_file/cmd.png"); background-size: cover; } .x-item-icon.x-c { background-image: url("../../images/file_icon/icon_file/c.png"); background-size: cover; } .x-item-icon.x-cpp { background-image: url("../../images/file_icon/icon_file/cpp.png"); background-size: cover; } .x-item-icon.x-cs { background-image: url("../../images/file_icon/icon_file/cs.png"); background-size: cover; } .x-item-icon.x-cshtml { background-image: url("../../images/file_icon/icon_file/cshtml.png"); background-size: cover; } .x-item-icon.x-csproj { background-image: url("../../images/file_icon/icon_file/csproj.png"); background-size: cover; } .x-item-icon.x-css { background-image: url("../../images/file_icon/icon_file/css.png"); background-size: cover; } .x-item-icon.x-csv { background-image: url("../../images/file_icon/icon_file/csv.png"); background-size: cover; } .x-item-icon.x-djvu { background-image: url("../../images/file_icon/icon_file/djvu.png"); background-size: cover; } .x-item-icon.x-dll { background-image: url("../../images/file_icon/icon_file/dll.png"); background-size: cover; } .x-item-icon.x-dng { background-image: url("../../images/file_icon/icon_file/dng.png"); background-size: cover; } .x-item-icon.x-dmg, .x-item-icon.x-img { background-image: url("../../images/file_icon/icon_file/dmg.png"); background-size: cover; } .x-item-icon.x-doc, .x-item-icon.x-wps { background-image: url("../../images/file_icon/icon_file/doc.png"); background-size: cover; } .x-item-icon.x-docm { background-image: url("../../images/file_icon/icon_file/docm.png"); background-size: cover; } .x-item-icon.x-docx { background-image: url("../../images/file_icon/icon_file/docx.png"); background-size: cover; } .x-item-icon.x-dot { background-image: url("../../images/file_icon/icon_file/dot.png"); background-size: cover; } .x-item-icon.x-dotm { background-image: url("../../images/file_icon/icon_file/dotm.png"); background-size: cover; } .x-item-icon.x-dotx { background-image: url("../../images/file_icon/icon_file/dotx.png"); background-size: cover; } .x-item-icon.x-dtd { background-image: url("../../images/file_icon/icon_file/dtd.png"); background-size: cover; } .x-item-icon.x-eps { background-image: url("../../images/file_icon/icon_file/eps.png"); background-size: cover; } .x-item-icon.x-epub { background-image: url("../../images/file_icon/icon_file/epub.png"); background-size: cover; } .x-item-icon.x-exe { background-image: url("../../images/file_icon/icon_file/exe.png"); background-size: cover; } .x-item-icon.x-eml { background-image: url("../../images/file_icon/icon_file/eml.png"); background-size: cover; } .x-item-icon.x-f { background-image: url("../../images/file_icon/icon_file/f.png"); background-size: cover; } .x-item-icon.x-file { background-image: url("../../images/file_icon/icon_file/file.png"); background-size: cover; } .x-item-icon.x-fla { background-image: url("../../images/file_icon/icon_file/fla.png"); background-size: cover; } .x-item-icon.x-font { background-image: url("../../images/file_icon/icon_file/font.png"); background-size: cover; } .x-item-icon.x-gif { background-image: url("../../images/file_icon/icon_file/gif.png"); background-size: cover; } .x-item-icon.x-gz { background-image: url("../../images/file_icon/icon_file/gz.png"); background-size: cover; } .x-item-icon.x-h { background-image: url("../../images/file_icon/icon_file/h.png"); background-size: cover; } .x-item-icon.x-hdr { background-image: url("../../images/file_icon/icon_file/hdr.png"); background-size: cover; } .x-item-icon.x-hlp { background-image: url("../../images/file_icon/icon_file/hlp.png"); background-size: cover; } .x-item-icon.x-html { background-image: url("../../images/file_icon/icon_file/html.png"); background-size: cover; } .x-item-icon.x-indd { background-image: url("../../images/file_icon/icon_file/indd.png"); background-size: cover; } .x-item-icon.x-ini { background-image: url("../../images/file_icon/icon_file/ini.png"); background-size: cover; } .x-item-icon.x-ipa { background-image: url("../../images/file_icon/icon_file/ipa.png"); background-size: cover; } .x-item-icon.x-jar { background-image: url("../../images/file_icon/icon_file/jar.png"); background-size: cover; } .x-item-icon.x-java { background-image: url("../../images/file_icon/icon_file/java.png"); background-size: cover; } .x-item-icon.x-jpg { background-image: url("../../images/file_icon/icon_file/jpg.png"); background-size: cover; } .x-item-icon.x-js { background-image: url("../../images/file_icon/icon_file/js.png"); background-size: cover; } .x-item-icon.x-json { background-image: url("../../images/file_icon/icon_file/json.png"); background-size: cover; } .x-item-icon.x-key { background-image: url("../../images/file_icon/icon_file/key.png"); background-size: cover; } .x-item-icon.x-ldf { background-image: url("../../images/file_icon/icon_file/ldf.png"); background-size: cover; } .x-item-icon.x-lnk { background-image: url("../../images/file_icon/icon_file/lnk.png"); background-size: cover; } .x-item-icon.x-makefile { background-image: url("../../images/file_icon/icon_file/makefile.png"); background-size: cover; } .x-item-icon.x-mdb { background-image: url("../../images/file_icon/icon_file/mdb.png"); background-size: cover; } .x-item-icon.x-mdf { background-image: url("../../images/file_icon/icon_file/mdf.png"); background-size: cover; } .x-item-icon.x-mht { background-image: url("../../images/file_icon/icon_file/mht.png"); background-size: cover; } .x-item-icon.x-mhtml { background-image: url("../../images/file_icon/icon_file/mhtml.png"); background-size: cover; } .x-item-icon.x-midi { background-image: url("../../images/file_icon/icon_file/midi.png"); background-size: cover; } .x-item-icon.x-mpp { background-image: url("../../images/file_icon/icon_file/mpp.png"); background-size: cover; } .x-item-icon.x-mpt { background-image: url("../../images/file_icon/icon_file/mpt.png"); background-size: cover; } .x-item-icon.x-msg { background-image: url("../../images/file_icon/icon_file/msg.png"); background-size: cover; } .x-item-icon.x-msi { background-image: url("../../images/file_icon/icon_file/msi.png"); background-size: cover; } .x-item-icon.x-numbers { background-image: url("../../images/file_icon/icon_file/numbers.png"); background-size: cover; } .x-item-icon.x-odp { background-image: url("../../images/file_icon/icon_file/odp.png"); background-size: cover; } .x-item-icon.x-ods { background-image: url("../../images/file_icon/icon_file/ods.png"); background-size: cover; } .x-item-icon.x-odt { background-image: url("../../images/file_icon/icon_file/odt.png"); background-size: cover; } .x-item-icon.x-oexe { background-image: url("../../images/file_icon/icon_file/oexe.png"); background-size: cover; } .x-item-icon.x-oexe2 { background-image: url("../../images/file_icon/icon_file/oexe2.png"); background-size: cover; } .x-item-icon.x-ogg { background-image: url("../../images/file_icon/icon_file/ogg.png"); background-size: cover; } .x-item-icon.x-pages { background-image: url("../../images/file_icon/icon_file/pages.png"); background-size: cover; } .x-item-icon.x-pdb { background-image: url("../../images/file_icon/icon_file/pdb.png"); background-size: cover; } .x-item-icon.x-pdf { background-image: url("../../images/file_icon/icon_file/pdf.png"); background-size: cover; } .x-item-icon.x-php { background-image: url("../../images/file_icon/icon_file/php.png"); background-size: cover; } .x-item-icon.x-pkg { background-image: url("../../images/file_icon/icon_file/pkg.png"); background-size: cover; } .x-item-icon.x-pl { background-image: url("../../images/file_icon/icon_file/pl.png"); background-size: cover; } .x-item-icon.x-png { background-image: url("../../images/file_icon/icon_file/png.png"); background-size: cover; } .x-item-icon.x-pps { background-image: url("../../images/file_icon/icon_file/pps.png"); background-size: cover; } .x-item-icon.x-ppsx { background-image: url("../../images/file_icon/icon_file/ppsx.png"); background-size: cover; } .x-item-icon.x-ppt { background-image: url("../../images/file_icon/icon_file/ppt.png"); background-size: cover; } .x-item-icon.x-pptx { background-image: url("../../images/file_icon/icon_file/pptx.png"); background-size: cover; } .x-item-icon.x-pot { background-image: url("../../images/file_icon/icon_file/pot.png"); background-size: cover; } .x-item-icon.x-potx, .x-item-icon.x-ppam { background-image: url("../../images/file_icon/icon_file/potx.png"); background-size: cover; } .x-item-icon.x-prproj { background-image: url("../../images/file_icon/icon_file/prproj.png"); background-size: cover; } .x-item-icon.x-ps1 { background-image: url("../../images/file_icon/icon_file/ps1.png"); background-size: cover; } .x-item-icon.x-psd { background-image: url("../../images/file_icon/icon_file/psd.png"); background-size: cover; } .x-item-icon.x-pspimage { background-image: url("../../images/file_icon/icon_file/pspimage.png"); background-size: cover; } .x-item-icon.x-pst { background-image: url("../../images/file_icon/icon_file/pst.png"); background-size: cover; } .x-item-icon.x-pub { background-image: url("../../images/file_icon/icon_file/pub.png"); background-size: cover; } .x-item-icon.x-py { background-image: url("../../images/file_icon/icon_file/py.png"); background-size: cover; } .x-item-icon.x-rar { background-image: url("../../images/file_icon/icon_file/rar.png"); background-size: cover; } .x-item-icon.x-rb { background-image: url("../../images/file_icon/icon_file/rb.png"); background-size: cover; } .x-item-icon.x-reg { background-image: url("../../images/file_icon/icon_file/reg.png"); background-size: cover; } .x-item-icon.x-resx { background-image: url("../../images/file_icon/icon_file/resx.png"); background-size: cover; } .x-item-icon.x-rtf { background-image: url("../../images/file_icon/icon_file/rtf.png"); background-size: cover; } .x-item-icon.x-sitx { background-image: url("../../images/file_icon/icon_file/sitx.png"); background-size: cover; } .x-item-icon.x-sln { background-image: url("../../images/file_icon/icon_file/sln.png"); background-size: cover; } .x-item-icon.x-sql { background-image: url("../../images/file_icon/icon_file/sql.png"); background-size: cover; } .x-item-icon.x-suo { background-image: url("../../images/file_icon/icon_file/suo.png"); background-size: cover; } .x-item-icon.x-svg { background-image: url("../../images/file_icon/icon_file/svg.png"); background-size: cover; } .x-item-icon.x-swf { background-image: url("../../images/file_icon/icon_file/swf.png"); background-size: cover; } .x-item-icon.x-tar { background-image: url("../../images/file_icon/icon_file/tar.png"); background-size: cover; } .x-item-icon.x-tga { background-image: url("../../images/file_icon/icon_file/tga.png"); background-size: cover; } .x-item-icon.x-tgz { background-image: url("../../images/file_icon/icon_file/tgz.png"); background-size: cover; } .x-item-icon.x-txt { background-image: url("../../images/file_icon/icon_file/txt.png"); background-size: cover; } .x-item-icon.x-torrent { background-image: url("../../images/file_icon/icon_file/utorrent.png"); background-size: cover; } .x-item-icon.x-utorrent { background-image: url("../../images/file_icon/icon_file/utorrent.png"); background-size: cover; } .x-item-icon.x-vb { background-image: url("../../images/file_icon/icon_file/vb.png"); background-size: cover; } .x-item-icon.x-vbproj { background-image: url("../../images/file_icon/icon_file/vbproj.png"); background-size: cover; } .x-item-icon.x-vbs { background-image: url("../../images/file_icon/icon_file/vbs.png"); background-size: cover; } .x-item-icon.x-vcf { background-image: url("../../images/file_icon/icon_file/vcf.png"); background-size: cover; } .x-item-icon.x-vcproj { background-image: url("../../images/file_icon/icon_file/vcproj.png"); background-size: cover; } .x-item-icon.x-vcxproj { background-image: url("../../images/file_icon/icon_file/vcxproj.png"); background-size: cover; } .x-item-icon.x-vdw { background-image: url("../../images/file_icon/icon_file/vdw.png"); background-size: cover; } .x-item-icon.x-vdx { background-image: url("../../images/file_icon/icon_file/vdx.png"); background-size: cover; } .x-item-icon.x-vsd { background-image: url("../../images/file_icon/icon_file/vsd.png"); background-size: cover; } .x-item-icon.x-vsdx { background-image: url("../../images/file_icon/icon_file/vsdx.png"); background-size: cover; } .x-item-icon.x-vss { background-image: url("../../images/file_icon/icon_file/vss.png"); background-size: cover; } .x-item-icon.x-vst { background-image: url("../../images/file_icon/icon_file/vst.png"); background-size: cover; } .x-item-icon.x-vsx { background-image: url("../../images/file_icon/icon_file/vsx.png"); background-size: cover; } .x-item-icon.x-vtx { background-image: url("../../images/file_icon/icon_file/vtx.png"); background-size: cover; } .x-item-icon.x-xaml { background-image: url("../../images/file_icon/icon_file/xaml.png"); background-size: cover; } .x-item-icon.x-xap { background-image: url("../../images/file_icon/icon_file/xap.png"); background-size: cover; } .x-item-icon.x-xls { background-image: url("../../images/file_icon/icon_file/xls.png"); background-size: cover; } .x-item-icon.x-xlsb { background-image: url("../../images/file_icon/icon_file/xlsb.png"); background-size: cover; } .x-item-icon.x-xlsm { background-image: url("../../images/file_icon/icon_file/xlsm.png"); background-size: cover; } .x-item-icon.x-xlsx { background-image: url("../../images/file_icon/icon_file/xlsx.png"); background-size: cover; } .x-item-icon.x-xlt { background-image: url("../../images/file_icon/icon_file/xlt.png"); background-size: cover; } .x-item-icon.x-xltx { background-image: url("../../images/file_icon/icon_file/xltx.png"); background-size: cover; } .x-item-icon.x-xml { background-image: url("../../images/file_icon/icon_file/xml.png"); background-size: cover; } .x-item-icon.x-xps { background-image: url("../../images/file_icon/icon_file/xps.png"); background-size: cover; } .x-item-icon.x-xsd { background-image: url("../../images/file_icon/icon_file/xsd.png"); background-size: cover; } .x-item-icon.x-xsl { background-image: url("../../images/file_icon/icon_file/xsl.png"); background-size: cover; } .x-item-icon.x-y { background-image: url("../../images/file_icon/icon_file/y.png"); background-size: cover; } .x-item-icon.x-zip { background-image: url("../../images/file_icon/icon_file/zip.png"); background-size: cover; } .x-item-icon.x-avi, .x-item-icon.x-rm, .x-item-icon.x-rmvb, .x-item-icon.x-mpg, .x-item-icon.x-mkv, .x-item-icon.x-wmv, .x-item-icon.x-mov, .x-item-icon.x-mp4, .x-item-icon.x-evo, .x-item-icon.x-divx, .x-item-icon.x-3gp, .x-item-icon.x-3g2, .x-item-icon.x-asf, .x-item-icon.x-ogv, .x-item-icon.x-webmv, .x-item-icon.x-cue, .x-item-icon.x-hd, .x-item-icon.x-hdmov, .x-item-icon.x-mov, .x-item-icon.x-mp4v, .x-item-icon.x-mpeg, .x-item-icon.x-ogm, .x-item-icon.x-qt, .x-item-icon.x-spx, .x-item-icon.x-vob, .x-item-icon.x-wmv, .x-item-icon.x-xvid, .x-item-icon.x-webm, .x-item-icon.x-m4v, .x-item-icon.x-mts, .x-item-icon.x-mpe, .x-item-icon.x-m2ts, .x-item-icon.x-mpv, .x-item-icon.x-cue { background-image: url("../../images/file_icon/icon_file/movie/movie.png"); background-size: cover; } .x-item-icon.x-flv, .x-item-icon.x-f4v { background-image: url("../../images/file_icon/icon_file/movie/flv.png"); background-size: cover; } .x-item-icon.x-rmvb { background-image: url("../../images/file_icon/icon_file/movie/rmvb.png"); background-size: cover; } .x-item-icon.x-mkv { background-image: url("../../images/file_icon/icon_file/movie/mkv.png"); background-size: cover; } .x-item-icon.x-mp4, .x-item-icon.x-m4v { background-image: url("../../images/file_icon/icon_file/movie/mp4.png"); background-size: cover; } .x-item-icon.x-mov { background-image: url("../../images/file_icon/icon_file/movie/mov.png"); background-size: cover; } .x-item-icon.x-avi { background-image: url("../../images/file_icon/icon_file/movie/avi.png"); background-size: cover; } .x-item-icon.x-3dm, .x-item-icon.x-3ds, .x-item-icon.x-asm, .x-item-icon.x-cam360, .x-item-icon.x-catpart, .x-item-icon.x-catproduct, .x-item-icon.x-cgr, .x-item-icon.x-collaboration, .x-item-icon.x-dae, .x-item-icon.x-dgn, .x-item-icon.x-dlv3, .x-item-icon.x-dwf, .x-item-icon.x-dwfx, .x-item-icon.x-dwg, .x-item-icon.x-dwt, .x-item-icon.x-dxf, .x-item-icon.x-exp, .x-item-icon.x-f3d, .x-item-icon.x-fbx, .x-item-icon.x-g, .x-item-icon.x-gbxml, .x-item-icon.x-iam, .x-item-icon.x-idw, .x-item-icon.x-ifc, .x-item-icon.x-ige, .x-item-icon.x-iges, .x-item-icon.x-igs, .x-item-icon.x-ipt, .x-item-icon.x-jt, .x-item-icon.x-model, .x-item-icon.x-neu, .x-item-icon.x-nwc, .x-item-icon.x-nwd, .x-item-icon.x-obj, .x-item-icon.x-prt, .x-item-icon.x-rvt, .x-item-icon.x-sab, .x-item-icon.x-sat, .x-item-icon.x-session, .x-item-icon.x-skp, .x-item-icon.x-sldasm, .x-item-icon.x-sldprt, .x-item-icon.x-smb, .x-item-icon.x-smt, .x-item-icon.x-ste, .x-item-icon.x-step, .x-item-icon.x-stl, .x-item-icon.x-stla, .x-item-icon.x-stlb, .x-item-icon.x-stp, .x-item-icon.x-wire, .x-item-icon.x-x_b, .x-item-icon.x-x_t, .x-item-icon.x-xas, .x-item-icon.x-xpr { background-image: url("../../images/file_icon/icon_file/autodesk/autodesk.png"); background-size: cover; } .x-item-icon.x-3ds { background-image: url("../../images/file_icon/icon_file/autodesk/3ds.png"); background-size: cover; } .x-item-icon.x-3dm { background-image: url("../../images/file_icon/icon_file/autodesk/3dm.png"); background-size: cover; } .x-item-icon.x-dae { background-image: url("../../images/file_icon/icon_file/autodesk/dae.png"); background-size: cover; } .x-item-icon.x-stl, .x-item-icon.x-stla, .x-item-icon.x-stlb { background-image: url("../../images/file_icon/icon_file/autodesk/stl.png"); background-size: cover; } .x-item-icon.x-dwg { background-image: url("../../images/file_icon/icon_file/autodesk/dwg.png"); background-size: cover; } .x-item-icon.x-dwf { background-image: url("../../images/file_icon/icon_file/autodesk/dwf.png"); background-size: cover; } .x-item-icon.x-dwfx { background-image: url("../../images/file_icon/icon_file/autodesk/dwf.png"); background-size: cover; } .x-item-icon.x-dxf { background-image: url("../../images/file_icon/icon_file/autodesk/dxf.png"); background-size: cover; } .x-item-icon.x-ifc { background-image: url("../../images/file_icon/icon_file/autodesk/ifc.png"); background-size: cover; } .x-item-icon.x-iam { background-image: url("../../images/file_icon/icon_file/autodesk/iam.png"); background-size: cover; } .x-item-icon.x-fbx { background-image: url("../../images/file_icon/icon_file/autodesk/fbx.png"); background-size: cover; } .x-item-icon.x-rvt { background-image: url("../../images/file_icon/icon_file/autodesk/rvt.png"); background-size: cover; } .x-item-icon.x-skp { background-image: url("../../images/file_icon/icon_file/autodesk/skp.png"); background-size: cover; } .x-item-icon.x-vnd, .x-item-icon.x-dgn { background-image: url("../../images/file_icon/icon_file/autodesk/vnd-dgn.png"); background-size: cover; } .file-select { background: #cce8ff; border-color: #99d1ff; } .file-select:focus, .file-select.file-focus { border-color: #66baff; } .file-hover { background: #e5f3ff; border-color: transparent; } .select-container { position: absolute; cursor: default; width: 0px; height: 0px; border: 1px solid #005ec9; background-color: #63acff; z-index: 1000; opacity: 0.5; filter: alpha(opacity=50); } .select-container:hover, .select-container:active { cursor: default; } .file-continer .file .title-type-name .title.db-click-rename { cursor: text; } .file-continer .file .item-menu { display: none; position: absolute; right: 4px; top: 4px; width: 16px; height: 16px; text-align: center; border: 1px solid #ddd; background: #fff; cursor: pointer; z-index: 50; border-radius: 2px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .file-continer .file .item-menu .cert { margin-top: 6px; margin-left: 4px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid silver; } .file-continer .file .item-menu:hover, .file-continer .file .item-menu:active, .file-continer .file.context-menu-active .item-menu { border-color: #3399ff; background: #dff1ff; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .file-continer .file .item-menu:hover .cert, .file-continer .file .item-menu:active .cert, .file-continer .file.context-menu-active .item-menu .cert { border-top-color: #3399ff; } .file-continer .file .item-select { display: none; position: absolute; right: 4px; top: 4px; width: 16px; height: 16px; text-align: center; border: 1px solid #ddd; background: #fff; cursor: pointer; z-index: 50; border-radius: 2px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; padding: 2px; left: 5px; border-radius: 50%; background: rgba(0,0,0,0.05); border: none; color: #fff; } .file-continer .file .item-select .cert { margin-top: 6px; margin-left: 4px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid silver; } .file-continer .file .item-select:hover, .file-continer .file .item-select:active { color: #fff; background: rgba(0,0,0,0.2); box-shadow: none; } .file-continer .file .item-select .item-check:before { position: relative; left: -2px; } .file-continer .file.hover .item-menu, .file-continer .file.select .item-menu, .file-continer .file.file-select-drag-temp .item-menu { display: block; } .file-continer .file.hover .item-select, .file-continer .file.select .item-select, .file-continer .file.file-select-drag-temp .item-select { display: block; } .file-continer .file.select .item-select { color: #fff; background: #3b8cff; } .file-continer .file.file-not-exists { opacity: 0.8; } .file-continer .file.file-not-exists .title { opacity: 0.5; } .file-continer .file.file-not-exists .path-self-share { display: none; } .file-list-icon .file { position: relative; } .file-list-icon .file .download { position: absolute; bottom: 4px; margin-left: 45px; opacity: 0.5; filter: alpha(opacity=50); } .file-list-icon .file .download .btn { font-size: 1.25em; padding: 0; display: block; border-radius: 18px; height: 30px; line-height: 30px; width: 30px; color: #aaa; } .file-list-list .file { position: relative; } .file-list-list .file .download { position: absolute; bottom: -2px; margin-left: 45px; left: 180px; z-index: 99; opacity: 0.5; filter: alpha(opacity=50); } .file-list-list .file .download .btn { font-size: 1.25em; padding: 0; display: block; border-radius: 18px; height: 28px; line-height: 28px; width: 28px; color: #aaa; } .file-list-split .file .path-ico, .file-list-list .file .path-ico, .file-list-icon .file .path-ico { text-align: center; -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; pointer-events: none; } .file-list-split .file .path-ico .x-item-icon, .file-list-list .file .path-ico .x-item-icon, .file-list-icon .file .path-ico .x-item-icon { border-radius: 5px; margin-top: 5px; } .file-list-split .file .path-ico .x-item-icon.small, .file-list-list .file .path-ico .x-item-icon.small, .file-list-icon .file .path-ico .x-item-icon.small { border-radius: 0; } .file-list-split .file .path-ico .x-item-icon.label, .file-list-list .file .path-ico .x-item-icon.label, .file-list-icon .file .path-ico .x-item-icon.label { border-radius: 50%; } .file-list-split .file .path-ico .picture, .file-list-list .file .path-ico .picture, .file-list-icon .file .path-ico .picture { margin-top: 2px; position: relative; } .file-list-split .file .path-ico .picture[filetype="svg"] img, .file-list-split .file .path-ico .picture[filetype="gif"] img, .file-list-split .file .path-ico .picture[filetype="png"] img, .file-list-list .file .path-ico .picture[filetype="svg"] img, .file-list-list .file .path-ico .picture[filetype="gif"] img, .file-list-list .file .path-ico .picture[filetype="png"] img, .file-list-icon .file .path-ico .picture[filetype="svg"] img, .file-list-icon .file .path-ico .picture[filetype="gif"] img, .file-list-icon .file .path-ico .picture[filetype="png"] img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==") left center; } .file-list-split .file .path-ico .picture:after, .file-list-list .file .path-ico .picture:after, .file-list-icon .file .path-ico .picture:after { position: absolute; left: 0; width: 100%; height: 100%; background: transparent; content: ""; } .file-list-split .file .path-ico .picture img, .file-list-list .file .path-ico .picture img, .file-list-icon .file .path-ico .picture img { max-height: 98%; max-width: 100%; border-radius: 2px; transition: all 0.2s ease; background: #fff; object-fit: cover; -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2); box-shadow: 1px 1px 5px rgba(0,0,0,0.2); position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; pointer-events: none; } .file-list-split .file .path-ico .picture img.lazyload-ready, .file-list-list .file .path-ico .picture img.lazyload-ready, .file-list-icon .file .path-ico .picture img.lazyload-ready { width: 16px !important; height: 16px !important; box-shadow: none !important; } .file-list-split .file .path-ico .picture img.image-cover, .file-list-list .file .path-ico .picture img.image-cover, .file-list-icon .file .path-ico .picture img.image-cover { max-height: 90%; box-shadow: 3px 4px 12px 0 rgba(0,0,0,0.2); } .file-list-split .file .path-ico.path-ico-oexe .ico, .file-list-list .file .path-ico.path-ico-oexe .ico, .file-list-icon .file .path-ico.path-ico-oexe .ico { margin-top: 5px; position: relative; display: block; } .file-list-split .file .path-ico.path-ico-oexe .x-item-icon, .file-list-list .file .path-ico.path-ico-oexe .x-item-icon, .file-list-icon .file .path-ico.path-ico-oexe .x-item-icon { margin-top: 0px; } .file-list-split .file .path-ico.path-ico-oexe img, .file-list-list .file .path-ico.path-ico-oexe img, .file-list-icon .file .path-ico.path-ico-oexe img { max-height: 85%; max-width: 100%; border-radius: 6px; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .file-list-split .file .path-ico, .file-list-list .file .path-ico { overflow: inherit !important; font-size: 16px; } .file-list-split .file .path-ico .picture, .file-list-list .file .path-ico .picture { margin-top: -1px; height: 100%; width: 100%; } .file-list-split .file .path-ico .x-item-icon, .file-list-list .file .path-ico .x-item-icon { margin-top: 0; margin-left: 2px; } .file-list-split .file .path-ico.path-ico-oexe .ico, .file-list-list .file .path-ico.path-ico-oexe .ico { margin-top: 0; } .file-list-split .file .path-ico.path-ico-oexe img, .file-list-list .file .path-ico.path-ico-oexe img { position: relative; border-radius: 2px; } .file-list-icon { padding: 10px 10px 0 10px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .file-list-icon:after { width: 82px; content: ""; display: block; } .file-list-icon .flex-empty { width: 75px; border: 1px solid transparent; margin: 0; margin-right: 10px; margin-bottom: 10px; visibility: hidden; height: 0 !important; } .file-list-icon .file { border: 1px solid transparent; padding: 0px; box-shadow: 0px 0px 2px rgba(255,255,255,0); border-radius: 3px; -webkit-transition: background 0.2s, border 0.2s, color 0.2s; -moz-transition: background 0.2s, border 0.2s, color 0.2s; -o-transition: background 0.2s, border 0.2s, color 0.2s; -ms-transition: background 0.2s, border 0.2s, color 0.2s; transition: background 0.2s, border 0.2s, color 0.2s; width: 60px; height: 75px; text-decoration: none; margin: 0; margin-right: 10px; margin-bottom: 10px; overflow: hidden; text-align: center; display: inline-block; max-height: 200px; height: auto; vertical-align: top; } .file-list-icon .file .ico { -webkit-transition: all 0.168s; -moz-transition: all 0.168s; -o-transition: all 0.168s; -ms-transition: all 0.168s; transition: all 0.168s; } .file-list-icon .file.hover { background: #e5f3ff; border-color: transparent; } .file-list-icon .file:focus { outline: none; border-color: #d9d9d9; } .file-list-icon .file .title-type-name { width: 60px; cursor: default; text-align: center; word-break: break-all; font-size: 1.0em; margin: 0 auto; line-height: 20px; padding: 6px 2px 6px 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .file-list-icon .file .title-type-name .title { display: block; } .file-list-icon .file .title-type-name .title-count { opacity: 0.8; font-size: 10px; color: #ccc; display: none; } .file-list-icon .file.select, .file-list-icon .file.file-select-drag-temp { background: #cce8ff; border-color: #99d1ff; } .file-list-icon .file.select:focus, .file-list-icon .file.select.file-focus, .file-list-icon .file.file-select-drag-temp:focus, .file-list-icon .file.file-select-drag-temp.file-focus { border-color: #66baff; } .file-list-icon .file.file-icon-edit { overflow: visible; } .file-list-icon .file.file-icon-edit .title-type-name .textarea { width: 100%; } .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile { resize: none; padding: 3px 2px 8px 2px; margin: -4px 0 0 -3px; overflow-y: hidden; border: 1px solid #aaa; font-size: 1.0em; text-align: center; z-index: 10; position: relative; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile:focus { outline: none; } .file-list-icon .file .path-ico { height: 60px; width: 60px; } .file-list-icon .file .path-ico .svg-icon { margin-top: 2px; } .context-menu-item.set-icon-size .icon-size-smallx { font-size: 0.9em; } .context-menu-item.set-icon-size .icon-size-small { font-size: 1.0em; } .context-menu-item.set-icon-size .icon-size-default { font-size: 1.15em; } .context-menu-item.set-icon-size .icon-size-big { font-size: 1.25em; } .context-menu-item.set-icon-size .icon-size-bigx { font-size: 1.35em; } .list-type-header { z-index: 20; left: 0px; right: 0px; position: absolute; background: #fff; height: 25px; border-bottom: 1px solid #e3e3e3; -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.05); -moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.05); box-shadow: 0px 6px 10px rgba(0,0,0,0.05); } .list-type-header .main-title { position: absolute; left: 0; overflow: hidden; white-space: nowrap; display: flex; } .list-type-header .main-title .title-item { display: inline-block; cursor: pointer; overflow: hidden; line-height: 25px; height: 25px; border-right: 1px solid #eee; padding: 0 10px; margin-left: -10px; font-size: 1.0em; color: #448; white-space: nowrap; text-overflow: ellipsis; } .list-type-header .main-title .title-item .title-item-cert { float: right; } .list-type-header .main-title .title-item:hover, .list-type-header .main-title .title-item:active, .list-type-header .main-title .title-item.this { background: #e5f3ff; } .list-type-header .main-title .resize { display: inline-block; width: 20px; height: 25px; cursor: col-resize; margin-left: -10px; z-index: 9999; position: relative; } .list-type-header .main-title .resize.resize-focus, .list-type-header .main-title .resize:hover, .list-type-header .main-title .resize:active { background: rgba(24,144,255,0.1); } .list-type-header .main-title .current { background: rgba(0,0,0,0.8); } .list-type-header .main-title .title-type-name { width: 250px; padding-left: 20px; margin-left: 0px; padding-right: 0; } .list-type-header .main-title .title-type-name .title-item-cert { margin-right: 10px; } .list-type-header .main-title .title-type-name .title-item-name { padding-left: 13px; } .list-type-header .main-title .title-type-ext { width: 80px; } .list-type-header .main-title .title-type-size { width: 80px; text-align: right; } .list-type-header .main-title .title-type-modifyTime { width: 150px; padding-right: 12px; } .list-type-header .main-title .this { font-weight: 800; } .list-type-header .main-title.can-not-sort .title-item:hover, .list-type-header .main-title.can-not-sort .title-item:active, .list-type-header .main-title.can-not-sort .title-item.this { background: #fff; } .list-type-header .main-title.can-not-sort .title-item .title-item-cert { display: none; } .file-list-split { padding-top: 10px; } .file-list-list, .file-list-split { z-index: 0; padding-left: 10px; } .file-list-list .file, .file-list-split .file { border: 1px solid transparent; padding: 0px; box-shadow: 0px 0px 2px rgba(255,255,255,0); border-radius: 3px; margin-left: 0; -webkit-transition: background 0.2s, border 0.2s, color 0.2s; -moz-transition: background 0.2s, border 0.2s, color 0.2s; -o-transition: background 0.2s, border 0.2s, color 0.2s; -ms-transition: background 0.2s, border 0.2s, color 0.2s; transition: background 0.2s, border 0.2s, color 0.2s; } .file-list-list .file .ico, .file-list-split .file .ico { -webkit-transition: all 0.168s; -moz-transition: all 0.168s; -o-transition: all 0.168s; -ms-transition: all 0.168s; transition: all 0.168s; } .file-list-list .file2, .file-list-split .file2 { background: #f9fafa; } .file-list-list .hover, .file-list-split .hover { background: #e5f3ff; border-color: transparent; } .file-list-list .select, .file-list-list .file-select-drag-temp, .file-list-split .select, .file-list-split .file-select-drag-temp { background: #cce8ff; border-color: #99d1ff; } .file-list-list .select:focus, .file-list-list .select.file-focus, .file-list-list .file-select-drag-temp:focus, .file-list-list .file-select-drag-temp.file-focus, .file-list-split .select:focus, .file-list-split .select.file-focus, .file-list-split .file-select-drag-temp:focus, .file-list-split .file-select-drag-temp.file-focus { border-color: #66baff; } .file-list-list .select .children-more i.font-icon, .file-list-list .file-select-drag-temp .children-more i.font-icon, .file-list-split .select .children-more i.font-icon, .file-list-split .file-select-drag-temp .children-more i.font-icon { color: #63acff !important; } .file-list-list .file, .file-list-split .file { width: 80%; overflow: hidden; height: 33px; line-height: 31px; } .file-list-list .file .path-ico, .file-list-list .file .title-item, .file-list-list .file .children-more, .file-list-split .file .path-ico, .file-list-split .file .title-item, .file-list-split .file .children-more { float: left; font-size: 1.0em; cursor: default; overflow: hidden; padding: 0 10px; border-right: 1px solid transparent; } .file-list-list .file .title-item, .file-list-split .file .title-item { height: 31px; line-height: 31px; white-space: nowrap; text-overflow: ellipsis; color: #666; } .file-list-list .file .title-item.title-type-name, .file-list-split .file .title-item.title-type-name { color: #333; } .file-list-list .file .children-more, .file-list-split .file .children-more { width: 24px; height: 31px; text-align: center; padding: 0px; position: relative; z-index: 10; } .file-list-list .file .children-more i.font-icon, .file-list-split .file .children-more i.font-icon { font-size: 14px; color: #aaa; cursor: pointer; display: inline-block; width: 24px; height: 31px; line-height: 30px; vertical-align: top; font-weight: normal; font-style: normal; text-decoration: inherit; position: relative; } .file-list-list .file .children-more i.font-icon::after, .file-list-split .file .children-more i.font-icon::after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6d"; } .file-list-list .file .children-more i.font-icon.cert-open::after, .file-list-split .file .children-more i.font-icon.cert-open::after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4d"; } .file-list-list .file .children-more i.font-icon:hover, .file-list-list .file .children-more i.font-icon:active, .file-list-split .file .children-more i.font-icon:hover, .file-list-split .file .children-more i.font-icon:active { background: rgba(0,0,0,0.05); color: #63acff; } .file-list-list .file.loading-children .ico .x-item-icon, .file-list-split .file.loading-children .ico .x-item-icon { background: url("../../images/common/loading_tree.gif") no-repeat 0 0px transparent !important; } .file-list-list .file .title-type-ext, .file-list-split .file .title-type-ext { width: 90px; } .file-list-list .file .title-type-size, .file-list-split .file .title-type-size { width: 90px; font-size: 0.9em; position: relative; text-align: right; } .file-list-list .file .title-type-size .title-count, .file-list-split .file .title-type-size .title-count { opacity: 0.6; text-align: left; float: left; padding-right: 5px; margin-left: -5px; } .file-list-list .file .title-type-size .title-count i, .file-list-split .file .title-type-size .title-count i { display: inline-block; width: 4px; } .file-list-list .file .title-type-size .size-content, .file-list-split .file .title-type-size .size-content { float: right; } .file-list-list .file .title-type-size:after, .file-list-split .file .title-type-size:after { clear: both; float: none; content: ''; } .file-list-list .file .title-type-size .title-count, .file-list-split .file .title-type-size .title-count { float: none; margin: 0; padding: 0; } .file-list-list .file .title-type-size .size-content, .file-list-split .file .title-type-size .size-content { float: none; min-width: 50px; display: inline-block; } .file-list-list .file .title-type-modifyTime, .file-list-split .file .title-type-modifyTime { width: 200px; } .file-list-list .file .title-type-name, .file-list-split .file .title-type-name { width: 240px; padding-left: 0px; position: relative; } .file-list-list .file .title-type-name .title, .file-list-split .file .title-type-name .title { word-break: break-all; } .file-list-list .file .title-type-path span, .file-list-split .file .title-type-path span { color: #40a9ff; cursor: pointer; padding: 4px 5px 3px 5px; border-radius: 2px; margin-left: -8px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .file-list-list .file .title-type-path span:hover, .file-list-list .file .title-type-path span:active, .file-list-split .file .title-type-path span:hover, .file-list-split .file .title-type-path span:active { background: #1890ffc4; color: #e6f7ff; } .file-list-list .file .title-type-path span:active, .file-list-split .file .title-type-path span:active { background: #0076e4; } .file-list-list .file .title-item .user-info, .file-list-split .file .title-item .user-info { color: #888; cursor: default; } .file-list-list .file .title-item .user-info .path-ico, .file-list-split .file .title-item .user-info .path-ico { overflow: initial; vertical-align: text-bottom; position: relative; margin-right: 2px; } .file-list-list .file .title-item .user-info img, .file-list-split .file .title-item .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; vertical-align: top; border: 1px solid #fff; } .file-list-list .file .title-item .user-info .name-char, .file-list-split .file .title-item .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .file-list-list .file .title-item .user-info .path-ico, .file-list-split .file .title-item .user-info .path-ico { margin: 4px 5px 0 0; width: 18px; height: 18px; } .file-list-list .file .title-type-name .textarea, .file-list-split .file .title-type-name .textarea { position: relative; left: -4px; overflow: hidden; } .file-list-list .file .title-type-name .textarea .newfile, .file-list-split .file .title-type-name .textarea .newfile { z-index: 999; width: 100% !important; border: none; padding: 0px 4px 0px 4px; } .file-list-list .file .title-type-name .textarea .newfile:focus, .file-list-split .file .title-type-name .textarea .newfile:focus { outline: none; } .file-list-list .file .title-type-name, .file-list-split .file .title-type-name { position: relative; z-index: 10; } .file-list-list .file .path-ico, .file-list-split .file .path-ico { height: 20px; width: 20px; padding: 0px; line-height: 20px; margin-right: 4px; margin-top: 6px; } .file-list-list .file .path-ico img, .file-list-split .file .path-ico img { height: 18px; } .file-list-list .file .path-ico .svg-icon, .file-list-split .file .path-ico .svg-icon { width: 20px; height: 20px; } .file-list-list .file.file-icon-edit .item-select, .file-list-list .file.file-icon-edit .item-menu, .file-list-list .file.file-icon-edit .meta-info, .file-list-list .file.file-icon-edit .file-desc, .file-list-split .file.file-icon-edit .item-select, .file-list-split .file.file-icon-edit .item-menu, .file-list-split .file.file-icon-edit .meta-info, .file-list-split .file.file-icon-edit .file-desc { display: none; } .file-list-list .file .meta-info .meta-icon .path-ico, .file-list-split .file .meta-info .meta-icon .path-ico { margin-top: 6px; width: 16px; line-height: 16px; } .file-list-list .file .meta-info .meta-icon .path-ico .x-item-icon, .file-list-split .file .meta-info .meta-icon .path-ico .x-item-icon { margin-left: 0; margin-top: 1px; } .file-list-list .file .meta-info .meta-icon .path-ico .svg-icon, .file-list-split .file .meta-info .meta-icon .path-ico .svg-icon { margin-top: 0px; } .file-list-list .file .meta-info .meta-add i.font-icon, .file-list-split .file .meta-info .meta-add i.font-icon { margin-top: 5px; } .file-list-list .file .meta-info .file-meta-fileEncodeType, .file-list-split .file .meta-info .file-meta-fileEncodeType { margin-top: 4px; } .file-continer.file-list-split .file .item-menu { top: 6px; right: 8px; } .file-continer.file-list-split .file .item-select { top: 6px; right: 30px; left: auto; } .file-continer.file-list-list .file { height: auto; } .file-continer.file-list-list .file .item-menu { top: 6px; right: 5px; } .file-continer.file-list-list .file .item-select { top: 6px; right: 25px; left: auto; } .file-list-list .file.file-icon-edit .title-item { display: none; } .file-list-list .file.file-icon-edit .title-item.title-type-name { display: block; width: 100% !important; } .file-list-list .file.file-icon-edit .title-type-name .title { height: 31px !important; border-radius: 0px; margin-left: -3px; padding-left: 3px; display: inline-block; min-width: 450px; } [kod-lang="zh-CN"] .file-list-list .file .title-type-size .title-count i, [kod-lang="zh-CN"] .file-list-icon .file .title-type-size .title-count i, [kod-lang="zh-TW"] .file-list-list .file .title-type-size .title-count i, [kod-lang="zh-TW"] .file-list-icon .file .title-type-size .title-count i { width: 0; } .file-list-list .file .title-type-name .title-continer, .file-list-split .file .title-type-name .title-continer { position: relative; z-index: 2; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #fff; padding-right: 5px; } .file-list-list .file.file2 .title-type-name .title-continer, .file-list-split .file.file2 .title-type-name .title-continer { background: #f9fafa; } .file-list-list .file.hover .title-type-name .title-continer, .file-list-split .file.hover .title-type-name .title-continer { background: #e5f3ff; } .file-list-list .file.select .title-type-name .title-continer, .file-list-list .file.file-select-drag-temp .title-type-name .title-continer, .file-list-split .file.select .title-type-name .title-continer, .file-list-split .file.file-select-drag-temp .title-type-name .title-continer { background: #cce8ff; } .file-list-split .file.select-split-parent .title-type-name .title-continer { background: #e3f0ff; } .file-list-split .file.select-split-parent.select.hover .title-type-name .title-continer { background: #cce8ff; } .file-list-split .file.file-icon-edit .title-type-name .title-continer { position: initial; } .line-split-box { position: absolute; bottom: 0px; right: 0px; left: 0px; top: 0px; margin-top: 0; overflow: hidden; } .line-split-box .split-line { border-right: 1px solid rgba(150,150,150,0.15); margin-left: -1px; width: 250px; float: left; height: 100%; } .file-list-split { overflow: hidden; } .file-list-split .file { width: 100%; box-sizing: border-box; position: relative; } .file-list-split .file.file2 { background: none; } .file-list-split .file .path-ico { margin-left: 4px; height: 22px; width: 22px; line-height: 16px; } .file-list-split .file .title-type-name { width: 100%; } .file-list-split .file.file-icon-edit .title-type-name .textarea { position: absolute; left: 27px; right: 0px; top: 0; overflow: hidden; } .file-list-split .file.file-icon-edit .title-type-name .textarea .newfile { width: 100%; margin: 0; margin-top: -4px; } .file-list-split .file.file-icon-edit .children-open { display: none; } .file-list-split .file .children-open { width: 24px; text-align: center; padding-left: 0px; background: rgba(255,255,255,0.4); position: absolute; right: 0; } .file-list-split .file .children-open i.font-icon { font-size: 1.1em; color: #aaa; margin-top: -4px; display: inline-block; width: 20px; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } .file-list-split .file .children-open i.font-icon::before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6d"; line-height: 24px; } .file-list-split .file.select-split-parent, .file-list-split .file.select-split-parent.hover { background: #e3f0ff; border: 1px solid #c9e2ff; } .file-list-split .file.select-split-parent .children-open i.font-icon::before, .file-list-split .file.select-split-parent.hover .children-open i.font-icon::before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6c"; font-size: 18px; } .file-list-split .split-box { width: 250px; overflow: hidden; position: absolute; bottom: 0px; left: 0px; top: 0px; } .file-list-split .split-box .content { overflow: auto; height: 100%; padding: 4px 2px 10px 2px; position: absolute; left: 0; right: 8px; right: 0px; border-right: 1px solid #eee; } .file-list-split .split-box:hover, .file-list-split .split-box:active { box-shadow: 0px -4px 0px 0px #b6deff inset; } .file-list-split .split-box.split-select { box-shadow: 0px -4px 0px 0px #50afff inset, 0 0 20px #E9F5FF inset; } .file-list-split .split-drag { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 9px; cursor: col-resize; z-index: 55; } .file-list-split .split-drag:after { content: ' '; position: absolute; z-index: 2; top: 50%; border: 1px solid #ddd; background: transparent; width: 1px; height: 18px; margin-top: -18px; border-top: none; border-bottom: none; margin-left: 2px; } .file-list-split .is-drag-split .split-drag { background-color: rgba(64,169,255,0.3); } .file-list-split .content-more { height: 100px; position: relative; } .file-list-split .split-box .perfectScroll .ps__rail-y { margin-right: 1px; } .file-draging-box { position: fixed; left: 0; top: 0; z-index: 999998; pointer-events: none; opacity: 0.9; filter: alpha(opacity=90); padding: 0; margin: 0; } .file-draging-box .file-draging.file-list-icon, .file-draging-box .file-draging.file-list-list, .file-draging-box .file-draging.file-list-split { z-index: 1000; overflow: visible; } .file-draging-box .file-draging.file-list-icon .file, .file-draging-box .file-draging.file-list-list .file, .file-draging-box .file-draging.file-list-split .file { position: fixed; transition: none !important; } .file-draging-box .file-draging-tree .tree-node { margin: 0 !important; } .file-draging-tips { position: fixed; left: 0; top: 0; z-index: 999999; pointer-events: none; opacity: 0.9; filter: alpha(opacity=90); padding: 5px; border-radius: 2px; color: #fff; background: #4285f4; box-shadow: 3px 5px 15px rgba(0,0,0,0.2); font-size: 1.15em; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .file-draging-tips .drag-number { display: none; position: absolute; padding: 0px 5px; font-size: 0.9em; height: 16px; opacity: 0.8; border-radius: 10px; background-color: #f04134; margin-top: -12px; margin-left: -12px; } .file-draging-tips.drag-action-default { color: #fff; background: rgba(0,0,0,0.3); box-shadow: none; } .file-draging-tips span { line-height: 22px; padding-left: 5px; padding-right: 5px; } .file-draging-tips span .font-icon { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; font-size: 1.0em; font-weight: 800; margin-right: 5px; border-radius: 12px; } .file-draging-tips span .bg-default { background: #b9e0ff; color: #4285f4; } .file-draging-tips span .bg-ok { background: #6ee273; } .file-draging-tips span .bg-error { background: #FB2500; } .file-draging-tips span b { display: inline-block; padding: 1px 4px 1px 4px; margin-left: 2px; border-radius: 2px; background: rgba(0,0,0,0.1); } .item-file-draging { opacity: 0.5; filter: alpha(opacity=50); } .drag-file-hover { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .drag-file-hover.children-more-cert { background: #1890ff !important; color: #fff !important; } .drag-file-hover.file { outline: 1px solid rgba(24,144,255,0.9) !important; z-index: 10; } .drag-file-hover.children-list { outline: 1px solid rgba(24,144,255,0.9) !important; z-index: 10; } .drag-file-hover.split-box { box-shadow: -1px 0 0 2px #40a9ff inset, 0 0 0 2px #40a9ff inset !important; } .drag-file-hover.bodymain:before { border: 3px solid rgba(24,144,255,0.8); position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 10; content: " "; pointer-events: none; transition: none; } .drag-file-hover.bodymain[list-type="list"]:before { top: 26px; } .drag-file-hover.bodymain.desktop:before { border: 6px solid rgba(24,144,255,0.6); } .drag-file-hover.tree-node { border: 1px solid rgba(24,144,255,0.9) !important; } .drag-file-hover.header-address-item a { color: #fff !important; background-position: 100% -144px !important; } .bodymain:before { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; content: " "; } .cursor-mouse.cursor-drag * { cursor: grabbing !important; } .cursor-mouse.cursor-move * { cursor: default !important; } .cursor-mouse.cursor-add * { cursor: copy !important; } .cursor-mouse.cursor-disable * { cursor: not-allowed !important; } .file-continer .file .meta-info em { font-size: 0.9em; } .file-continer .file .meta-info .file-meta-fileEncodeType { border-radius: 2px; color: #fff; text-align: center; font-style: normal; padding: 2px 5px; opacity: 0.8; white-space: nowrap; height: 16px; line-height: 16px; margin-left: 5px; float: right; } .file-continer .file .meta-info .file-meta-fileEncodeType.fileEncodeType-A { border: 1px solid #d62b00; background: #ff3300; } .file-continer .file .meta-info .file-meta-fileEncodeType.fileEncodeType-B { border: 1px solid #eb2f00; background: #ff5429; } .file-continer .file .meta-info .file-meta-fileEncodeType.fileEncodeType-C { border: 1px solid #ff3300; background: #ff7452; } .file-continer .file .meta-info .file-meta-top .font-icon { display: inline-block; margin: 2px 2px 0 2px; background: #ffea7b; color: #de8e00; width: 20px; height: 20px; line-height: 20px; border-radius: 20px; font-size: 10px; opacity: 0.9; text-align: center; vertical-align: top; z-index: 10; box-shadow: 1px 2px 4px rgba(0,0,0,0.3); } .file-continer .file .meta-info .file-meta-top .font-icon:before { position: relative; top: 0; } .file-continer .file .meta-info .file-meta-lock .font-icon { display: inline-block; margin: 2px 2px 0 2px; color: #fff; background: rgba(0,0,0,0.7); width: 20px; height: 20px; line-height: 18px; border-radius: 20px; font-size: 10px; opacity: 0.9; text-align: center; vertical-align: top; z-index: 10; margin-top: 3px; box-shadow: 1px 2px 5px rgba(0,0,0,0.6); } .file-continer .file .meta-info .file-meta-lock .font-icon:before { position: relative; top: 0; } .file-continer .file .meta-info .path-ico .font-icon { color: #888; font-size: initial; } .file-continer .file .meta-info .path-ico .x-share-link { color: #31dc48; background: none; } .file-continer .file .meta-info .file-list-tag { position: relative; top: -1px; text-align: right; display: inline-block; font-size: 0.9em; font-style: normal; color: #999; } .file-continer .file .meta-info .file-list-tag .item { display: inline-block; margin: 0; margin-left: -7px; height: 16px; line-height: 16px; } .file-continer .file .meta-info .file-list-tag .item .name { display: none; } .file-continer .file .meta-info .file-list-tag .item .x-item-icon.label { width: 8px; height: 8px; top: 1px; box-shadow: 0 0 0 1px #fff; } .file-list-icon .file .meta-info { height: 22.5px; width: 22.5px; margin-right: 6.75px; margin-top: -22.5px; position: absolute; right: 0; } .file-list-icon .file .meta-info .meta-icon { font-style: normal; } .file-list-icon .file .meta-info .meta-add { font-style: normal; } .file-list-icon .file .meta-info img { width: 100%; height: 100%; } .file-list-icon .file .meta-info .file-meta-fileEncodeType { position: absolute; width: auto; right: 0; top: -250%; left: inherit; margin-right: -5px; } .file-list-icon .file .meta-info .file-meta-top { position: absolute; right: 300%; top: -350%; left: inherit; width: 100%; } .file-list-icon .file .meta-info .file-meta-top .font-icon { position: absolute; left: -5px; top: -5px; } .file-list-icon .file .meta-info .file-meta-lock { position: absolute; right: 200%; top: 20%; left: inherit; width: 200%; } .file-list-icon .file .meta-info .file-meta-lock .font-icon { position: absolute; left: -5px; top: -5px; } .file-list-icon .file .meta-info .path-ico, .file-list-icon .file .meta-info .path-ico .x-item-icon { width: inherit; height: inherit; line-height: inherit; font-size: inherit; font-style: normal; padding: 0; margin: 0; } .file-list-icon .file .meta-info .path-ico .font-icon { color: #888; } .file-list-icon .file .meta-info > .meta-icon i:nth-child(2) { position: absolute; right: 0; top: -110%; } .file-list-icon .file .meta-info > .meta-icon i:nth-child(3) { position: absolute; right: 110%; top: 0%; } .file-list-icon .file .meta-info > .meta-icon i:nth-child(4) { position: absolute; right: 110%; top: -110%; } .file-list-icon .file .meta-info .file-list-tag { position: absolute; top: 20%; width: 200%; right: 200%; margin-right: -10px; text-align: left; } .file-list-list .meta-info, .file-list-split .meta-info { position: absolute; top: 0px; right: 5px; z-index: 0; } .file-list-list .meta-info img, .file-list-split .meta-info img { width: 100%; height: 100%; } .file-list-list .meta-info .meta-icon, .file-list-split .meta-info .meta-icon { font-style: normal; } .file-list-list .meta-info .meta-add, .file-list-split .meta-info .meta-add { font-style: normal; } .file-list-list .meta-info .path-ico, .file-list-split .meta-info .path-ico { float: right; margin-left: 2px; font-size: 18px; line-height: 18px; } .file-list-list .meta-info .path-ico .svg-icon, .file-list-split .meta-info .path-ico .svg-icon { width: 17px; } .file-list-list .meta-info .path-ico .font-icon, .file-list-split .meta-info .path-ico .font-icon { line-height: 20px; } .file-list-list .meta-info .file-desc, .file-list-split .meta-info .file-desc { float: right; color: #bbb; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 5px; } .file-list-list .meta-info .file-desc:hover, .file-list-list .meta-info .file-desc:active, .file-list-split .meta-info .file-desc:hover, .file-list-split .meta-info .file-desc:active { color: #888; } .file-list-list .meta-info .file-desc:before, .file-list-split .meta-info .file-desc:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec51"; opacity: 0.3; position: relative; top: -1px; width: 12px; display: inline-block; } .file-list-list .meta-info.app-link, .file-list-split .meta-info.app-link { left: -20px; top: 8px; position: relative; width: 0; height: 0; float: left; display: inline-block; } .file-list-list .meta-info.app-link .x-item-icon, .file-list-split .meta-info.app-link .x-item-icon { width: 18px; height: 18px; } .file-list-list .file .meta-info .file-list-tag .item { color: #888; background: #f9fcfd; border: 1px solid rgba(24,144,255,0.25); margin: 0 0px 0 0; padding: 1px 4px; border-radius: 20px; } .file-list-list .file .meta-info .file-list-tag .item .name { display: inline-block; } .file-list-split .file .meta-info { right: 30px; } .file-list-split .file .meta-info .file-list-tag { position: relative; top: -1px; } .frame-main-explorer .btn-group-sm > .btn.panel-toggle { padding: 3px 6px 4px 6px !important; margin-left: 10px; } .frame-main-explorer .bodymain, .frame-main-explorer .file-panel { -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .frame-main-explorer .drag-resize-panel { display: none; top: 85px; } .frame-main-explorer .drag-resize-panel:after { display: none; } .frame-main-explorer .frame-right.panel-open .drag-resize-panel { display: block; } .frame-main-explorer .frame-right.drag-resize-panel-parent .bodymain, .frame-main-explorer .frame-right.drag-resize-panel-parent .file-panel { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .frame-main-explorer .frame-right.drag-resize-panel-parent .file-panel .tab-group-line .tab-item-bar { opacity: 0; } .file-panel { position: absolute; top: 0; bottom: 0; right: 0; border-left: 1px solid #eee; background: #fdfeff; margin-top: 85px; overflow: hidden; } .file-panel .list-empty { text-align: center; top: 50%; margin-top: -65px; position: absolute; left: 0; right: 0; } .file-panel .list-empty .path-ico { font-size: 80px; width: 100%; height: 100px; } .file-panel .list-empty .desc { color: #ccc; background: #fbfeff; display: inline-block; padding: 4px 10px; border-radius: 20px; } .file-panel .panel-info-header { height: 60px; background: #f6faff; background-image: linear-gradient(190deg,#e5f6ff,#fdfeff); border-bottom: 1px solid #eee; position: relative; z-index: 2; } .file-panel .panel-info-header .header-content { position: relative; } .file-panel .panel-info-header .header-content .file-icon { position: absolute; top: 5px; left: 10px; width: 50px; height: 50px; line-height: 50px; text-align: center; overflow: hidden; } .file-panel .panel-info-header .header-content .file-icon .path-ico { width: 100%; height: 100%; font-size: 42px; line-height: 60px; } .file-panel .panel-info-header .header-content .file-icon .path-ico .x-tag-label { width: 40px; height: 40px; } .file-panel .panel-info-header .header-content .file-icon .path-ico .x-tag-label:before { position: absolute; right: 15%; top: 15%; width: 40%; height: 40%; border-radius: 50%; content: " "; background: linear-gradient(45deg,#ffffff7d,#ffffff00); margin-top: 4px; } .file-panel .panel-info-header .header-content .file-icon .path-ico img { max-width: 85%; max-height: 85%; border-radius: 2px; object-fit: cover; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .file-panel .panel-info-header .header-content .file-name { font-size: 15px; color: #666; word-break: break-all; padding-right: 30px; display: table-cell; vertical-align: middle; height: 60px; padding-left: 65px; line-height: 1.2em; } .file-panel .panel-info-header .header-content .file-name .name { max-height: 35px; line-height: 1.2em; padding-top: 2px; overflow: hidden; text-overflow: ellipsis; } .file-panel .panel-info-header .header-content .file-name .desc { font-size: 0.9em; color: #aaa; padding-top: 1px; white-space: nowrap; } .file-panel .panel-info-header .header-content .btn-action { opacity: 0.5; color: #999; padding: 0; height: 20px; width: 20px; position: relative; top: -2px; text-align: center; margin-left: 4px; border-radius: 20px; background: rgba(0,0,0,0.05); } .file-panel .panel-info-header .header-content .btn-action .font-icon { top: 0px; font-size: 16px; } .file-panel .panel-info-header .header-content .btn-action .font-icon:before { position: relative; top: -1px; } .file-panel .panel-info-header .header-content .btn-action.select { opacity: 0.9; box-shadow: 0 1px 2px rgba(0,0,0,0.2); } .file-panel .panel-info-header .header-content .btn-action:hover { opacity: 1; } .file-panel .panel-info-header .header-content .btn-action.fav-button.select { color: #fec740; background: #fffbe6; } .file-panel .panel-info-header .header-content .btn-action.move-top-button.select { background: #ffea7b; color: #de8e00; } .file-panel .panel-info-header .header-content .file-name.select-more .btn-action { display: none; } .file-panel .panel-info-header .header-content .kui-btn.task-view-dialog { display: none; position: absolute; right: 6px; bottom: 4px; padding: 0.3em 0.5em; background: transparent; border: 1px solid #fafafa; color: #eee; } .file-panel .panel-close { position: absolute; top: 0; right: 0; z-index: 3; width: 40px; height: 40px; line-height: 36px; border-radius: 0 0 0 4px; font-size: 16px; color: #ccc; cursor: pointer; text-align: center; } .file-panel .panel-close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .file-panel .panel-close:hover, .file-panel .panel-close:active { background: rgba(24,144,255,0.3); color: #40a9ff; } .file-panel .content-header { position: relative; height: 35px; margin-bottom: 10px; border-bottom: 1px solid #f3f3f3; box-shadow: 0 1px 0px 0px #fff, 0 2px 0px 0px #f6f6f6; } .file-panel .content-header .title { font-size: 14px; line-height: 32px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .file-panel .content-header .title .font-icon { color: #40a9ff; position: relative; top: -1px; } .file-panel .content-header .title .name-dsc { font-size: 0.9em; padding-left: 5px; color: #aaa; } .file-panel .panel-tab-content { position: absolute; bottom: 50px; top: 60px; width: 100%; overflow: hidden; overflow-y: auto; } .file-panel .panel-tab-content .tab-content { padding: 10px; display: none; position: absolute; top: 0px; left: 0; right: 0; bottom: 0px; } .file-panel .panel-tab-content .content-list { position: absolute; top: 50px; bottom: 45px; left: 0; right: 30px; width: 100%; padding-bottom: 20px; padding: 5px 10px 20px 10px; box-sizing: border-box; } .file-panel .list-page .my-page-box .grey-6 { display: none; } .file-panel .list-page .my-page-box .page-info { margin: 0; border-right: none; } .file-panel .list-page .my-page-box .page-info input { width: 20px; height: 16px; line-height: 20px; } .file-panel .list-page .my-page-box .page-content .page-to { padding: 0 0.3em; } .file-panel .list-page .my-page-box .page-content ul li, .file-panel .list-page .my-page-box .page-content ul .page-active-bg { width: 25px; } .file-panel .list-page .my-page-box .page-select { position: absolute; right: 0px; } .file-panel .list-page .my-page-box.data-only-one-page .page-info-text { padding-left: 10px; } .file-panel .list-page .my-page-box.data-only-one-page .grey-6 { display: inline; } .file-panel .list-page { margin: 0; padding: 0; background: #fff; z-index: 5; position: absolute; bottom: 10px; left: 10px; right: 10px; } .file-panel .user-info { color: #888; cursor: default; } .file-panel .user-info .path-ico { overflow: initial; vertical-align: text-bottom; position: relative; margin-right: 2px; } .file-panel .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; vertical-align: top; border: 1px solid #fff; } .file-panel .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .file-panel .user-info { color: #456; position: relative; } .file-panel .user-info .path-ico { top: -1px; } .file-panel .user-info .path-ico img { border: 1px solid #fff; } .file-panel.page-share .tag-view { display: none; } .file-panel.page-share .panel-info-header .move-top-button { display: none; } .file-panel.page-share .panel-info-header .fav-button { display: none; } .frame-main-explorer .file-panel .dialog-tab { margin: 0; padding: 0; background: #fafafa; border: none; text-align: center; position: absolute; z-index: 2; bottom: 0px; width: 100%; border-top: 1px solid #eee; box-shadow: 0 0px 5px rgba(0,0,0,0.02); } .frame-main-explorer .file-panel .tab-group-line .tab-item { color: #888; text-align: center; padding: 5px 10px; margin: 0px 1px -4px 0; } .frame-main-explorer .file-panel .tab-group-line .tab-item:hover { color: #666; background: #eaf5fb; } .frame-main-explorer .file-panel .tab-group-line .tab-item .font-icon { display: block; color: #bbb; font-size: 22px; line-height: 28px; padding: 2px 0 0px 0; width: inherit; } .frame-main-explorer .file-panel .tab-group-line .tab-item.active, .frame-main-explorer .file-panel .tab-group-line .tab-item.active .font-icon { color: #1890ff; background: #eaf5fb; } .frame-main-explorer .file-panel > .tab-group-line { font-size: 1em; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; } .frame-main-explorer .file-panel > .tab-group-line .tab-item { margin: 0; flex: 1; padding: 6px 0px 6px 0; border-right: none; border-bottom: none; } .frame-main-explorer .file-panel > .tab-group-line .tab-item .name { display: none; } .frame-main-explorer .file-panel > .tab-group-line .tab-item-bar { top: 0px; height: 1px; box-shadow: none; opacity: 1; height: 60px; pointer-events: none; border-radius: 0; border-top: 1px solid #1890ff; background-color: rgba(24,144,255,0.05); } [kod-lang="zh-CN"] .frame-main-explorer .file-panel > .tab-group-line .tab-item, [kod-lang="zh-TW"] .frame-main-explorer .file-panel > .tab-group-line .tab-item, [kod-lang="en"] .frame-main-explorer .file-panel > .tab-group-line .tab-item { padding: 0px 0px 4px 0; } [kod-lang="zh-CN"] .frame-main-explorer .file-panel > .tab-group-line .tab-item .name, [kod-lang="zh-TW"] .frame-main-explorer .file-panel > .tab-group-line .tab-item .name, [kod-lang="en"] .frame-main-explorer .file-panel > .tab-group-line .tab-item .name { display: inline-block; } .file-panel.panel-image .panel-tab-content { top: 150px; } .file-panel.panel-image .panel-info-header { height: 150px; background-repeat: no-repeat; background-size: cover; background-position: center center; border-bottom: 1px solid rgba(0,0,0,0.1); background-image: linear-gradient(60deg,#fff,#63acff); } .file-panel.panel-image .panel-info-header .header-content { position: absolute; width: 100%; bottom: 0px; } .file-panel.panel-image .panel-info-header .header-content .file-name { position: absolute; bottom: 0px; display: block; padding: 4px 5px 0 15px; background: rgba(0,0,0,0.2); color: #eee; height: 26px; width: 100%; text-shadow: 0 0 1px #fff, 0 0 3px rgba(0,0,0,0.8); } .file-panel.panel-image .panel-info-header .header-content .file-name .btn-action { color: #fff; background: rgba(0,0,0,0.2); text-shadow: 0 0 2px #000; top: -1px; } .file-panel.panel-image .panel-info-header .header-content .file-name .btn-action.select { text-shadow: none; } .file-panel.panel-image .panel-info-header .header-content .file-name .btn-action.fav-button.select { color: #fec740; background: #fffbe6; } .file-panel.panel-image .panel-info-header .header-content .file-name .btn-action.move-top-button.select { background: #ffea7b; color: #de8e00; } .file-panel.panel-image .panel-info-header .header-content .file-name .name { white-space: nowrap; } .file-panel.panel-image .panel-info-header .header-content .file-name .desc { position: absolute; right: 30px; margin-top: -23px; } .file-panel.panel-image .panel-info-header .header-content .file-name .desc .info-item { display: none; } .file-panel.panel-image .panel-info-header .header-content .file-name .name-text { display: inline-block; max-width: 70%; overflow: hidden; text-overflow: ellipsis; } .file-panel.panel-image .panel-info-header .header-content .file-icon { display: none; } .emoji-panel { position: fixed; z-index: 999; background: #fff; width: 500px; height: 300px; overflow: hidden; padding: 0; border: 1px solid #eee; border-radius: 2px; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); } .emoji-panel .tab-group-line { position: absolute; bottom: 0px; width: 100%; margin: 0; background: #f6f6f6; } .emoji-panel .tab-group-line .tab-item { padding: 8px 12px; margin-left: 10px; margin-bottom: 0px; } .emoji-panel .tab-group-line .tab-item.active { background: #fff; } .emoji-panel .tab-content { padding: 10px; padding-bottom: 30px; height: 225px; overflow: hidden; overflow-y: auto; position: relative; } .emoji-panel .tab-content .item-face { width: 32px; height: 32px; line-height: 32px; font-size: 24px; display: inline-block; text-align: center; cursor: pointer; vertical-align: bottom; border-radius: 3px; } .emoji-panel .tab-content .item-face:hover { background: #f3f3f3; } .emoji-panel .tab-content .item-face.item-face-img { line-height: 24px; } .emoji-panel .tab-content .item-face img { width: 24px; height: 24px; } .emoji-panel .tab-content .item-face-group { display: block; padding-left: 10px; border-radius: 3px; line-height: 22px; background: #f6f6f6; color: transparent; height: 1px; margin: 6px 5px; } .emoji-panel .tab-content .item-face-group.group-def { display: none; } .file-panel .pathinfo { min-width: inherit; min-height: inherit; margin: 0; padding: 5px 0 50px 10px; } .file-panel .pathinfo .line { width: 100%; margin: 4px 0 4px 0; height: 0px; border-bottom: 1px dotted #e6e6e6; } .file-panel .pathinfo .download-url { padding: 0px 5px; width: 140px; line-height: 24px; height: 24px; background: #fafafa; } .file-panel .pathinfo .input-group-btn { float: left; margin-left: -2px; } .file-panel .pathinfo .input-group-btn .btn { padding: 4px 8px 3px 8px; font-size: 12px; opacity: 0.8; } .file-panel .pathinfo .input-group-btn .btn[data-action="qrcode"] { border-radius: 0 4px 4px 0; } .file-panel .pathinfo .input-group-btn>.btn+.btn { margin-left: -1px; } .file-panel .pathinfo .user-info { color: #888; cursor: default; } .file-panel .pathinfo .user-info .path-ico { overflow: initial; vertical-align: text-bottom; position: relative; margin-right: 2px; } .file-panel .pathinfo .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; vertical-align: top; border: 1px solid #fff; } .file-panel .pathinfo .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .file-panel .pathinfo .user-info { margin-top: -2px; display: inline-block; } .file-panel .pathinfo .p { line-height: 1.2em; margin-bottom: 0px; } .file-panel .pathinfo .p .icon { width: 40px; height: 40px; float: left; border: 1px solid #f6f6f6; margin-left: 10px; } .file-panel .pathinfo .p input.info-chmod { padding: 0px 10px; width: 55px; color: #999; margin-right: 10px; display: inline-block; } .file-panel .pathinfo .p > .title { float: left; color: #999; text-align: left; padding: 0; margin: 0; line-height: 26px; width: 24%; margin-right: 3%; } .file-panel .pathinfo .p .content { float: left; word-break: break-all; color: #555; width: 73%; margin: 0; padding: 5px 0 0 0; position: relative; -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; font-size: 1em; } .file-panel .pathinfo .p .content.file-md5-loading { background: url("../../images/common/loading.gif") 18px 5px no-repeat; } .file-panel .pathinfo .p .content .link-href { color: #40a9ff; cursor: pointer; padding: 2px 5px 2px 2px; margin-top: -2px; border-radius: 3px; line-height: 16px; white-space: normal; display: inline-block; word-break: break-all; } .file-panel .pathinfo .p .content .link-href .file-icon { vertical-align: middle; margin-right: 2px; } .file-panel .pathinfo .p .content .link-href:hover, .file-panel .pathinfo .p .content .link-href:active { color: #1890ff; background: #dbf1ff; } .file-panel .pathinfo .role-label-box .label { padding: 5px 10px; border-radius: 40px; cursor: pointer; } .file-panel .pathinfo .role-label-box .label:hover { opacity: 0.7; } .file-panel .pathinfo .p.info-item-path-group .content, .file-panel .pathinfo .p.info-item-path .content { color: #aaa; } .file-panel .pathinfo .p.info-item-path-group .content i, .file-panel .pathinfo .p.info-item-path .content i { padding: 0px 0px; } .file-panel .pathinfo .p.info-item-path-group .content .link, .file-panel .pathinfo .p.info-item-path .content .link { color: #5c6f82; border-radius: 2px; cursor: pointer; padding: 0px 1px; } .file-panel .pathinfo .p.info-item-path-group .content .link:hover, .file-panel .pathinfo .p.info-item-path-group .content .link:active, .file-panel .pathinfo .p.info-item-path .content .link:hover, .file-panel .pathinfo .p.info-item-path .content .link:active { background: #e6f7ff; color: #1890ff; } .file-panel .pathinfo .p.info-item-link .title { line-height: 35px; } .file-panel .pathinfo input { line-height: 28px; padding: 2px 5px; width: 150px; float: left; height: 28px; border-radius: 3px; } .file-panel .pathinfo .info-item-desc .content { padding: 0; margin: 3px 0 0 0; cursor: text; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,0.03); background: #fafafa; position: relative; } .file-panel .pathinfo .info-item-desc .content.placeholder:before { content: ""; display: inline-block; width: 5px; } .file-panel .pathinfo .info-item-desc .content.placeholder { opacity: 0.4; padding: 4px 0 5px 0; } .file-panel .pathinfo .info-item-desc .content:hover, .file-panel .pathinfo .info-item-desc .content:active { box-shadow: 0 0 0 1px rgba(0,0,0,0.1); } .file-panel .pathinfo .info-item-desc .content.on-edit { border: none; box-shadow: none; } .file-panel .pathinfo .info-item-desc .content textarea { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; border-radius: 3px; padding: 4px; height: 15px; line-height: 1.2em; border: none; box-shadow: 0 0 0 1px rgba(0,0,0,0.08); padding: 4px 2% 5px 2%; width: 96%; font-family: "Helvetica Neue", "Helvetica", 'PingFangSC', "PingFang SC", 'NotoSansHans', 'Hiragino Sans GB', "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .file-panel .pathinfo .info-item-desc .content textarea:hover, .file-panel .pathinfo .info-item-desc .content textarea:active { border-color: #75A1F0; } .file-panel .pathinfo .info-item-desc .content textarea:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .file-panel .pathinfo .info-item-desc .content textarea.disabled, .file-panel .pathinfo .info-item-desc .content textarea[readonly='true'] { opacity: 0.7; } .file-panel .pathinfo .info-item-desc .content textarea.disabled:hover, .file-panel .pathinfo .info-item-desc .content textarea.disabled:active, .file-panel .pathinfo .info-item-desc .content textarea[readonly='true']:hover, .file-panel .pathinfo .info-item-desc .content textarea[readonly='true']:active { border-color: #ddd; } .file-panel .pathinfo .info-item-desc .content textarea.disabled:focus, .file-panel .pathinfo .info-item-desc .content textarea[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .file-panel .pathinfo .info-item-desc .content textarea:hover { box-shadow: 0 0 0 1px #1890ff; } .file-panel .pathinfo .info-item-desc .content textarea:active, .file-panel .pathinfo .info-item-desc .content textarea:focus { box-shadow: 0 0 0 1px #1890ff, 0 0 0 4px rgba(117,161,240,0.3); } .file-panel .pathinfo .info-item-desc .content:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec80"; color: #aaa; position: absolute; right: 2px; top: -2px; height: 25px; width: 20px; line-height: 25px; text-align: content; } .file-panel .pathinfo .info-item-desc .content.on-edit:after { display: none; } .file-panel .pathinfo .info-item-desc .content-text { max-height: 120px; text-overflow: ellipsis; word-break: break-all; overflow: hidden; overflow-y: auto; padding: 4px 2% 5px 2%; } .file-panel .pathinfo .p.info-item-auth .content { padding-top: 2px; padding-bottom: 3px; } .file-panel .pathinfo .p.info-item-auth .role-label-box { margin: 0 5px 0 0; } .file-panel .pathinfo .p.info-item-auth .role-label-box .label .title { color: inherit; } .file-panel .pathinfo .p.info-item-auth .role-auth-edit { position: absolute; top: 0; right: 0px; padding: 0.2em 0.7em; } .file-panel .pathinfo .p.info-item-auth .role-auth-edit:before { color: #aaa; font-size: 12px; margin-right: 4px; font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eecd"; } .file-panel .pathinfo .p.info-item-lock .lock-file { width: auto; font-size: 1em; padding: 1px 0.5em 4px 0.5em; margin-top: -3px; } .file-panel .pathinfo .p.info-item-lock .lock-file:before { position: relative; margin-right: 4px; top: 1px; } .file-panel .pathinfo .p.info-item-oexe .content { display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; line-clamp: 4; -webkit-line-clamp: 4; overflow: hidden; max-height: 60px; } .file-panel .pathinfo .tag-view { color: #444; position: relative; border-top: 1px dotted #eee; margin-top: 2px; padding-top: 2px; border-bottom: 1px dotted #eee; padding-bottom: 5px; margin-bottom: 5px; } .file-panel .pathinfo .tag-view .header { height: 25px; line-height: 25px; color: #444; margin-bottom: 5px; } .file-panel .pathinfo .tag-view .tag-empty { color: #ccc; } .file-panel .pathinfo .tag-view .tag-list .item { display: inline-block; height: 20px; line-height: 20px; color: #666; background: #f8fdff; border: 1px solid #d3eaff; margin: 0 0px 3px 0; padding: 1px 10px 1px 5px; border-radius: 20px; cursor: default; position: relative; } .file-panel .pathinfo .tag-view .tag-list .item .x-item-icon.label { position: relative; top: 3px; } .file-panel .pathinfo .tag-view .tag-list .item .close { position: absolute; right: 2px; top: 2px; width: 18px; height: 18px; line-height: 18px; text-align: center; opacity: 1; color: #ffa39e; font-weight: 200; font-size: 1.1em; border-radius: 10px; display: none; background: #f8fdff; } .file-panel .pathinfo .tag-view .tag-list .item .close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb96"; } .file-panel .pathinfo .tag-view .tag-list .item .close:hover { color: #ff4d4f; } .file-panel .pathinfo .tag-view .tag-list .item:hover .close { display: block; } .file-panel .pathinfo .user-space-info { color: #888; background: #fff; border-top: 1px dotted #f6f6f6; position: absolute; z-index: 10; bottom: 0px; width: 80%; padding: 10px 10% 10px 10%; margin-left: -1px; position: relative; width: inherit; bottom: inherit; border: none; border-bottom: 1px solid #eee; margin: 5px 10px 10px 0; padding: 0 0 10px 0; } .file-panel .pathinfo .user-space-info .space-process { height: 6px; margin: 0px; margin-bottom: 5px; overflow: hidden; border-radius: 5px; } .file-panel .pathinfo .user-space-info .space-process .space-process-use { height: 100%; width: 0%; transition: all 1.0s; border-radius: 5px; } .file-panel .pathinfo .user-space-info .name { position: absolute; right: 0px; top: 10px; color: #40a9ff; } .file-panel .pathinfo .user-space-info .space-process .space-process-use { transition: none; } .file-panel .pathinfo .p.line-bottom { border-bottom: 1px dotted #eee; padding-bottom: 5px; margin-bottom: 5px; } .file-panel .pathinfo .p.line-top { border-top: 1px dotted #eee; margin-top: 2px; padding-top: 2px; } .file-panel .pathinfo .info-item-share-info .label { cursor: pointer; border-radius: 20px; padding: 1px 5px 3px 5px; } .file-panel .pathinfo .info-item-share-info .label .font-icon { font-size: 14px; vertical-align: bottom; position: relative; top: 1px; } .file-panel .pathinfo .info-item-share-info .label:hover, .file-panel .pathinfo .info-item-share-info .label:active { opacity: 0.7; } .file-panel .pathinfo .info-item-share-info .label-share-to { color: #1a57de; background: #e5edff; border: 1px solid #b5caf7; } .file-panel .pathinfo .info-item-share-info .label-share-to .font-icon { color: #1a57de; } .file-panel .pathinfo .info-item-share-info .label-share-link { color: #219230; background: #edfff3; border: 1px solid #d3eadb; } .file-panel .pathinfo .info-item-share-info .label-share-link .font-icon { color: #31dc48; } .file-panel .pathinfo .btn-edit { position: absolute; right: -2px; top: 3px; border: 1px solid #f3f3f3; width: 22px; height: 22px; line-height: 22px; text-align: center; opacity: 0.5; font-size: 15px; cursor: pointer; border-radius: 3px; } .file-panel .pathinfo .btn-edit:hover, .file-panel .pathinfo .btn-edit:active, .file-panel .pathinfo .btn-edit.context-menu-active { background: #def; color: #40a9ff; border-color: #def; opacity: 1; } .panel-auth.tab-content { padding: 20px 0 30px 0; color: #446; margin: 0; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box.config-box .panel-form-body { padding: 0; overflow: hidden; position: static; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row { padding: 5px 10px; margin: 0; border-bottom: 1px dotted #eee; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-title { width: 92%; padding: 0; margin: 8px 0 0 2px; position: relative; top: -5px; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-title:before { content: " "; border-left: 4px solid #1890ff; border-radius: 4px; margin-right: 0.6em; font-size: 0.9em; position: relative; top: -0.1em; box-shadow: 0px 1px 4px rgba(24,144,255,0.3); } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-content { width: 100%; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .setting-content .desc { text-shadow: none; white-space: nowrap; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .add-user-group { position: absolute; top: -36px; right: 0px; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .auth-select-box { height: 280px; overflow-y: auto; overflow-x: hidden; margin-bottom: 5px; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .auth-toolbar { margin-top: -6px; margin-right: 0px; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice { border-top: 1px solid transparent; border-bottom: 1px solid #eee; margin-top: -1px; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice:hover, .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice:active { border-color: #91d5ff; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-null { text-align: center; line-height: 150px; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuth .setting-title { display: none; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-auth { border: none; padding-bottom: 40px; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-allAuth { background: #fafafa; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row { border: none; padding: 0; margin: 0; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row hr { border: none; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .setting-title { height: 0; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .setting-content { text-align: right; border-radius: 0; width: 100%; border: none; padding: 12px 0 0 0; border-top: solid 1px #f6f6f6; background: #fcfcfc; background-image: linear-gradient(to bottom,#fbfbfb,#fff); } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-save-button { margin: 0px 12px 15px 0; padding: 8px 40px; float: right; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button { margin: 0px 20px 10px; float: right; background: #eee; color: #aaa; } .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button:hover, .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button:active { color: #2196F3; background: #eaf5ff; } .frame-main-explorer .file-panel .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row { padding: 5px 0px; } .frame-main-explorer .file-panel .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-auth { padding-bottom: 40px; } .file-auth-mutil .panel-auth.tab-content { padding: 0 0 0 0; } .file-auth-mutil .panel-auth.tab-content .info-alert { margin: 10px 20px 0 20px; } .file-auth-mutil .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row { padding: 5px 20px; } .file-auth-mutil .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-row.item-auth { padding-bottom: 40px; } .file-auth-mutil .panel-auth.tab-content .dialog-form.form-box-title-block .form-box .form-target-save .form-row { padding: 0; } .file-panel .panel-tab-content .panel-chat { position: absolute; top: 0px; bottom: 0px; width: 100%; padding: 0; } .file-panel .panel-tab-content .panel-chat .content-header { margin: 10px; } .file-panel .panel-tab-content .panel-chat .content-list { position: absolute !important; overflow: auto; padding: 10px 0px 20px 0px; left: 0; right: 0; top: 50px; bottom: 62px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item { padding: 8px 10px 10px 10px; position: relative; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user { display: inline-block; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .name { padding-left: 40px; color: #666; transform: scale(0.95); display: inline-block; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .user-info .path-ico { width: 30px; height: 30px; position: absolute; top: -2px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .user-info .path-ico img { height: 30px; width: 30px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.time { color: #ddd; border-radius: 20px; padding: 0px 0.5em; display: inline-block; transform: scale(0.9); } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-time-after { clear: both; float: none; display: block; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content { padding: 6px 8px; background: #e6f7ff; border: 0.5px solid #b3e7ff; box-shadow: 2px 2px 4px rgba(179,231,255,0.1); position: relative; max-width: 75%; white-space: normal; word-break: break-all; left: 40px; top: 2px; display: inline-block; border-radius: 5px; cursor: text; color: #444; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content .content { position: relative; z-index: 2; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content .comment-text img { max-width: 100%; cursor: pointer; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content .comment-text img:hover { opacity: 0.95; } .file-panel .panel-tab-content .panel-chat .content-list .list-item:hover { background: #fafbfc; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active { background: #e6f7ff; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .content-reply { display: block; padding: 5px 5px; background: rgba(0,0,0,0.05); border-left: 2px solid rgba(0,0,0,0.2); border-radius: 4px; margin-bottom: 5px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .content-reply .user-info .path-ico { display: none; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.user { float: right; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.user .user-info .path-ico { right: -2px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.user .name { padding-right: 40px; padding-left: 0; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.time { float: right; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item-content { background: #96e350; border: 0.5px solid #7cdc24; box-shadow: -2px 2px 4px rgba(124,220,36,0.1); float: right; left: inherit; right: 40px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item { border-radius: 4px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content .cert { position: absolute; width: 6px; height: 6px; top: 5px; transform: rotateZ(45deg); border-radius: 1px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item-content .cert { background: #96e350; border: 0.5px solid #7cdc24; right: -4px; border-left: none; border-bottom: none; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-others .item-content .cert { background: #e6f7ff; border: 0.5px solid #b3e7ff; left: -4px; border-right: none; border-top: none; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger { display: none; width: 22px; height: 22px; line-height: 22px; cursor: pointer; text-align: center; border-radius: 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; background: #f6f6f6; color: #ccc; position: absolute; bottom: 0px; right: -30px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger:hover, .file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger:active { background: #cfedff; color: #1890ff; } .file-panel .panel-tab-content .panel-chat .content-list .list-item:hover .menu-trigger { display: block; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .menu-trigger { right: inherit; left: -30px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active .menu-trigger, .file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active:hover .menu-trigger { display: block; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat { padding-top: 1px; padding-bottom: 5px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat .item-content .cert { display: none; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat .item.user, .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat .item.time { display: none; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat.item-self .item-content { border-radius: 5px 0px 5px 5px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat.item-others .item-content { border-radius: 0px 5px 5px 5px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat-first { padding-bottom: 4px; } .file-panel .panel-tab-content .panel-chat .content-list .content-list-items { padding-bottom: 20px; padding-top: 10px; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before { text-align: center; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before:before { content: ""; border-top: 1px solid #eee; position: absolute; left: 5%; width: 90%; margin-top: 11px; z-index: 0; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before span { display: inline-block; cursor: pointer; margin: 2px 0; padding: 2px 1em; background: #e6f7ff; color: #99a; border-radius: 30px; position: relative; z-index: 2; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before span:hover, .file-panel .panel-tab-content .panel-chat .content-list .reload-before span:active { background: #def0f9; color: #1890ff; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before span i { opacity: 0.4; font-style: normal; display: inline-block; margin-left: 4px; font-size: 0.9em; transform: scale(0.9); } .file-panel .panel-tab-content .panel-chat .content-list .reload-before span i:before { content: "("; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before span i:after { content: ")"; } .file-panel .panel-tab-content .panel-chat .chat-content-box { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 61px; border-top: 1px solid #eee; } .file-panel .panel-tab-content .panel-chat .chat-content-box .placeholder { padding: 10px; color: #ccc; pointer-events: none; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input-box { overflow: hidden; position: absolute; top: 0; bottom: 28px; left: 0; right: 0; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input-content { position: absolute; top: 7px; left: 7px; bottom: 5px; right: 5px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input { border: none; overflow: hidden; overflow-y: auto; cursor: text; margin: 0; padding: 0; word-break: break-all; height: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input img { max-width: 100%; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input p { padding: 0; margin: 0; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input:active, .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input:focus { background: #fefefe; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar { position: absolute; left: 0; bottom: 5px; height: 0; width: 100%; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group { position: absolute; right: 6px; bottom: 2px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .kui-btn { vertical-align: top; box-sizing: border-box; height: 27px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .send-hotkey { padding: 4px 2px 4px 2px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .send-hotkey .font-icon { font-size: 20px; line-height: 18px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu { position: absolute; top: auto; bottom: 100%; margin-bottom: 10px; border-radius: 4px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu li { line-height: 25px; color: #666; padding: 0 15px; cursor: pointer; position: relative; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu li .font-icon { display: inline-block; width: 20px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu li:hover { background: #eee; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .dropdown-menu li.select:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; width: 20px; height: 20px; position: absolute; right: 5px; top: 5px; color: #1890ff; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item { position: absolute; left: 0; bottom: 0px; cursor: pointer; text-align: center; padding: 3px 3px; color: #aaa; font-size: 16px; border-radius: 3px; line-height: 18px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item:hover { background: #e6f7ff; color: #1890ff; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-emoji { left: 5px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-emoji:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec90"; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-emoji.panel-open { background: rgba(24,144,255,0.2); color: #40a9ff; border-top-right-radius: 0px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-image { left: 35px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-image:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee4b"; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item { margin: 0px 3px 3px 0px; padding: 2px 30px 8px 5px; line-height: 25px; height: 20px; background: #f3f3f3; border-radius: 4px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .user-info .path-ico { top: -1px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .comment-text img { display: inline; height: 20px; margin-left: 3px; margin-top: -3px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close { position: absolute; right: 3px; top: 0px; width: 30px; height: 30px; line-height: 30px; background: #f0f0f0; border-radius: 0 3px 3px 0; text-align: center; color: #ddd; cursor: pointer; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:hover, .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:active { background: #e6f7ff; color: #40a9ff; } .file-panel .panel-tab-content .panel-chat .emoji-img { display: inline-block; width: 24px; height: 24px; position: relative; top: -2px; padding: 0 0px; pointer-events: none; } .file-panel .panel-tab-content .panel-chat .emoji-text { display: inline-block; width: 24px; height: 24px; line-height: 24px; cursor: text; padding: 0 1px; pointer-events: none; font-size: 18px; text-align: center; } .file-panel .panel-tab-content .panel-chat input.emoji-text { background: none; border: none; padding: 0; margin: 0; cursor: text !important; } .file-panel .panel-tab-content .panel-chat img.emoji-text { background-repeat: no-repeat; text-indent: -9999em; vertical-align: middle; } .file-panel .panel-tab-content .panel-chat .chat-block-markdown { padding: 8px; margin: 5px; border-radius: 4px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; box-shadow: 0 0 50px rgba(0,0,0,0.05) inset; border: 1px solid rgba(0,0,0,0.05); overflow: auto; } .file-panel .panel-tab-content .panel-chat .chat-block-markdown:after { content: "markdown"; position: absolute; right: 0px; top: 0px; background: #d8f2ff; color: #40a9ff; padding: 2px 10px; border-radius: 0 0 0 10px; } .file-panel .panel-tab-content .panel-chat a { color: #1890ff; text-decoration: none; padding: 1px 2px 1px 1px; border-radius: 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; border-bottom: 1px solid transparent; } .file-panel .panel-tab-content .panel-chat a:hover, .file-panel .panel-tab-content .panel-chat a:active { background: #1890ff30; } .file-panel .panel-tab-content .panel-chat .markdown-preview pre { padding: 0; background: none; border-radius: 3px; } .file-panel .panel-tab-content .panel-chat .markdown-preview pre code { border: 1px solid rgba(0,0,0,0.1); } .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-hey, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-facepalm, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-smirk, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-smart, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-moue, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-yeah, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-packet, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-chick, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-onlooker, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-goforit, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-sweats, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-omg, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-emm, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-respect, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-doge, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-noprob, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-mybad, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-wow { width: 22px; height: 22px; } .file-panel .panel-tab-content .panel-chat .emoji-panel .dialog-tab { text-align: left; border-top: none; box-shadow: none; } .file-panel .panel-tab-content .panel-chat .emoji-panel .tab-item-bar { bottom: -1px; } .file-panel .panel-tab-content .panel-chat .emoji-panel .tab-content { padding-bottom: 30px; } .file-panel .panel-tab-content .panel-chat .emoji-text { pointer-events: auto; } .file-panel .panel-tab-content .panel-chat.auth-readonly .content-list { bottom: 30px !important; } .file-panel .panel-tab-content .panel-chat.auth-readonly .drag-resize { display: none; } .file-panel .panel-tab-content .panel-chat.auth-readonly .chat-content-box { display: none; } .file-panel .panel-tab-content .panel-chat.auth-readonly .chat-readonly-box { display: block !important; visibility: visible !important; position: absolute; bottom: 0px; left: 0; right: 0; opacity: 0.8; } .file-panel .panel-tab-content .panel-chat.auth-readonly .chat-readonly-box .info-alert { display: block; border-radius: 0px; border: none; border-top: 1px solid #f5edc3; } .file-panel .panel-history .content-header .btn-group { position: absolute; top: 3px; right: 0; } .file-panel .panel-history .content-header .btn-group .kui-btn { padding: 4px 5px; } .file-panel .panel-history .content-header .btn-group .kui-btn.version-refresh { margin-right: 5px; padding: 4px 5px; } .file-panel .panel-history .content-list .file-item { padding: 0; margin-bottom: 5px; border: 1px solid #eee; border-radius: 4px; position: relative; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-history .content-list .file-item:hover { border-color: #91d5ff; position: relative; z-index: 5; } .file-panel .panel-history .content-list .file-item:hover .file-item-line { background: #e6f7ff; border-color: #e6f7ff; } .file-panel .panel-history .content-list .file-item .file-item-line { background: #fafafa; border-bottom: 1px solid #f6f6f6; padding: 5px 10px; } .file-panel .panel-history .content-list .file-item .file-item-line .item { display: inline-block; margin-right: 10px; } .file-panel .panel-history .content-list .file-item .item.mtime { color: #999; margin-right: 0; line-height: 22px; position: absolute; right: 5px; } .file-panel .panel-history .content-list .file-item .item.size { position: absolute; right: 35px; top: 35px; border-radius: 20px; padding: 1px 5px; } .file-panel .panel-history .content-list .file-item .menu-trigger { position: absolute; right: 5px; top: 34px; width: 25px; height: 25px; line-height: 25px; color: #666; background: #fafafa; border-radius: 2px; text-align: center; cursor: pointer; } .file-panel .panel-history .content-list .file-item .menu-trigger:hover { background: #def; color: #40a9ff; } .file-panel .panel-history .content-list .file-item .item.detail { margin-right: 30px; padding: 5px 10px 5px 10px; } .file-panel .panel-history .content-list .file-item .item.detail .desc-title { display: inline-block; color: #888; margin-right: 5px; } .file-panel .panel-history .content-list .file-item .item.detail .content { cursor: text; padding: 2px; display: inline-block; width: 100%; } .file-panel .panel-history .content-list .file-item .item.detail .content.on-edit { height: 22px; padding: 0px; } .file-panel .panel-history .content-list .file-item .item.detail .content.placeholder { color: #ddd; } .file-panel .panel-history .content-list .file-item .item.detail .content.placeholder:hover { background: #fafafa; } .file-panel .panel-history .content-list .file-item .item.detail .content input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; padding: 3px 3px; margin-left: -2px; margin-top: -2px; width: 100%; border-radius: 2px; } .file-panel .panel-history .content-list .file-item .item.detail .content input:hover, .file-panel .panel-history .content-list .file-item .item.detail .content input:active { border-color: #75A1F0; } .file-panel .panel-history .content-list .file-item .item.detail .content input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .file-panel .panel-history .content-list .file-item .item.detail .content input.disabled, .file-panel .panel-history .content-list .file-item .item.detail .content input[readonly='true'] { opacity: 0.7; } .file-panel .panel-history .content-list .file-item .item.detail .content input.disabled:hover, .file-panel .panel-history .content-list .file-item .item.detail .content input.disabled:active, .file-panel .panel-history .content-list .file-item .item.detail .content input[readonly='true']:hover, .file-panel .panel-history .content-list .file-item .item.detail .content input[readonly='true']:active { border-color: #ddd; } .file-panel .panel-history .content-list .file-item .item.detail .content input.disabled:focus, .file-panel .panel-history .content-list .file-item .item.detail .content input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .file-panel .panel-history .content-list .file-item.file-item-last .item.size { right: 0px; } .file-panel .panel-history .bottom-tips { position: absolute; left: 0; bottom: 2px; right: 0px; padding: 8px 10px; text-align: center; opacity: 0.7; background: #fffbe6; color: #aaa; } .file-panel .panel-log .content-list .list-item { background: #f6f9ff; color: #789; border: 1px solid #dbf1ff; padding: 5px; margin: 0 0 10px 30px; position: relative; min-height: 35px; line-height: 1.4em; border-radius: 4px; word-break: break-all; } .file-panel .panel-log .content-list .list-item:hover { background: #e6f7ff; border: 1px solid #dbf1ff; } .file-panel .panel-log .content-list .list-item:before { content: " "; position: absolute; top: 0; width: 2px; height: 100%; background: #e3e6e8; margin-left: -27px; padding-bottom: 12px; } .file-panel .panel-log .content-list .list-item:after { content: " "; position: absolute; top: 0; left: 3px; width: 20px; height: 2px; background: #e3e6e8; margin-left: -24px; margin-top: 24px; } .file-panel .panel-log .content-list .list-item:first-child:before { top: 15px; } .file-panel .panel-log .content-list .list-item:last-child:before, .file-panel .panel-log .content-list .list-item.list-last:before { height: 15px; } .file-panel .panel-log .content-list .list-item.list-item-one:before { height: 0px; display: none; } .file-panel .panel-log .content-list .list-item .action-icon { position: absolute; left: -31px; text-align: center; width: 20px; height: 20px; line-height: 17px; margin-top: 10px; z-index: 5; border-radius: 10px; font-size: 10px; font-weight: 600; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; background: #108ee9; border-color: #0d77c3; color: #fff; } .file-panel .panel-log .content-list .list-item .action-icon:hover { transform: scale(1.2); opacity: 0.8; } .file-panel .panel-log .content-list .list-item .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f181"; top: -0.1em !important; } .file-panel .panel-log .content-list .list-item.type-create .action-icon { background: #3dbd7d; border-color: #339e69; color: #fff; } .file-panel .panel-log .content-list .list-item.type-create .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea13"; } .file-panel .panel-log .content-list .list-item.type-edit .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .file-panel .panel-log .content-list .list-item.type-edit .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe0"; } .file-panel .panel-log .content-list .list-item.type-move .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .file-panel .panel-log .content-list .list-item.type-move .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6c"; } .file-panel .panel-log .content-list .list-item.type-moveOut .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .file-panel .panel-log .content-list .list-item.type-moveOut .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c3"; } .file-panel .panel-log .content-list .list-item.type-share .action-icon { background: #3dbd7d; border-color: #339e69; color: #fff; } .file-panel .panel-log .content-list .list-item.type-share .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0fc"; } .file-panel .panel-log .content-list .list-item.type-rename .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .file-panel .panel-log .content-list .list-item.type-rename .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c3"; } .file-panel .panel-log .content-list .list-item.type-recycle .action-icon { background: #f46e65; border-color: #f14a3f; color: #fff; } .file-panel .panel-log .content-list .list-item.type-recycle .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec1e"; } .file-panel .panel-log .content-list .list-item.type-remove .action-icon { background: #f46e65; border-color: #f14a3f; color: #fff; } .file-panel .panel-log .content-list .list-item.type-remove .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec2a"; } .file-panel .panel-log .content-list .list-item.type-addDesc .action-icon { background: #948aec; border-color: #7467e6; color: #fff; } .file-panel .panel-log .content-list .list-item.type-addDesc .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec51"; } .file-panel .panel-log .content-list .list-item.type-addComment .action-icon { background: #948aec; border-color: #7467e6; color: #fff; } .file-panel .panel-log .content-list .list-item.type-addComment .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef44"; } .file-panel .panel-log .content-list .list-item.type-create.action-create-upload .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f24a"; } .file-panel .panel-log .content-list .list-item.type-create.action-share-shareLinkAdd .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb2"; } .file-panel .panel-log .content-list .list-item .item.title-show { padding: 0px 0px 2px 22px; overflow: hidden; text-overflow: ellipsis; } .file-panel .panel-log .content-list .list-item .item-desc { padding: 0 0 0 22px; } .file-panel .panel-log .content-list .list-item.type-addComment .item-desc > .item-content, .file-panel .panel-log .content-list .list-item.type-addDesc .item-desc > .item-content { display: block; border-radius: 3px; padding: 3px 5px; margin-left: -5px; color: #666; background: rgba(0,0,0,0.03); } .file-panel .panel-log .content-list .list-item.type-rename .item-desc > .item-content { padding-left: 2px; color: #555; } .file-panel .panel-log .content-list .list-item.type-remove .item.title-show > .item-content { padding-left: 2px; color: #555; } .file-panel .panel-log .content-list .list-item.type-remove .item-desc .group-item .item-content { color: #aaa; } .file-panel .panel-log .content-list .list-item .item.time { position: absolute; right: 7px; top: 5px; opacity: 0.6; font-size: 0.9em; } .file-panel .panel-log .content-list .list-item .data-path { color: #40a9ff; cursor: pointer; padding: 0px 2px 2px 2px; margin-left: -1px; border-radius: 3px; white-space: normal; display: inline-block; word-break: break-all; } .file-panel .panel-log .content-list .list-item .data-path:hover { color: #1890ff; background: #dbf1ff; } .file-panel .panel-log .content-list .list-item .data-path .file-icon .path-ico { width: 16px; } .file-panel .panel-log .content-list .list-item .data-path .file-icon .path-ico .x-item-icon { position: relative; top: 2px; } .file-panel .panel-log .content-list .list-item .item.title-show .data-path .file-icon { display: none; } .file-panel .panel-log .content-list .list-item .item-desc .group-item { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 1px; } .file-panel .panel-log .content-list .list-item.action-rename .item-desc em { width: 20px; height: 20px; line-height: 20px; display: inline-block; text-align: center; font-style: normal; } .file-panel .panel-log .content-list .list-item.action-rename .item-desc em:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6c"; } .file-panel .panel-log .content-list .list-item .group-item-more { height: 65px; overflow: hidden; } .file-panel .panel-log .content-list .list-item .group-item-more.show-all { height: inherit; } .file-panel .panel-log .content-list .list-item .toggle-item { font-style: normal; display: block; border-radius: 3px; color: #1890ff; cursor: pointer; padding: 2px 6px; margin-left: -5px; } .file-panel .panel-log .content-list .list-item .toggle-item:hover { color: #0c3f8a; } .file-panel .panel-log .content-list .list-item .toggle-item.toggle-show:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4e"; } .file-panel .panel-log .content-list .list-item .toggle-item.toggle-hide:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea78"; } .file-panel .panel-meta .content-list { position: initial; } .file-panel .panel-meta .form-box.config-box { position: initial; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body { padding: 0; overflow: hidden; position: initial; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row { background: #fff; margin: 0; padding: 0; margin-bottom: 5px; border-radius: 3px; border: 1px solid #eee; position: relative; float: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-title { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-title.has-title { display: block; background: #f8f8f8; border-bottom: 1px solid #f3f3f3; padding: 0; margin: 0; width: 94%; padding: 0px 3% 0px 3%; border-radius: 3px 3px 0 0; text-align: left; float: none; background-image: linear-gradient(30deg,#fafafb,#e6f7ff); } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row:hover .setting-title.has-title { background-image: linear-gradient(30deg,#fcfeff,#def2ff); } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row:hover > .clear { opacity: 1; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.item-focus > .clear { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content { width: 94%; padding: 5px 3% 5px 3%; float: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input[type='text'], .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input[type='password'], .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input[type='number'] { width: 100%; box-sizing: border-box; height: 30px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input.span-title-left { width: 205px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input.span-title-right { width: 205px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input.span-title-left.span-title-right { width: 170px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .desc { display: block; margin-top: 3px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row > .clear { position: absolute; right: 0px; top: 0; cursor: pointer; width: 30px; height: 30px; line-height: 26px; color: #ddd; text-align: center; opacity: 0.3; font-size: 16px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row > .clear:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row > .clear:hover, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row > .clear:active { background: #def; color: #40a9ff; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.row-hidden { display: none !important; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-html, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-button, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-row-html { border: none; border-radius: 0; background: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-html > .clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-button > .clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-row-html > .clear { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-select .select2-container { margin: 0; width: 100% !important; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.row-default > .clear { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-fileSelect .setting-content { text-align: center; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-fileSelect .setting-content .btn { position: absolute; right: 5px; top: -29px; border-radius: 3px; font-size: 0.9em; width: auto; margin: 0; padding: 0 1em; height: 22px; line-height: 22px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-fileSelect .setting-content .desc, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-fileSelect .setting-content .input-clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-fileSelect .setting-content input { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-switch .desc { display: inline-block; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-textarea textarea { width: 100%; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-slider { text-align: center; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-slider .slider { width: 90%; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-user .kod-select, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-user .kod-select-main { width: 100%; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-cityPicker .city-picker-span { width: 100%; padding: 0; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys { text-align: center; margin-top: 30px; background: #fbfdff; border: none; padding-top: 10px; padding-bottom: 5px; position: absolute; top: 7px; right: 15px; margin: 0; padding: 0; background: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .setting-title, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .select2-selection__arrow { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys span.select2-container { width: 50% !important; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys span.select2-container { width: 36px !important; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .desc { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .select2-selection__rendered { padding: 0px; color: #888; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .select2-selection__rendered .meta-item.add:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea13"; font-size: 20px; position: relative; top: -1px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-row.clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-reset-button { display: none !important; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-row { border: none; padding: 0; margin: 0; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-save-button { width: 100%; padding: 8px 0px; margin: 10px 0 40px 0; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .setting-title { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .setting-content { width: 100%; padding: 5px 0 5px 0; float: none; } .file-panel .panel-meta .file-list .item-empty { margin: 0; color: #bbb; font-style: normal; line-height: 27px; } .file-panel .panel-meta .file-list .data-path { display: block; text-align: left; color: #40a9ff; cursor: pointer; padding: 3px 2px; margin-left: -2px; height: 20px; border-radius: 3px; margin-bottom: 1px; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-meta .file-list .data-path:hover { color: #1890ff; background: #dbf1ff; } .file-panel .panel-meta .file-list .data-path .name { padding-left: 6px; } .file-panel .panel-meta .file-list .data-path .size { position: absolute; top: 0; right: 5px; color: #bbb; line-height: 26px; } .file-panel .panel-meta .file-list .data-path .path-parent, .file-panel .panel-meta .file-list .data-path .item-remove { position: absolute; top: 0; width: 26px; height: 26px; line-height: 24px; background: #dbf1ff; cursor: pointer; text-align: center; opacity: 0.01; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-meta .file-list .data-path:hover .path-parent, .file-panel .panel-meta .file-list .data-path:hover .item-remove { opacity: 1; } .file-panel .panel-meta .file-list .data-path .path-parent { right: 30px; color: #faad14; } .file-panel .panel-meta .file-list .data-path .path-parent:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed53"; } .file-panel .panel-meta .file-list .data-path .path-parent:hover, .file-panel .panel-meta .file-list .data-path .path-parent:active { color: #fff; background: #faad14; } .file-panel .panel-meta .file-list .data-path .item-remove { right: 4px; color: #f30; } .file-panel .panel-meta .file-list .data-path .item-remove:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; } .file-panel .panel-meta .file-list .data-path .item-remove:hover, .file-panel .panel-meta .file-list .data-path .item-remove:active { color: #fff; background: #f30; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-dropdown.selectDropdownShow { width: 200px !important; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option { padding: 0; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item { display: block; padding: 6px 6px 6px 15px; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.add { display: none; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled { cursor: not-allowed; position: relative; background: #fff; color: #ccc; opacity: 1; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled:hover { background: #f6f6f6; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; height: 28px; width: 28px; line-height: 28px; position: absolute; color: #92c4ff; right: 2px; top: 1px; font-size: 18px; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option[aria-selected=true]:after { display: none; } .dialog-file-panel { min-width: 400px; min-height: 400px; } .dialog-file-panel .aui-outer { min-height: 400px; } .dialog-file-panel .file-panel { left: 0; margin: 0; border: none; position: static; overflow: inherit; } .dialog-file-panel .file-panel .panel-close { display: none; } .dialog-file-panel .file-panel > .dialog-tab { margin: 5px 20px 0 20px; } .dialog-file-panel .file-panel > .dialog-tab .tab-item { position: relative; padding: 8px 10px 6px 10px; border-radius: 2px 2px 0 0; margin-right: 0; font-size: 14px; color: #444; } .dialog-file-panel .file-panel > .dialog-tab .tab-item:hover, .dialog-file-panel .file-panel > .dialog-tab .tab-item.active, .dialog-file-panel .file-panel > .dialog-tab .tab-item.active:hover { color: #1890ff; } .dialog-file-panel .file-panel > .dialog-tab .tab-item:first-child { margin-left: -10px; } .dialog-file-panel .file-panel > .dialog-tab .tab-item .font-icon { opacity: 0.7; font-size: 1.1em; font-weight: 400; position: relative; top: -1px; display: inline-block; width: 0.8em; padding-right: 2px; display: none; } .dialog-file-panel .file-panel .panel-tab-content { top: 50px; bottom: 0; position: static; overflow: inherit; } .dialog-file-panel .file-panel .panel-tab-content .tab-content { padding: 0; position: static; overflow: inherit; min-width: 440px; min-height: 500px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content .panel-content { position: absolute; overflow: auto; left: 0; right: 0; top: 40px; bottom: 0; padding: 5px 20px 20px 20px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info { padding-top: 10px; min-width: 380px; min-height: 380px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .panel-content { position: static; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info .pathinfo { padding: 0 20px 100px 20px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat { padding: 0; padding-top: 5px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .panel-content { padding: 5px 10px 0px 10px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .content-header { margin: 0 20px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .content-list { top: 80px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log { height: auto; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history .content-header, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .content-header, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log .content-header { margin: 5px 20px 0 20px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history .panel-content, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .panel-content, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log .panel-content { top: 80px; bottom: 45px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history .list-page, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .list-page, .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log .list-page { bottom: 10px; left: 20px; right: 20px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth { margin-top: 5px; padding: 0; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .panel-content { position: static; overflow: inherit; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .form-box .form-row { padding: 5px 20px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .form-box .form-row.item-auth { padding-bottom: 40px; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .form-box .form-target-save .form-row { padding: 0; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth .form-box .panel-form-body { position: static; overflow: inherit; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta { position: relative; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .panel-content { position: static; margin: 0; padding: 5px 20px !important; } .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys { top: 0; right: 20px; } .dialog-file-panel .file-panel .panel-info-header { padding-top: 8px; padding-bottom: 2px; display: none; } .dialog-file-panel .file-panel.panel-image .panel-info-header { height: 100px; } .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content.panel-history .panel-content, .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content.panel-meta .panel-content, .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content.panel-log .panel-content, .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content.panel-chat .panel-content { top: 160px; } .dialog-file-panel.dialog-no-title .file-panel.panel-image .panel-tab-content .tab-content.panel-history .panel-content, .dialog-file-panel.dialog-no-title .file-panel.panel-image .panel-tab-content .tab-content.panel-meta .panel-content, .dialog-file-panel.dialog-no-title .file-panel.panel-image .panel-tab-content .tab-content.panel-log .panel-content, .dialog-file-panel.dialog-no-title .file-panel.panel-image .panel-tab-content .tab-content.panel-chat .panel-content { top: 200px; } .dialog-file-panel.dialog-no-title .file-panel > .dialog-tab .tab-item .font-icon { display: inline-block; display: none; } .dialog-file-panel.dialog-no-title .file-panel .panel-info-header { display: block; background-image: linear-gradient(190deg,#f0faff,#fff); border-bottom: 1px solid #f6f8ff; } .file-list-list .file .children-search-content { list-style: none; color: #666; padding: 1px 0 2px 0; margin: 0; background: rgba(255,255,255,0.8); border-top: 1px solid #e6f6fd; } .file-list-list .file .children-search-content .children-search-item { height: 24px; line-height: 22px; margin-left: 30px; padding-right: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #888; } .file-list-list .file .children-search-content .children-search-item:hover { background: rgba(0,0,0,0.1); } .file-list-list .file .children-search-content .children-search-item:active { background: rgba(0,0,0,0.2); } .file-list-list .file .children-search-content .children-search-item.this { background: #1890ff; color: #fff; } .file-list-list .file .children-search-content .line { display: inline-block; min-width: 30px; height: 24px; font-weight: 800; opacity: 0.5; background: rgba(0,0,0,0.05); text-align: right; padding-right: 5px; } .file-list-list .file .children-search-content .search-match { padding: 1px 0; background: rgba(255,229,143,0.7); } .file-list-list .file .children-search-content .search-show-more-toggle { margin-left: 30px; color: #72c1ff; line-height: 24px; height: 24px; cursor: pointer; } .file-list-list .file .children-search-content .search-show-more-toggle:hover { background: #e9f5ff; } .file-list-list .file .children-search-content .search-show-more-toggle .show-more { display: inline-block; } .file-list-list .file .children-search-content .search-show-more-toggle .show-less { display: none; } .file-list-list .file .children-search-content .search-show-more-toggle .more-cert.font-icon { font-size: 1.1em; margin-top: -3px; display: inline-block; width: 20px; } .file-list-list .file .children-search-content .search-show-more-toggle .more-cert.font-icon::after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea11"; } .file-list-list .file .children-search-content .search-show-more-toggle.cert-open .show-more { display: none; } .file-list-list .file .children-search-content .search-show-more-toggle.cert-open .show-less { display: inline-block; } .file-list-list .file .children-search-content .search-show-more-toggle.cert-open .more-cert.font-icon::after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee57"; } .file-list-list .file.file-search-text-has { border-color: #e6f6fd; } .file-list-list .file.file-search-text-has .title-type-name .title { font-weight: 800; opacity: 0.8; } .file-list-list .file.file-search-text-has.select .children-search-content { border-top: 1px solid #66baff; } .file-list-list .file .search-match-content { background: rgba(0,0,0,0.01); padding-bottom: 3px; } .file-list-list .file .search-match-content .match-text { line-height: 22px; padding-left: 50px; padding-right: 10px; word-break: break-all; display: block; color: #888; } .file-list-list .file.file-search-match .title-type-name .title { font-weight: 800; opacity: 0.8; } #app.app-desktop .topbar { background: #eee; background-color: rgba(190,190,190,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.2); } #app.app-desktop .topbar .content { border-bottom: 1px solid #ddd; border-bottom-color: transparent; } #app.app-desktop .topbar .content .topbar-menu { color: #fff; border-color: rgba(190,190,190,0.1); } #app.app-desktop .topbar .content .topbar-menu, #app.app-desktop .topbar .content .topbar-menu.font-icon { text-shadow: 0px 0px 0px #fff, 0px 0px 4px #000; } #app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:active, #app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:hover, #app.app-desktop .topbar .content .topbar-menu.this { background: rgba(255,255,255,0.3); } #app.app-desktop .app-main { left: 0; } #app.app-desktop .bodymain { position: absolute; left: 70px; bottom: 30px; top: 0; right: 0; overflow: hidden; } #app.app-desktop .bodymain .file-continer-main { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 50px; overflow: auto; } #app.app-desktop .menuwin { position: absolute; left: 0; bottom: 33px; display: none; z-index: 9999; height: 405px; width: 400px; } #app.app-desktop .menuwin #startmenu { border: solid 1px #102a3e; display: block; width: 100%; height: 100%; opacity: 0.9; filter: alpha(opacity=90); position: absolute; bottom: 0px; z-index: -1; -webkit-border-radius: 5px; box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color: #619bb9; background: -webkit-gradient(linear,center top,center bottom,from(#327aa4),color-stop(45%,#2e4b5a),to(#5cb0dc)); background: rgba(0,0,0,0.5); } #app.app-desktop .menuwin #leftspliter { margin: 0 15px 0 15px; border-top: solid 1px #d6e5f5; } #app.app-desktop .menuwin #rightspliter { margin: 0 7px 0 7px; border-top: solid 1px #596d77; } #app.app-desktop .menuwin #links, #app.app-desktop .menuwin #programs { padding: 0; list-style: none; } #app.app-desktop .menuwin #programs { background: #fff; border: solid 1px #365167; height: 385px; float: left; margin: 7px 0 7px 7px; box-shadow: 0 0 1px #fff; width: 250px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; } #app.app-desktop .menuwin #programs a { border: solid 1px transparent; display: block; padding: 3px; height: 30px; line-height: 30px; margin: 3px 10px; color: #4b4b4b; text-decoration: none; } #app.app-desktop .menuwin #programs a:hover, #app.app-desktop .menuwin #programs a:active { border: solid 1px #7da2ce; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; box-shadow: inset 0 0 1px #fff; background-color: #cfe3fd; background: -webkit-gradient(linear,center top,center bottom,from(#dcebfd),to(#c2dcfd)); } #app.app-desktop .menuwin #programs a img { border: 0; vertical-align: middle; margin: 0 5px 0 0; } #app.app-desktop .menuwin #links { float: left; margin-left: 10px; margin-top: -50px; } #app.app-desktop .menuwin #links li.icon { height: 60px; } #app.app-desktop .menuwin #links a { border: solid 1px transparent; display: block; margin: 5px 0; position: relative; color: #fff; text-decoration: none; min-width: 120px; } #app.app-desktop .menuwin #links a:hover, #app.app-desktop .menuwin #links a:active { border: solid 1px #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; background-color: #658da0; background: -webkit-gradient(linear,0% 100%,100% 100%,from(#517384),color-stop(50%,#79a3b8),to(#517384)); } #app.app-desktop .menuwin #links a:hover span, #app.app-desktop .menuwin #links a:active span { background: -webkit-gradient(linear,center top,center bottom,from(transparent),color-stop(49%,transparent),color-stop(50%,rgba(2,37,58,0.5)),to(rgba(63,111,135,0.5))); } #app.app-desktop .menuwin #links a span { padding: 5px; padding-left: 10px; display: block; } #app.app-desktop .taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../images/common/desktop/taskbarbg.png'); } #app.app-desktop .taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px; } #app.app-desktop .taskbar-right { position: fixed; right: 0px; bottom: -1px; z-index: 2; } #app.app-desktop .taskbar-right .taskbar-item { float: left; cursor: pointer; color: #fff; font-size: 16px; z-index: 999; width: 32px; height: 32px; line-height: 30px; text-align: center; opacity: 0.8; } #app.app-desktop .taskbar-right .taskbar-item:hover, #app.app-desktop .taskbar-right .taskbar-item:active { text-shadow: 0 0 10px #fff; opacity: 1.0; filter: alpha(opacity=100); background: rgba(255,255,255,0.1); } #app.app-desktop .taskbar-right .tab-hide-all { width: 23px; height: 30px; border-radius: 4px; cursor: pointer; border: 1px solid rgba(255,255,255,0.4); float: right; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0)); } #app.app-desktop .taskbar-right .tab-hide-all:hover, #app.app-desktop .taskbar-right .tab-hide-all:active { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.7)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.7),rgba(255,255,255,0)); box-shadow: 0 0 10px #fff; } #app.app-desktop .full-background { display: none !important; } #app.app-desktop .full-background-wall { position: absolute; display: block !important; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; -ms-transition: all ease-in-out .4s; transition: all ease-in-out .4s; background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; background-color: #434952; } #app.app-desktop .full-background-wall img { position: absolute; width: 1px; height: 1px; } #app.app-desktop .full-background-wall:before { background: none; } #app.app-desktop .topbar { background: #eee; background-color: rgba(190,190,190,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.2); } #app.app-desktop .topbar .content { border-bottom: 1px solid #ddd; border-bottom-color: transparent; } #app.app-desktop .topbar .content .topbar-menu { color: #fff; border-color: rgba(190,190,190,0.1); } #app.app-desktop .topbar .content .topbar-menu, #app.app-desktop .topbar .content .topbar-menu.font-icon { text-shadow: 0px 0px 0px #fff, 0px 0px 4px #000; } #app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:active, #app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:hover, #app.app-desktop .topbar .content .topbar-menu.this { background: rgba(255,255,255,0.3); } #app.app-desktop .file-list-icon .file { float: none; color: #fff; border: none; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; border-radius: 2px; } #app.app-desktop .file-list-icon .file .title-type-name { padding-bottom: 1px; } #app.app-desktop .file-list-icon .file .title-type-name .title { text-shadow: 0px 0px 0px #fff, 0px 0px 2px #000, 0px 0px 4px #000; } #app.app-desktop .file-list-icon .file.hover { background: #fff \9; background: rgba(255,255,255,0.2); background-color: #aaa\9; border: none; color: #fff; } #app.app-desktop .file-list-icon .file.select, #app.app-desktop .file-list-icon .file.file-select-drag-temp, #app.app-desktop .file-list-icon .file.select.hover, #app.app-desktop .file-list-icon .file.file-select-drag-temp.hover { border: none; color: #fff; background-color: #eee\9; color: #444\9; background: #fff \9; background: rgba(255,255,255,0.3); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } #app.app-desktop .file-list-icon .file.select .title-type-name, #app.app-desktop .file-list-icon .file.file-select-drag-temp .title-type-name, #app.app-desktop .file-list-icon .file.select.hover .title-type-name, #app.app-desktop .file-list-icon .file.file-select-drag-temp.hover .title-type-name { background: none; } #app.app-desktop .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile { border: none; margin-left: -2px; border-top: 1px solid #aaa; } #app.app-desktop .file-list-icon .file .item-select, #app.app-desktop .file-list-icon .file .item-menu { z-index: 9; } #app.app-desktop .file-continer.file-draging-box .file-list-icon .file { float: none; color: #fff; border: none; display: inline-block; text-shadow: 0px 0px 0px #fff, 0px 0px 2px #000, 0px 0px 4px #000; } #app.app-desktop .file-continer.file-draging-box .file-list-icon .file .title-type-name { padding-bottom: 1px; } #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.hover { background: #fff \9; background: rgba(255,255,255,0.2); background-color: #aaa\9; border: none; color: #fff; } #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select.hover, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp.hover { border: none; color: #fff; background: #fff \9; background: rgba(255,255,255,0.4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select .title-type-name, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp .title-type-name, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select.hover .title-type-name, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp.hover .title-type-name { background: none; } #app.app-desktop .random-wallpaper { position: absolute; width: 40px; height: 60px; bottom: 30px; right: 25px; z-index: 10; } #app.app-desktop .random-wallpaper .flower { width: 40px; z-index: 3; position: absolute; left: 0; top: 0; cursor: pointer; } #app.app-desktop .random-wallpaper .body-line { width: 5px; height: 30px; position: absolute; bottom: 0; left: 18px; background-color: #fff; z-index: 2; } .dialog-form.share-dialog-box .form-box.config-box .panel-form-body { padding: 0; margin: 0; padding-bottom: 20px; border-radius: 0; border: none; min-width: 500px; min-height: 400px; top: -2px; left: 0; position: relative; } .dialog-form.share-dialog-box.share-type-to .bg-banner-light { background-position: -100px -50px; } .dialog-form.share-dialog-box.share-type-to .form-row.item-shareHeader .share-info { height: 80px; margin-bottom: 10px; } .dialog-form.share-dialog-box.share-type-to .form-row.item-shareHeader .share-info .right-desc { left: 40px; top: 20px; } .dialog-form.share-dialog-box .form-header { display: none; } .dialog-form.share-dialog-box .form-box .form-row { padding: 0px 15px; } .dialog-form.share-dialog-box .form-row.form-button-line:before { top: 18px; } .dialog-form.share-dialog-box.dialog-form.dialog-no-title .form-box.config-box .form-header { background: #fff; border: none; } .dialog-form.share-dialog-box .tab-item-bar { display: none !important; } .dialog-form.share-dialog-box .share-copy-view .copy-desc { position: relative; vertical-align: middle; } .dialog-form.share-dialog-box .share-copy-view .share-path-copy { margin: 0 0 0 5px; vertical-align: middle; } .dialog-form.share-dialog-box .tab-group-pan { min-height: 300px; } .dialog-form.share-dialog-box .form-row.item-shareHeader { margin: 0; padding: 0; } .dialog-form.share-dialog-box .form-row.item-shareHeader .setting-content { width: 100%; padding: 0; border: none; float: none; } .dialog-form.share-dialog-box .form-row.item-shareHeader .share-info { padding: 10px 10px 10px 40px; position: relative; border-bottom: 1px solid #f6f6f6; border-radius: 0; height: 100px; margin-bottom: 20px; color: #abb6bd; } .dialog-form.share-dialog-box .form-row.item-shareHeader .share-info .path-ico { width: 80px; height: 80px; margin-top: 10px; margin-left: -5px; position: absolute; } .dialog-form.share-dialog-box .form-row.item-shareHeader .share-info .right-desc { position: absolute; left: 120px; right: 30px; top: 20px; } .dialog-form.share-dialog-box .form-row.item-shareHeader .share-info .right-desc .name { line-height: 40px; height: 40px; font-size: 24px; font-weight: 600; color: #2196F3; } .dialog-form.share-dialog-box .form-row.item-shareHeader .share-info .right-desc .name .name-title { display: inline-block; background: rgba(0,0,0,0.05); border-radius: 4px; opacity: 0.8; padding: 0px 5px; height: 25px; line-height: 25px; font-size: 15px; font-weight: 400; position: relative; top: -6px; vertical-align: bottom; max-width: 60%; overflow: hidden; text-overflow: ellipsis; } .dialog-form.share-dialog-box .form-row.item-shareHeader .share-info .right-desc .name, .dialog-form.share-dialog-box .form-row.item-shareHeader .share-info .right-desc .desc-location { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dialog-form.share-dialog-box .form-box .form-row .setting-title { text-align: right; } .dialog-form.share-dialog-box .tab-group { position: absolute; margin: 0; padding: 0; text-align: center; width: 100%; height: 30px; z-index: 10; background: none; top: 106px; } .dialog-form.share-dialog-box .tab-group .tab-item { float: none; display: inline-block; padding: 1px 20px; height: 30px; line-height: 30px; border-radius: 3px 3px 0 0 !important; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; cursor: pointer; background: #edf6ff; border: 1px solid #e2f1ff !important; border-bottom: 1px solid #e4ebfe; } .dialog-form.share-dialog-box .tab-group .tab-item .tab-item-content { padding: 0; height: inherit; line-height: inherit; } .dialog-form.share-dialog-box .tab-group .tab-item:hover, .dialog-form.share-dialog-box .tab-group .tab-item:active { color: #1890ff; background: #def; border-color: #e4ebfe !important; } .dialog-form.share-dialog-box .tab-group .tab-item.active { background: #fff; color: #1890ff; border: 1px solid #e4ebfe !important; border-bottom-color: transparent !important; } .dialog-form.share-dialog-box .tab-group .tab-item.active:hover, .dialog-form.share-dialog-box .tab-group .tab-item.active:active { color: #1890ff; background: #fff; } .dialog-form.share-dialog-box .tab-group .font-icon { opacity: 0.9; font-size: 16px; line-height: 16px; width: 20px; height: 20px; vertical-align: middle; display: inline-block; text-align: center; } .dialog-form.share-dialog-box .form-row.item-password .input-title-right { cursor: pointer; } .dialog-form.share-dialog-box .form-row.item-password .input-title-right:hover, .dialog-form.share-dialog-box .form-row.item-password .input-title-right:active { color: #444; background: #eee; } .dialog-form.share-dialog-box .form-row.item-shareLink .setting-content input { background: #fdfdfd; border-color: #ddd; width: 227px; box-shadow: none; } .dialog-form.share-dialog-box .form-row.item-shareLink .setting-content .btn { padding: 0px 8px; height: 30px; line-height: 26px; box-sizing: border-box; border: 1px solid #ddd; margin: 0; margin-right: -5px; margin-top: -1px; background: #fafafa; font-size: 0.9em; vertical-align: top; } .dialog-form.share-dialog-box .form-row.item-shareLink .setting-content .btn:hover, .dialog-form.share-dialog-box .form-row.item-shareLink .setting-content .btn:active { color: #444; background: #eee; } .dialog-form.share-dialog-box .form-row.item-shareLink .setting-content .btn.link-qrcode { border-radius: 0 3px 3px 0; } .dialog-form.share-dialog-box .form-row.item-shareLink .setting-content .desc { -khtml-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important; margin-top: 1px; margin-left: -13px; position: absolute; } .dialog-form.share-dialog-box .form-row.item-timeTo .setting-content input.span-title-right { width: 163px; border-radius: 3px; } .dialog-form.share-dialog-box .form-row.item-timeTo .setting-content .input-title-right { display: none; } .dialog-form.share-dialog-box .form-row.item-authTo .setting-title { display: none; } .dialog-form.share-dialog-box .form-row.item-authTo .setting-content { width: inherit; float: none; clear: both; padding-bottom: 15px; } .dialog-form.share-dialog-box .form-row.item-authTo .kod-select-dropdown { border-top-right-radius: 4px; } .dialog-form.share-dialog-box .form-row.item-authTo .btn.add-user-group { position: absolute; right: 5px; top: -33px; height: 25px; line-height: 25px; } .dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main { margin-top: 10px; margin-bottom: 5px; } .dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box { height: 300px; overflow: hidden; overflow-y: auto; padding: 0px 0px 10px 0; } .dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box .item-choice { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: -1px; } .dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box .item-choice:hover, .dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box .item-choice:active { border-color: #91d5ff; } .dialog-form.share-dialog-box .form-row.item-authTo .kod-select-main .item-null { text-align: center; line-height: 220px; } .dialog-form.share-dialog-box .form-row.item-shareTitle { margin-left: 6px; margin-top: 15px; font-size: 14px; padding-left: 15px; color: #666; } .dialog-form.share-dialog-box .form-row.item-shareTitle:before { content: " "; border-left: 4px solid #1890ff; border-radius: 4px; margin-right: 0.6em; font-size: 0.9em; position: relative; top: -0.1em; box-shadow: 0px 1px 4px rgba(24,144,255,0.3); } .dialog-form.share-dialog-box .form-row.item-title { display: none; } .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label { display: inline-block; min-width: 160px; margin-right: -4px; background: #fefefe; margin-bottom: -1px; } .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:hover, .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content label:active { background: #fdfdfd; } .dialog-form.share-dialog-box .form-row.item-optionSwitch .setting-content { max-width: 380px; } .share-page-main .share-password-box { width: 350px; border-top: 3px solid #03A9F4; margin: 0 auto; height: 250px; margin-top: -125px; position: relative; top: 40%; color: #666; text-align: center; background: #fff; border-radius: 4px; padding-bottom: 50px; box-shadow: rgba(0,0,0,0.1) 0px 5px 50px; } .share-page-main .share-password-box .title { font-size: 1.6em; display: block; margin-bottom: 20px; background: #fcfcfc; border-bottom: 1px dashed #eee; font-weight: 400; line-height: 60px; } .share-page-main .share-password-box .share-login { background: linear-gradient(45deg,#135fac 1%,#1e88e5 64%,#40baf5 97%); border: none; border-radius: 4px; box-shadow: rgba(37,45,51,0.5) 0px 5px 30px -5px; color: #fff; font-size: 1.2em; letter-spacing: 2px; padding: 10px; width: 220px; } .share-page-main .share-password-box .share-login.hover { box-shadow: rgba(37,45,51,0.8) 0px 5px 30px -5px; } .share-page-main .share-password-box input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; height: 32px; width: 227px; display: inline-block; padding: 0px 5px; border-radius: 4px; margin: 25px auto 20px auto; } .share-page-main .share-password-box input:hover, .share-page-main .share-password-box input:active { border-color: #75A1F0; } .share-page-main .share-password-box input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .share-page-main .share-password-box input.disabled, .share-page-main .share-password-box input[readonly='true'] { opacity: 0.7; } .share-page-main .share-password-box input.disabled:hover, .share-page-main .share-password-box input.disabled:active, .share-page-main .share-password-box input[readonly='true']:hover, .share-page-main .share-password-box input[readonly='true']:active { border-color: #ddd; } .share-page-main .share-password-box input.disabled:focus, .share-page-main .share-password-box input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .share-page-main { width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #f0f2f5; } .share-page-main .common-header .topbar { width: 100%; height: 40px; color: #666; background: #fff; position: absolute; top: 0; z-index: auto; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05); } .share-page-main .common-header .topbar .content { padding: 0px; line-height: 36px; height: 40px; word-break: break-all; } .share-page-main .common-header .topbar .content i.font-icon { display: inline-block; padding-right: 10px; font-size: 1.1em; } .share-page-main .common-header .topbar .content .topbar-menu { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; overflow: hidden; color: #888; font-size: 14px; text-decoration: none; border: 1px solid #eee; border-top: none; border-bottom: none; margin-left: -1px; padding: 0px 1.2em; float: left; } .share-page-main .common-header .topbar .content .topbar-menu.title { font-size: 20px; width: 200px; padding: 0; text-align: center; height: 40px; } .share-page-main .common-header .topbar .content .topbar-menu.title:hover, .share-page-main .common-header .topbar .content .topbar-menu.title:focus { background: none; } .share-page-main .common-header .topbar .content .topbar-menu img { height: 40px; margin-top: -1px; } .share-page-main .common-header .topbar .content .top-left { height: 40px; position: absolute; left: 0px; right: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .share-page-main .common-header .topbar .content .top-right { position: absolute; right: 0px; top: 0px; margin-right: 0px; height: 40px; } .share-page-main .common-header .topbar .content .top-right .menu-group { height: 40px; margin-right: -1px; float: left; position: relative; } .share-page-main .common-header .topbar .content .top-right .topbar-menu { display: inline-block; padding: 0px 12px; height: 40px; } .share-page-main .common-header .topbar .content .top-right .topbar-menu:hover, .share-page-main .common-header .topbar .content .top-right .topbar-menu:active { background: #eee; } .share-page-main .common-header .topbar .content .top-right .topbar-menu i { padding-right: 3px; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu { margin-top: -1px; padding: 10px 0; font-size: 0.9em; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu i { width: 10px; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language { width: 470px; padding: 10px 5px; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language li { width: 115px; float: left; margin: 0 1px 1px 0; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language a { padding: 0 8px 0 8px; height: 26px; line-height: 26px; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language i.flag { padding-right: 0px; background-color: #eee; position: relative; top: 1px; } .share-page-main .common-header .topbar .content .share-title { text-align: center; margin-left: 8px; margin-right: 7px; } .share-page-main .common-header .topbar .content .share-title-info { font-size: 1.25em; padding: 6px; } .share-page-main .common-header .topbar .content .share-info { font-size: 1em; display: inline; } .share-page-main .common-header .topbar .content .share-info .time { padding-left: 5px; padding-right: 8px; } .share-page-main .common-header .topbar .content .top-right .share-info-user { margin-right: 10px; position: relative; } .share-page-main .common-header .topbar .content .top-right .share-info-user .info { padding-right: 10px; } .share-page-main .common-header .topbar .content .top-right .share-info-user .kui-btn { overflow: inherit; } .share-page-main .common-header .topbar ul.dropdown-menu.topbar-submenu { right: auto; left: auto; margin-left: -1px; margin-top: -1px; font-size: 0.9em; padding: 20px 0 10px 20px; width: 380px; } .share-page-main .common-header .topbar .user-info { color: #888; cursor: default; } .share-page-main .common-header .topbar .user-info .path-ico { overflow: initial; vertical-align: text-bottom; position: relative; margin-right: 2px; } .share-page-main .common-header .topbar .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; vertical-align: top; border: 1px solid #fff; } .share-page-main .common-header .topbar .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .share-page-main .common-header .topbar .user-info { cursor: pointer; } .share-page-main .common-header .topbar .user-info .name { display: none; } .share-page-main .content-box { width: 100%; bottom: 40px; top: 50px; position: absolute; overflow: auto; width: 72%; left: 14%; background: #fff; border-radius: 4px 0px 0px 4px; } .share-page-main .content-box .common-main { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; } .share-page-main .content-box.content-show .common-main { right: 240px; } .share-page-main .content-box .bindary-box { width: 300px; margin: 0 auto; padding-bottom: 40px; background: #fff; box-shadow: 0 2px 30px rgba(0,0,0,0.2); margin-top: 5%; border-radius: 4px; } .share-page-main .content-box .bindary-box .title { width: 100%; height: 150px; padding-top: 20px; border-radius: 4px 4px 0 0; background: #6699cc url("../../images/common/login.png") -110px 0px; } .share-page-main .content-box .bindary-box .ico { width: 140px; height: 140px; border-radius: 100px; overflow: hidden; margin: 0 auto; background: rgba(255,255,255,0.4); text-align: center; } .share-page-main .content-box .bindary-box .ico img { width: 80%; padding-top: 15px; } .share-page-main .content-box .bindary-box .ico .path-ico { width: auto; height: auto; } .share-page-main .content-box .bindary-box .ico .x-item-icon { width: 90px; height: 90px; margin: 28px auto; } .share-page-main .content-box .bindary-box .content-info { text-align: center; } .share-page-main .content-box .bindary-box .content-info .name { padding: 30px; padding-bottom: 2px; font-size: 22px; word-wrap: break-word; word-break: break-all; } .share-page-main .content-box .bindary-box .content-info .size { color: #888; } .share-page-main .content-box .bindary-box .content-info .size i { font-style: normal; color: #aaa; padding-left: 10px; } .share-page-main .content-box .bindary-box .content-info .error-tips { padding-top: 15px; color: #bbb; } .share-page-main .content-box .bindary-box .content-info .share-download { margin-top: 30px; width: 100px; font-size: 15px; } .share-page-main .content-box .frame-main-explorer .kod-toolbar .btn.disabled { display: none !important; } .share-page-main .content-box .frame-main-explorer .frame-header .header-content .search-box .search-more { display: none; } .share-page-main .content-box .frame-main-explorer .frame-header .header-content .search-box .search-clear { right: 40px; } .share-page-main .content-box .frame-main-explorer [data-action='fav-add-current'] { display: none; } .share-page-main .content-box .frame-main-explorer .ztree li a.level0 { padding-left: 0; margin: 5px 0 0 -5 !important; } .share-page-main .content-box .frame-main-explorer>.frame-left, .share-page-main .content-box .frame-main-explorer>.drag-resize-tree { display: none; } .share-page-main .content-box .frame-main-explorer>.frame-right { left: 0px !important; } .share-page-main .content-box .context-menu-list .context-menu-item.disabled, .share-page-main .content-box .context-menu-list .context-menu-item.disabled + .context-menu-separator, .share-page-main .content-box .context-menu-list .context-menu-item.more-action, .share-page-main .content-box .context-menu-list .context-menu-item.more-action + .context-menu-separator { display: none !important; } .share-page-main .content-box .show-image { text-align: center; display: flex; align-items: center; justify-content: center; height: 100%; } .share-page-main .content-box .show-image img { max-width: 80%; max-height: 95%; max-width: 90%; box-shadow: 1px 1px 10px rgba(0,0,0,0.3), 0px 10px 10px rgba(0,0,0,0.1); } .share-page-main .content-box .show-pdf, .share-page-main .content-box .show-iframe { margin: 0; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .share-page-main .content-box .markdown-preview { min-width: 200px; max-width: 800px; margin: 10px auto; padding: 0 4% 50px 4%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif; } .share-page-main .content-box .markdown-preview .markdown-menu { position: fixed; margin-left: 810px; top: 70px; width: 200px; border-radius: 4px; max-height: 80%; overflow: auto; padding: 0; box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.15), 0px 5px 10px rgba(0,0,0,0.05); background: linear-gradient(110deg,#fff,#fafdff); } .share-page-main .content-box .markdown-preview .markdown-menu ul { padding: 0; margin: 0; } .share-page-main .content-box .markdown-preview .markdown-menu ul li { list-style: none; } .share-page-main .content-box .markdown-preview .markdown-menu ul li:last-child { margin-bottom: 20px; } .share-page-main .content-box .markdown-preview .markdown-menu a { color: #666; text-decoration: none; display: block; padding: 5px 10px 5px 10px; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .share-page-main .content-box .markdown-preview .markdown-menu a:hover, .share-page-main .content-box .markdown-preview .markdown-menu a:active { background: #def; color: #1890ff; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h1 { background: #1890ff; border-radius: 4px 4px 0 0; background: linear-gradient(-150deg,#1890ff,#2070e5); padding: 10px 0; margin-bottom: 10px; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h1 a { white-space: initial; word-break: break-all; padding: 10px 10px; font-size: 1.1em; line-height: 1.5em; color: #fff; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h1 a:hover, .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h1 a:active { background: none; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h2 a { padding: 5px 10px 5px 1em; font-weight: 600; margin: 0; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h3 a { padding-left: 2em; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h4 a { padding-left: 3em; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h5 a { padding-left: 4em; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h6 a { padding-left: 5em; } .share-page-main .content-box .show-code { border: 1px solid #e6e6e6; width: 80%; position: absolute; bottom: 20px; left: 10%; top: 20px; overflow: hidden; border-radius: 3px; } .share-page-main .content-box .show-code pre.ace_editor { height: 100% !important; width: 100% !important; line-height: 1.5em; } .share-page-main .content-box .show-code .code { padding: 0px; margin: 0; height: 100%; } .share-page-main .content-box .show-flash { width: 80%; height: 90%; margin: 0 auto; padding-top: 30px; } .share-page-main .content-box .target-menu { position: absolute; margin-left: -1.5em; display: inline-block; text-align: center; width: 2em; } .share-page-main .content-box h1:hover .target-menu, .share-page-main .content-box h1:active .target-menu, .share-page-main .content-box h2:hover .target-menu, .share-page-main .content-box h2:active .target-menu, .share-page-main .content-box h3:hover .target-menu, .share-page-main .content-box h3:active .target-menu, .share-page-main .content-box h4:hover .target-menu, .share-page-main .content-box h4:active .target-menu, .share-page-main .content-box h5:hover .target-menu, .share-page-main .content-box h5:active .target-menu, .share-page-main .content-box h6:hover .target-menu, .share-page-main .content-box h6:active .target-menu { display: block !important; visibility: visible !important; } .share-page-main .common-side { width: 240px; position: absolute; top: 0px; bottom: 0px; right: 0px; background: #fff; border-left: 1px solid rgba(0,0,0,0.1); border-radius: 0px 4px 4px 0px; } .share-page-main .common-side .line { border-bottom: 1px dotted #eee; margin: 0px 10px; } .share-page-main .common-side .share-user-info { text-align: center; padding: 40px 0px 20px; } .share-page-main .common-side .share-user-info .img-box { width: 80px; height: 80px; margin: 0px auto; box-shadow: rgba(0,0,0,0.05) 0px 1px 5px -1px, rgba(39,40,41,0.1) 0px 6px 24px -2px; border-radius: 100%; } .share-page-main .common-side .share-user-info .img-box img { width: 100%; height: 100%; border-radius: 50%; } .share-page-main .common-side .share-user-info .name { height: 28px; line-height: 28px; margin-top: 10px; } .share-page-main .common-side .share-user-info .name { color: #000; font-size: 1.1em; } .share-page-main .common-side .share-user-info .name .desc { color: #888; } .share-page-main .common-side .share-file-info { padding: 10px 15px; } .share-page-main .common-side .share-file-info .info-line { line-height: 24px; } .share-page-main .common-side .share-file-info .info-line .title { float: left; color: #999; text-align: left; padding: 0; margin: 0; width: 24%; margin-right: 1%; } .share-page-main .common-side .share-file-info .info-line .content { float: left; word-break: break-all; color: #555; width: 75%; padding: 0; margin: 0; position: relative; -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; font-size: 1em; } .share-page-main .common-footer { position: fixed; bottom: 0px; background: #f8f8f8; color: #999; font-size: 1em; width: 100%; text-align: center; border-top: 1px solid #e8e8e8; height: 31px; line-height: 32px; overflow: hidden; } .share-page-main .content-main-message .btn-login { border-radius: 4px; border: 1px solid #1890ff; background-color: #1890ff; box-shadow: rgba(255,255,255,0.1) 0px 1px 0px inset, rgba(0,0,0,0.1) 0px 1px 1px; transition: all 0.16s ease 0s; color: #fff; position: relative; display: block; width: 150px; margin: 10px auto; padding: 7px 10px; } .share-page-main .content-main-message .btn-login:hover, .share-page-main .content-main-message .btn-login:active { opacity: 0.8; } body .x-item-icon.x-folder, body .x-item-icon.x-source { background-image: url("../../images/file_icon/icon_others/folder_win10.png"); background-image: none \9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10.png',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10.png',sizingMethod='scale'); } body .x-item-icon.x-folder.small, body .x-item-icon.x-source.small { background-image: url("../../images/file_icon/icon_others/folder_win10_small.png"); background-image: none \9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10_small.png',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10_small.png',sizingMethod='scale'); } body .frame-left .x-item-icon.small.x-folder, body .frame-left .x-item-icon.small.x-source, body .file-list-list .x-item-icon.small.x-folder, body .file-list-list .x-item-icon.small.x-source, body .file-list-split .x-item-icon.small.x-folder, body .file-list-split .x-item-icon.small.x-source { width: 18px; height: 18px; background-image: url("../../images/file_icon/icon_others/folder_win10_small.png"); background-image: none \9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10_small.png',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10_small.png',sizingMethod='scale'); } body .dropdown-menu { border-radius: 0px; } body .dropdown-menu a:hover, body .dropdown-menu .this a, body .dropdown-menu a:active { background: #eee; color: #444; } body .dialog-form.dialog-no-title.dialog-simple .aui-outer, body .artDialog.dialog-simple .aui-outer { box-shadow: none !important; border: none !important; } body .dialog-form.dialog-no-title .form-box.config-box .form-header, body .artDialog .form-box.config-box .form-header { background: #fcfcfc; border-bottom: 1px solid #f6f6f6; } body .dialog-form.dialog-no-title .aui-outer, body .artDialog .aui-outer { box-shadow: 0 6px 40px 0 rgba(16,17,18,0.3) !important; border: none !important; border-radius: 4px; overflow: hidden; } body .dialog-form.dialog-no-title .aui-outer .aui-buttons, body .artDialog .aui-outer .aui-buttons { background: #fcfcfc; border-top: solid 1px #f6f6f6; } body .dialog-form.dialog-no-title .aui-outer .aui-buttons button, body .artDialog .aui-outer .aui-buttons button { padding: 0px 20px; background: #eee; color: #888; height: 30px; border-radius: 2px; box-shadow: none; border: none; } body .dialog-form.dialog-no-title .aui-outer .aui-buttons button:hover, body .dialog-form.dialog-no-title .aui-outer .aui-buttons button:active, body .artDialog .aui-outer .aui-buttons button:hover, body .artDialog .aui-outer .aui-buttons button:active { color: #2196F3; background: #eaf5ff; } body .dialog-form.dialog-no-title .aui-outer .aui-buttons button:active, body .artDialog .aui-outer .aui-buttons button:active { box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); } body .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight, body .artDialog .aui-outer .aui-buttons button.aui-state-highlight { padding: 0px 35px; background: #1890ff; color: #fff; box-shadow: none; } body .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight:hover, body .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight:active, body .artDialog .aui-outer .aui-buttons button.aui-state-highlight:hover, body .artDialog .aui-outer .aui-buttons button.aui-state-highlight:active { color: #fff; background: #5d9eff; } body .aui-outer { box-shadow: 0px 5px 10px rgba(0,0,0,0.2); border: 1px solid #bbb; border-color: rgba(0,0,0,0.2); } body .aui-outer .aui-title { background: #fff; color: #666; border-bottom: 1px solid #f1f1f1; border-bottom: none; } body .aui-outer .aui-buttons { border-top: solid 1px #eee; background: #f8f8f8; } body .aui-outer .aui-buttons button { padding: 1px 1.5em; border: 1px solid #ccc; color: #222; background: #eee; } body .aui-outer .aui-buttons button:hover { background: #fbfbfb; } body .aui-outer .aui-buttons button:active { background: #e1e1e1; } body .aui-outer .aui-buttons button.aui-state-highlight { border-color: #96c7ff; box-shadow: 0 0 2px #96c7ff; } body .aui-outer .aui-buttons button.aui-state-highlight:hover { color: #111; } body .aui-outer .aui-buttons button.aui-state-highlight:active { color: #111; } body .aui-outer .aui-min { right: 80px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEUlEQVQYV2NgGGbgP5F40AMAIN0J96UZJscAAAAASUVORK5CYII="); } body .aui-outer .aui-max { right: 40px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGD4TySGEATAqELiFBLEAISgI91xKgmgAAAAAElFTkSuQmCC"); } body .aui-outer .aui-close { right: 0px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVQYlWNgYGD4D8TGDLiBMVQNgzErOwcuxRhy2BTjNABZAp8tCMWEFBGtkCirifIM0cFDVIADAOrvG43QTSHZAAAAAElFTkSuQmCC"); } body .aui-outer .aui-min, body .aui-outer .aui-max, body .aui-outer .aui-close { color: #888; background-position: center center; background-repeat: no-repeat; height: 31px; width: 40px; line-height: 31px; background-color: #fff; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; -ms-transition: background 0.2s; transition: background 0.2s; } body .aui-outer .aui-min:before, body .aui-outer .aui-max:before, body .aui-outer .aui-close:before { content: ""; } body .aui-outer .aui-min:hover, body .aui-outer .aui-min:active, body .aui-outer .aui-max:hover, body .aui-outer .aui-max:active, body .aui-outer .aui-close:hover, body .aui-outer .aui-close:active { color: #333; background-color: #ddd; } body .aui-outer .aui-close:hover, body .aui-outer .aui-close:active { background-color: #e81123; color: #fff; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOklEQVQYV2P4/+//+f/fv6cw4AAgOZAaCAMEsCjGkMOmGKcByBL4bEFVjE8R0QqJspoozxAdPMQGOABXELkNcbMs5wAAAABJRU5ErkJggg=="); } body .dialog-min-size .aui-min { right: 40px; } body .dialog-min-size .aui-max { display: none; } body .aui-state-focus .aui-outer { box-shadow: 0px 0px 20px rgba(0,140,255,0.46); border: 1px solid #71b9f3; } body div.dialog-simple .aui-title { border-radius: 0; } body div.dialog-simple .aui-min, body div.dialog-simple .aui-max, body div.dialog-simple .aui-close { background-color: rgba(255,255,255,0.8); border-radius: 0; } body div.dialog-simple .aui-min:hover, body div.dialog-simple .aui-min:active, body div.dialog-simple .aui-max:hover, body div.dialog-simple .aui-max:active, body div.dialog-simple .aui-close:hover, body div.dialog-simple .aui-close:active { background-color: rgba(255,255,255,0.95); } body div.dialog-simple .aui-close { right: 4px; } body div.dialog-simple .aui-close:hover, body div.dialog-simple .aui-close:active { background-color: #e81123 !important; } body div.file-continer.file-list-split .file.file2 { background: none; } body div.file-continer.file-list-split .file.hover { background: #e5f3ff; border-color: transparent; } body div.file-continer.file-list-split .file.select-split-parent { background: #e3f0ff; border-color: #c9e2ff; } body div.file-continer .file { border-radius: 0; filter: none; -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; -ms-transition: transform 0.2s; transition: transform 0.2s; } body div.file-continer .file.select, body div.file-continer .file.file-select-drag-temp { background: #cce8ff; border-color: #99d1ff; } body div.file-continer .file.select:focus, body div.file-continer .file.select.file-focus, body div.file-continer .file.file-select-drag-temp:focus, body div.file-continer .file.file-select-drag-temp.file-focus { border-color: #66baff; } body div.file-continer .file.hover { background: #e5f3ff; border-color: transparent; } body div.file-continer .file.hover.select, body div.file-continer .file.hover.file-select-drag-temp { background: #cce8ff; border-color: #99d1ff; } body div.file-continer .file.hover.select:focus, body div.file-continer .file.hover.select.file-focus, body div.file-continer .file.hover.file-select-drag-temp:focus, body div.file-continer .file.hover.file-select-drag-temp.file-focus { border-color: #66baff; } body div.file-continer .file:focus, body div.file-continer .file.file-focus { border-color: #99d1ff; } body div.file-continer .file.select.file2, body div.file-continer .file.file-select-drag-temp.file2 { background: #cce8ff; border-color: #99d1ff; } body div.file-continer .file.select.file2:focus, body div.file-continer .file.select.file2.file-focus, body div.file-continer .file.file-select-drag-temp.file2:focus, body div.file-continer .file.file-select-drag-temp.file2.file-focus { border-color: #66baff; } body div.file-continer.file-list-split .file, body div.file-continer.file-list-list .file { margin-bottom: 1px; } body .context-menu-list { box-shadow: 4px 5px 10px rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.1); border-radius: 0; border: none; } body .context-menu-list .context-menu-item.hover, body .context-menu-list .context-menu-item.selected.hover { background: #e1e1e1; color: #444; } body .context-menu-list .context-menu-item.hover .font-icon, body .context-menu-list .context-menu-item.selected.hover .font-icon { color: #888; } body .context-menu-list .context-menu-item.hover > .context-menu-list .hover .font-icon { color: #888; } body .context-menu-list .hover > span > b { color: #888; } body .tasktab-dragging { box-shadow: 0 0 6px #2196f3; border-color: #2196f3; } .markdown-preview { font-family: "Helvetica Neue", "Helvetica", "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; text-align: justify; margin: auto; line-height: 1.6em; color: #555; } .markdown-preview article, .markdown-preview footer, .markdown-preview header, .markdown-preview nav { margin: 0 auto; } .markdown-preview article { margin-top: 4em; margin-bottom: 4em; min-height: 400px; } .markdown-preview footer { margin-bottom: 50px; } .markdown-preview video { margin: 2em 0; border: 1px solid #ddd; } .markdown-preview nav { font-size: .9em; font-style: italic; border-bottom: 1px solid #ddd; padding: 1em 0; } .markdown-preview nav p { margin: 0; } .markdown-preview details { margin: 15px 0; } .markdown-preview summary { cursor: pointer; padding: 4px; } .markdown-preview summary:focus { outline: none; box-shadow: 0 0 3px #2196F3; } .markdown-preview .h1, .markdown-preview h1 { font-size: 2.2em; } .markdown-preview .h2, .markdown-preview h2 { font-size: 1.8em; } .markdown-preview .h3, .markdown-preview h3 { font-size: 1.6em; } .markdown-preview .h4, .markdown-preview h4 { font-size: 1.3em; } .markdown-preview .h5, .markdown-preview h5 { font-size: 1.2em; } .markdown-preview .h6, .markdown-preview h6 { font-size: 1.1em; } .markdown-preview .h1, .markdown-preview .h2, .markdown-preview .h3, .markdown-preview .h4, .markdown-preview .h5, .markdown-preview .h6, .markdown-preview h1, .markdown-preview h2, .markdown-preview h3, .markdown-preview h4, .markdown-preview h5, .markdown-preview h6 { font-family: inherit; font-weight: 500; color: #333; line-height: 1.2em; padding: 0.3em 0; margin: 0.8em 0 0.4em 0; word-break: break-all; } .markdown-preview .h1, .markdown-preview h1 { letter-spacing: 1px; border-bottom: 1px solid #ddd; } .markdown-preview .h2, .markdown-preview h2 { padding-bottom: 0.15em; } .markdown-preview p { -webkit-hypens: auto; -moz-hypens: auto; hyphens: auto; margin: 10px 0; } .markdown-preview p, .markdown-preview li, .markdown-preview div, .markdown-preview ul { word-break: break-all; } .markdown-preview blockquote { margin-left: 1em; padding: 10px 15px; margin: 10px 0 20px 0; background: #f6f6f6; border-left: 7px solid rgba(102,128,153,0.1); background: rgba(102,128,153,0.04); } .markdown-preview blockquote p { margin: 0; font-weight: 400; line-height: 1.6em; } .markdown-preview code { padding: 2px 4px; color: #c7254e; white-space: inherit; background-color: #f9f2f4; border-radius: 4px; } .markdown-preview pre { display: block; padding: 0; overflow: auto; margin: 0 0 10px; font-size: 1em; line-height: 1.5; color: #333; background: none; border-radius: 4px; } .markdown-preview code, .markdown-preview kbd, .markdown-preview pre, .markdown-preview samp { font-family: Consolas, 'Liberation Mono', 'Ubuntu Mono', Menlo, Courier, sans-serif; } .markdown-preview pre code { background: #f8f8f8; color: #777; white-space: pre-wrap; padding: 6px 1em; border: 1px solid #eee; display: block; } .markdown-preview a { color: #1980e6; text-decoration: none; } .markdown-preview a:hover, .markdown-preview a:active { text-decoration: underline; } .markdown-preview a img { border: none; } .markdown-preview img { max-width: 100%; } .markdown-preview h1 a, .markdown-preview h1 a:hover, .markdown-preview h1 a:active { text-decoration: none; } .markdown-preview hr { border: 0 none; height: 4px; margin: 1.2em 0; background: rgba(0,0,0,0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0; } @media screen and (min-width: 900px) { .markdown-preview body { width: 900px; } } .markdown-preview ul, .markdown-preview ol { padding: 0.2em 0 0.2em 2em; } .markdown-preview table { border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; } .markdown-preview table thead { background: #eee; } .markdown-preview table td, .markdown-preview table th { padding: .5em; border: 1px solid #ddd; line-height: 1.5; } .markdown-preview table tr:nth-child(even) { background: #f9f9f9; } .markdown-preview ul.contains-task-list { padding: 0.2em 0 0.2em 0.5em; list-style: none; } .markdown-preview ul.contains-task-list input { margin-right: 0.2em; height: 1em; font-size: 14px; vertical-align: text-bottom; position: relative; top: -1px; } .markdown-preview ul.contains-task-list label { margin: 0; } .markdown-preview .footnotes { background: #fafafa; padding: 0 15px 0 0; border-radius: 4px; color: #888; } .markdown-preview .markdown-flow { background: #fff; padding: 15px; } .markdown-preview .markdown-flow .label { color: #444; } .markdown-preview .katex-display { text-align: center; font-size: 1.3em; color: #000; margin-bottom: 1.5em; } .markdown-preview .latex-inline .katex-display { display: inline-block; font-size: 0.8em; } .markdown-preview .katex-display > .katex { white-space: pre-wrap; word-break: break-all; } .markdown-preview .text-align-center { text-align: center; } .markdown-preview .markdown-alert { position: relative; display: inline-flex; box-sizing: border-box; width: 100%; line-height: 1.5; padding: 8px 15px 8px 40px; margin: 6px 0; color: rgba(0,0,0,0.6); border-radius: 4px; border: 1px solid #eee; background-color: #f6f6f6; border: none; } .markdown-preview .markdown-alert p { padding: 0; margin: 0; } .markdown-preview .markdown-alert-icon { font-size: 18px; height: 100%; position: absolute; left: 12px; top: 0; margin-top: 7px; } .markdown-preview .markdown-alert-info { border-color: #91d5ff; background-color: #e6f7ff; } .markdown-preview .markdown-alert-warning { border-color: #ffe58f; background-color: #fffbe6; } .markdown-preview .markdown-alert-success { border-color: #b7eb8f; background-color: #f6ffed; } .markdown-preview .markdown-alert-error { border-color: #f5222d; background-color: #fff1f0; } .markdown-preview .markdown-alert-icon-success { color: #52c41a; } .markdown-preview .markdown-alert-icon-info { color: #1890ff; } .markdown-preview .markdown-alert-icon-warning { color: #faad14; } .markdown-preview .markdown-alert-icon-error { color: #f5222d; } .markdown-preview .markdown-tips { border-radius: 2px; padding: 1em; position: relative; box-shadow: 0 0 2px rgba(0,0,0,0.1); } .markdown-preview .markdown-tips-default { background: rgba(210,210,210,0.1); } .markdown-preview .markdown-tips-help { background: rgba(66,185,131,0.1); } .markdown-preview .markdown-tips-info { background-color: #f8f8f8; border-left: 4px solid #f66; padding: 12px 24px 12px 30px; border-radius: 0 2px 2px 0; } .markdown-preview .markdown-tips-info:before { background-color: #f66; border-radius: 100%; color: #fff; content: "!"; font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; font-size: 14px; font-weight: 600; text-align: center; line-height: 20px; width: 20px; height: 20px; position: absolute; left: -12px; top: 14px; } .code-theme-black .markdown-preview { background: #333; color: #bbb; } .code-theme-black .markdown-preview .footnotes { background: #444; } .code-theme-black .markdown-preview pre, .code-theme-black .markdown-preview code, .code-theme-black .markdown-preview pre code { color: #777; border-color: #444; background: #444; } .code-theme-black .markdown-preview code { color: #C5AC18; background: #555; background: rgba(255,255,255,0.15); } .code-theme-black .markdown-preview a { color: #FFA500; } .code-theme-black .markdown-preview hr { border-bottom: 1px solid #444; background-image: none; } .code-theme-black .markdown-preview .h1, .code-theme-black .markdown-preview .h2, .code-theme-black .markdown-preview .h3, .code-theme-black .markdown-preview .h4, .code-theme-black .markdown-preview .h5, .code-theme-black .markdown-preview .h6, .code-theme-black .markdown-preview h1, .code-theme-black .markdown-preview h2, .code-theme-black .markdown-preview h3, .code-theme-black .markdown-preview h4, .code-theme-black .markdown-preview h5, .code-theme-black .markdown-preview h6 { color: #fff; } .code-theme-black .markdown-preview .h1, .code-theme-black .markdown-preview h1 { border-bottom: 1px solid #666; } .code-theme-black .markdown-preview table thead { background: #3e3e3e; } .code-theme-black .markdown-preview table td, .code-theme-black .markdown-preview table th { border-color: #444; } .code-theme-black .markdown-preview table tr:nth-child(even) { background: #393939; } .code-theme-black .markdown-preview .katex-display { color: #fff; } .code-theme-black .markdown-preview .markdown-tips-info { background-color: rgba(255,255,255,0.15); } .edit-content.markdown-full-page pre.ace_editor { width: 100% !important; } .edit-content.markdown-full-page .resize { display: none; } .edit-content.markdown-full-page .edit-right-frame { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: 9999; width: 100% !important; } .edit-content.markdown-full-page .edit-right-frame .right-main { width: 100% !important; } .edit-content.markdown-full-page .edit-right-frame .display-markdown { width: 100% !important; background: none; } .edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool .toolbar { width: 80%; left: 10%; border: none; border-bottom: 1px solid #ddd; background: rgba(240,240,240,0.5); display: none; } .edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool a[action="toggle-markdown"] { pointer-events: none; } .edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool a[action="toggle-markdown"] i.font-icon { opacity: 0.3; } .edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool a[action="toggle-full"] i.font-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9a"; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview { min-width: 200px; max-width: 800px; margin: 50px auto; padding: 0 15px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu { position: fixed; margin-left: 810px; top: 70px; width: 200px; border-radius: 4px; max-height: 80%; overflow: auto; padding: 0; box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.15), 0px 5px 10px rgba(0,0,0,0.05); background: linear-gradient(110deg,#fff,#fafdff); } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu ul { padding: 0; margin: 0; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu ul li { list-style: none; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu ul li:last-child { margin-bottom: 20px; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu a { color: #666; text-decoration: none; display: block; padding: 5px 10px 5px 10px; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu a:hover, .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu a:active { background: #def; color: #1890ff; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h1 { background: #1890ff; border-radius: 4px 4px 0 0; background: linear-gradient(-150deg,#1890ff,#2070e5); padding: 10px 0; margin-bottom: 10px; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h1 a { white-space: initial; word-break: break-all; padding: 10px 10px; font-size: 1.1em; line-height: 1.5em; color: #fff; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h1 a:hover, .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h1 a:active { background: none; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h2 a { padding: 5px 10px 5px 1em; font-weight: 600; margin: 0; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h3 a { padding-left: 2em; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h4 a { padding-left: 3em; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h5 a { padding-left: 4em; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h6 a { padding-left: 5em; } .edit-content.markdown-hidden .ace_editor { width: 100% !important; } .edit-content.markdown-hidden .editor-preview-resize { display: none; } .edit-content.markdown-hidden .edit-right-frame { width: 0 !important; } .edit-content.markdown-hidden a[action=toggle-full] { display: none; pointer-events: none; } .edit-content.markdown-hidden a[action=toggle-full] i.font-icon { color: #ccc !important; } .edit-content.markdown-hidden .edit-right-frame .preview-markdown-frame .preview-markdown-tool i.icon-columns:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb5"; } .edit-main .edit-right-frame .preview-markdown-frame { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool { border: none; height: inherit; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool i.icon-columns:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ecb7"; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box { position: absolute; bottom: 0.1px; z-index: 10; top: 20px; right: 25px; background: rgba(180,180,180,0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); width: 30px; height: 140px; border: none; border-radius: 2px; overflow: hidden; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a { margin: 0; padding: 0; display: block; text-align: center; height: 35px; line-height: 35px; border: none; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a .font-icon { color: #888; font-size: 15px; font-weight: 200; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:hover, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:active { border: none; background: #bbb; color: #000; box-shadow: none; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:hover .font-icon, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:active .font-icon { color: #222; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar { position: absolute; right: 25px; top: 5px; border-radius: 3px; width: 465px; padding: 3px 5px; background: rgba(255,255,255,0.85); box-shadow: 0px 5px 17px rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); top: -60px; right: 62px; border-radius: 0; padding: 0px 5px; box-shadow: none; border: none; border-left: 1px solid #eee; z-index: 5; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools { height: 100%; display: inline-block; text-decoration: none; text-align: center; margin: 0; line-height: 28px; float: left; padding: 0; color: #666; width: 24px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools:hover, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools:active { background: #ccc; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split { width: 10px; color: #ccc; line-height: 25px; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split:hover, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split:active { background: none; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview { padding: 10px 35px 100px 35px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu ul { padding: 0; margin: 0; list-style: none; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu a { text-decoration: none; display: block; padding: 4px 0px 4px 0px; line-height: 1.2em; border-radius: 3px; transition: all 0.2s; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu a:active { background: rgba(24,144,255,0.2); color: #1890ff; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h1 a, .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h2 a { padding: 6px 10px 6px 1em; font-weight: 800; margin: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h3 a { padding-left: 2em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h4 a { padding-left: 3em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h5 a { padding-left: 4em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h6 a { padding-left: 5em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help { width: 650px; background: #fff; height: 80%; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-radius: 4px; border-top-right-radius: 0; position: absolute; top: 20px; right: 55px; border: 1px solid #ddd; overflow: hidden; z-index: 9999; user-select: text; padding-bottom: 50px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help h3 { padding: 20px 10px 15px 20px; margin: 0; border-bottom: 1px solid #eee; font-size: 20px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help .content { height: 100%; overflow: auto; margin: 10px; padding-bottom: 20px; margin-right: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help p { margin: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help h5 { font-weight: 800; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help pre { border-radius: 4px; background: #eee; color: #777; font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; font-size: 0.9em; margin: 5px 0; padding: 8px 5px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help .col-md-4 { width: 35%; padding-bottom: 70px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box { width: 300px; background: #fff; height: 80%; max-height: 90%; border-radius: 4px; border-top-right-radius: 0; position: absolute; top: 20px; right: 55px; bottom: 0.1px; z-index: 10; border: 1px solid #e6e6e6; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); background: linear-gradient(110deg,#fff,#fafdff); } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box h3 { padding: 20px 10px 15px 20px; margin: 0; border-bottom: 1px solid #eee; font-size: 22px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .content { height: 100%; overflow: auto; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu { position: fixed; margin-left: 810px; top: 70px; width: 200px; border-radius: 4px; max-height: 80%; overflow: auto; padding: 0; box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.15), 0px 5px 10px rgba(0,0,0,0.05); background: linear-gradient(110deg,#fff,#fafdff); position: relative; top: 0; border-radius: 0; margin: 0; width: auto; border: none; box-shadow: none; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu ul { padding: 0; margin: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu ul li { list-style: none; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu ul li:last-child { margin-bottom: 20px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu a { color: #666; text-decoration: none; display: block; padding: 5px 10px 5px 10px; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu a:active { background: #def; color: #1890ff; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 { background: #1890ff; border-radius: 4px 4px 0 0; background: linear-gradient(-150deg,#1890ff,#2070e5); padding: 10px 0; margin-bottom: 10px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a { white-space: initial; word-break: break-all; padding: 10px 10px; font-size: 1.1em; line-height: 1.5em; color: #fff; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a:active { background: none; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h2 a { padding: 5px 10px 5px 1em; font-weight: 600; margin: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h3 a { padding-left: 2em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h4 a { padding-left: 3em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h5 a { padding-left: 4em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h6 a { padding-left: 5em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 { background: none; padding: 0; margin: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a { white-space: nowrap; font-weight: 800; color: inherit; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a:active { background: #def; color: #1890ff; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .tools-markdown-more { position: absolute; top: 20px; right: 10px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting { width: 160px; height: auto; background: #fff; border: 1px solid #ddd; z-index: 10; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-radius: 4px; border-top-right-radius: 0; position: absolute; top: 125px; right: 55px; -webkit-transform: translateZ(0); } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul { padding: 0; margin: 10px 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul li { width: 100%; height: 25px; list-style: none; overflow: hidden; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul li.line { height: 1px; background: #f3f3f3; margin: 5px 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:visited { display: block; line-height: 25px; text-decoration: none; padding: 0 0 0 20px; color: #444; overflow: hidden; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a i.font-icon { padding-right: 5px; color: #888; display: inline-block; width: 16px; text-align: center; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:active { background: #63acff; color: #fff; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:hover i, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:active i { color: #fff; } div .hljs { color: #666; } .hljs-comment, .hljs-quote { color: #998; font-style: italic; } .hljs-keyword, .hljs-selector-tag, .hljs-subst { color: #333; font-weight: 700; } .hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable { color: teal; } .hljs-doctag, .hljs-string { color: #d14; } .hljs-section, .hljs-selector-id, .hljs-title { color: #900; font-weight: 700; } .hljs-subst { font-weight: 400; } .hljs-class .hljs-title, .hljs-type { color: #458; font-weight: 700; } .hljs-attribute, .hljs-name, .hljs-tag { color: navy; font-weight: 400; } .hljs-meta, .hljs-strong { font-weight: 700; } .hljs-link, .hljs-regexp { color: #009926; } .hljs-bullet, .hljs-symbol { color: #990073; } .hljs-built_in, .hljs-builtin-name { color: #0086b3; } .hljs-meta { color: #999; } .hljs-deletion { background: #fdd; } .hljs-addition { background: #dfd; } .hljs-emphasis { font-style: italic; } .hljs { padding: 0 !important; } .hljs ul { list-style: decimal; padding: 0px; position: relative; margin: 0px 0px 0 45px !important; padding: 5px 0; cursor: text; background: #fff; } .hljs ul:before { content: " "; cursor: default; position: absolute; top: -1px; left: -46px; bottom: -1px; width: 45px; background: #fafafa8f; border-radius: 4px 0 0 4px; border-right: 1px solid rgba(0,0,0,0.03); } .hljs ul li { padding: 0 10px; } .hljs ul li span { line-height: 18px; padding: 5px 0 0 0; } .hljs ul li:nth-of-type(even) { background: rgba(0,0,0,0.02); } .hljs ul li:hover, .hljs ul li:active { background: rgba(0,0,0,0.05); } .code-theme-black pre, .code-theme-black code { background: #222; border-color: #333; } .code-theme-black div .hljs { display: block; background: #23241f; } .code-theme-black .hljs, .code-theme-black .hljs-subst, .code-theme-black .hljs-tag { color: #f8f8f2; } .code-theme-black .hljs-emphasis, .code-theme-black .hljs-strong { color: #a8a8a2; } .code-theme-black .hljs-bullet, .code-theme-black .hljs-link, .code-theme-black .hljs-literal, .code-theme-black .hljs-number, .code-theme-black .hljs-quote, .code-theme-black .hljs-regexp { color: #ae81ff; } .code-theme-black .hljs-code, .code-theme-black .hljs-section, .code-theme-black .hljs-selector-class, .code-theme-black .hljs-title { color: #a6e22e; } .code-theme-black .hljs-strong { font-weight: 700; } .code-theme-black .hljs-emphasis { font-style: italic; } .code-theme-black .hljs-attr, .code-theme-black .hljs-keyword, .code-theme-black .hljs-name, .code-theme-black .hljs-selector-tag { color: #f92672; } .code-theme-black .hljs-attribute, .code-theme-black .hljs-symbol { color: #66d9ef; } .code-theme-black .hljs-class .hljs-title, .code-theme-black .hljs-params { color: #f8f8f2; } .code-theme-black .hljs-addition, .code-theme-black .hljs-built_in, .code-theme-black .hljs-builtin-name, .code-theme-black .hljs-selector-attr, .code-theme-black .hljs-selector-id, .code-theme-black .hljs-selector-pseudo, .code-theme-black .hljs-string, .code-theme-black .hljs-template-variable, .code-theme-black .hljs-type, .code-theme-black .hljs-variable { color: #e6db74; } .code-theme-black .hljs-comment, .code-theme-black .hljs-deletion, .code-theme-black .hljs-meta { color: #75715e; } .code-theme-black .hljs ul { background: inherit; } .code-theme-black .hljs ul:before { background: rgba(80,80,80,0.7); } .code-theme-black .hljs ul li:nth-of-type(even) { background: rgba(255,255,255,0.02); } .code-theme-black .hljs ul li:hover, .code-theme-black .hljs ul li:active { background: rgba(255,255,255,0.05); } .edit-main .edit-right-frame { position: absolute; top: 00px; right: 0px; width: 40%; bottom: 0; background: #fff; border-left: 1px solid #ddd; overflow: visible; } .edit-main .edit-right-frame .markdown-preview-content { position: absolute; height: 100%; width: 100%; overflow: auto; } .edit-main .edit-right-frame .preview-frame { position: absolute; top: 0px; right: 0; bottom: 0; width: 100%; background: #fff; } .edit-main .edit-right-frame .preview-markdown-tool, .edit-main .edit-right-frame .function-list-tool, .edit-main .edit-right-frame .preview-url-tool { width: 100%; height: 25px; border-bottom: 1px solid #ddd; } .edit-main .edit-right-frame .preview-markdown-tool .box, .edit-main .edit-right-frame .function-list-tool .box, .edit-main .edit-right-frame .preview-url-tool .box { width: 105px; height: 25px; position: absolute; top: 0px; right: 0px; background: url("../../images/common/buttons_40.png") 0 0px repeat-x; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .edit-main .edit-right-frame .preview-markdown-tool .box a, .edit-main .edit-right-frame .function-list-tool .box a, .edit-main .edit-right-frame .preview-url-tool .box a { text-decoration: none; border: 1px solid rgba(200,200,200,0.01); display: inline-block; margin-top: 0px; margin-left: 2px; position: relative; padding: 3px 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .edit-main .edit-right-frame .preview-markdown-tool .box a .font-icon, .edit-main .edit-right-frame .function-list-tool .box a .font-icon, .edit-main .edit-right-frame .preview-url-tool .box a .font-icon { color: #999; } .edit-main .edit-right-frame .preview-markdown-tool .box a:hover, .edit-main .edit-right-frame .preview-markdown-tool .box a:active, .edit-main .edit-right-frame .function-list-tool .box a:hover, .edit-main .edit-right-frame .function-list-tool .box a:active, .edit-main .edit-right-frame .preview-url-tool .box a:hover, .edit-main .edit-right-frame .preview-url-tool .box a:active { border: 1px solid #ccc; box-shadow: 0 0 20px rgba(0,0,0,0.2) inset; } .edit-main .edit-right-frame .preview-url-frame .preview-frame-content { position: absolute; right: 0px; left: 0px; bottom: 0px; overflow: auto; top: 26px; background: #fff; } .edit-main .edit-right-frame .preview-url-frame .input-content { position: absolute; height: 27px; right: 100px; left: 0px; } .edit-main .edit-right-frame .preview-url-frame .input-content input { height: 25px; border: none; border-right: 1px solid #ddd; text-shadow: 1px 1px 3px #CCE; outline: none; color: #888; font-size: 1.15em; width: 95%; padding: 0 2.5%; box-shadow: #fafafa 0px 0px 30px inset; background: #f8f8f8 url("../../images/common/bg.gif") 0px -2px repeat-x; } .edit-main .edit-right-frame .preview-url-frame .input-content input:focus { box-shadow: #eee 0px 0px 30px inset; } .edit-main .edit-right-frame .preview-url-frame .box { border-left: 1px solid #eee; } .edit-main .edit-right-frame .function-list .function-list-tool { height: 100px; width: 100%; } .edit-main .edit-right-frame .function-search { position: absolute; top: 26px; left: 0; height: 25px; right: 5px; } .edit-main .edit-right-frame .function-search input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; padding: 3px 2%; color: #222; margin: 0 3%; width: 90%; border-radius: 3px; } .edit-main .edit-right-frame .function-search input:hover, .edit-main .edit-right-frame .function-search input:active { border-color: #75A1F0; } .edit-main .edit-right-frame .function-search input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .edit-main .edit-right-frame .function-search input.disabled, .edit-main .edit-right-frame .function-search input[readonly='true'] { opacity: 0.7; } .edit-main .edit-right-frame .function-search input.disabled:hover, .edit-main .edit-right-frame .function-search input.disabled:active, .edit-main .edit-right-frame .function-search input[readonly='true']:hover, .edit-main .edit-right-frame .function-search input[readonly='true']:active { border-color: #ddd; } .edit-main .edit-right-frame .function-search input.disabled:focus, .edit-main .edit-right-frame .function-search input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .edit-main .edit-right-frame .function-search .search-reset { position: absolute; top: 5px; right: 5%; font-size: 1.25em; color: #aaa; display: block; cursor: pointer; } .edit-main .edit-right-frame .function-search .search-reset:hover, .edit-main .edit-right-frame .function-search .search-reset:active { color: #f5222d; } .edit-main .edit-right-frame .frame-right .function-list-parent { top: 57px; } .edit-main .edit-right-frame .function-list-box .cell b { color: #378eef; } .edit-main .edit-right-frame .function-list-box .row-select .cell b { color: #ff9; } .edit-main .edit-right-frame .function-list-tool { border: none; } .edit-main .edit-right-frame .function-list-tool .box { width: 100%; right: 0px; overflow: hidden; background: #fff; } .edit-main .edit-right-frame .function-list-tool .box span { display: block; padding: 1px 10px; float: left; line-height: 27px; } .edit-main .edit-right-frame .function-list-tool .box a { display: block; float: right; margin-right: 5px; } .edit-main .edit-right-frame .function-list-parent { position: absolute; top: 55px; right: 0; bottom: 15px; width: 100%; background: #fff; } .edit-main .edit-right-frame .function-list-box { padding: 5px; -webkit-text-size-adjust: none; overflow: auto; margin-right: 2px; height: 100%; } .edit-main .edit-right-frame .function-list-box .row-hover { background: #ddd; border-radius: 3px; } .edit-main .edit-right-frame .function-list-box .row-select { background: #63acff; color: #fff; border-radius: 3px; } .edit-main .edit-right-frame .function-list-box .cell-null { padding: 10px 5px; color: #999; text-align: center; } .edit-main .edit-right-frame .function-list-box .list-row { padding: 2px 5px; cursor: default; font-family: Tahoma, Arial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .edit-main .edit-right-frame .function-list-box .list-row.row-hover { background: #ddd; border-radius: 3px; } .edit-main .edit-right-frame .function-list-box .list-row.row-select { background: #63acff; color: #fff; border-radius: 3px; } .edit-main .edit-right-frame .function-list-box .list-row .icon { font-style: normal; vertical-align: middle; text-align: center; line-height: 1em; font-size: 1.3em; width: 1.2em; width: 20px; display: inline-block; text-decoration: inherit; font-size: 10px; -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); } .edit-main .edit-right-frame .function-list-box .list-row span { cursor: default; } .edit-main .edit-right-frame .function-list-box .list-row.mark .icon { color: #666; } .edit-main .edit-right-frame .function-list-box .list-row.mark .icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f186"; } .edit-main .edit-right-frame .function-list-box .list-row.mark, .edit-main .edit-right-frame .function-list-box .list-row.class { background: #eee; font-weight: 800; border-radius: 3px; } .edit-main .edit-right-frame .function-list-box .list-row.mark.row-select, .edit-main .edit-right-frame .function-list-box .list-row.class.row-select { color: #fff; background: #63acff; } .edit-main .edit-right-frame .function-list-box .list-row.row-select .icon { color: #fff !important; } .edit-main .edit-right-frame .function-list-box .list-row.class .icon { color: #888; } .edit-main .edit-right-frame .function-list-box .list-row.class .icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef3e"; } .edit-main .edit-right-frame .function-list-box .list-row.function .icon { color: #378eef; } .edit-main .edit-right-frame .function-list-box .list-row.function .icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7c"; position: relative; top: -2px; } .edit-main .edit-right-frame .function-list-box .list-row.function-define .icon { color: #98c878; } .edit-main .edit-right-frame .function-list-box .list-row.function-value .icon { color: #ffb16d; } .edit-main .edit-right-frame .function-list-box .list-row.function-var .icon { color: #008641; } .edit-main .search-content { position: absolute; z-index: 50; left: 0; right: 0; bottom: 0px; } .edit-main .search-content .ace_search { border-radius: 0px 0px 0px 5px; border-right: 0 none; overflow: visible; background-color: #eee; color: #444; width: 100%; max-width: inherit; padding-top: 5px; border-top: 1px solid #ccc; border-bottom: none; position: absolute; bottom: 0px; } .edit-main .search-content .ace_search .ace_search_options { text-align: right; position: absolute; top: 4px; margin: 3px 0 0 20px; } .edit-main .search-content .ace_search .ace_searchbtn_close { background-position: 50% -10%; position: absolute; right: 10px; width: 18px; height: 18px; } .edit-main .search-content .ace_search .ace_searchbtn_close:hover, .edit-main .search-content .ace_search .ace_searchbtn_close:active { background-position: 50% 120%; } .edit-main .search-content .ace_search .ace_search_form, .edit-main .search-content .ace_search .ace_replace_form { float: inherit; border: none; height: 25px; } .edit-main .search-content .ace_search .ace_search_form .search-info { position: absolute; right: 25px; height: 25px; line-height: 25px; opacity: 0.6; filter: alpha(opacity=60); } .edit-main .search-content .ace_search .ace_search_form .search_at_index, .edit-main .search-content .ace_search .ace_search_form .search_total_num { padding-left: 0.3em; padding-right: 0.3em; } .edit-main .search-content .ace_search .ace_button { margin-left: 3px; width: 30px; text-align: center; display: inline-block; border-radius: 3px; } .edit-main .search-content .ace_search .ace_button.checked { border-color: #39F; background: #39f; color: #fff; } .edit-main .search-content .ace_search .ace_search_field { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; background-color: #FFF; border-radius: 3px; border: 1px solid #ccc; margin: 0px; width: 100%; height: 24px; line-height: 23px; } .edit-main .search-content .ace_search .ace_search_field:hover, .edit-main .search-content .ace_search .ace_search_field:active { border-color: #75A1F0; } .edit-main .search-content .ace_search .ace_search_field:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .edit-main .search-content .ace_search .ace_search_field.disabled, .edit-main .search-content .ace_search .ace_search_field[readonly='true'] { opacity: 0.7; } .edit-main .search-content .ace_search .ace_search_field.disabled:hover, .edit-main .search-content .ace_search .ace_search_field.disabled:active, .edit-main .search-content .ace_search .ace_search_field[readonly='true']:hover, .edit-main .search-content .ace_search .ace_search_field[readonly='true']:active { border-color: #ddd; } .edit-main .search-content .ace_search .ace_search_field.disabled:focus, .edit-main .search-content .ace_search .ace_search_field[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .edit-main .search-content .ace_search .ace_search_field:focus { box-shadow: 0 0 1px #75a1f0; } .edit-main .search-content .ace_search .ace_search_action { position: absolute; right: 50px; } .edit-main .search-content .ace_search .ace_search_input { position: absolute; left: 130px; right: 160px; } .edit-main .search-content .ace_search .ace_replace_form .ace_search_action { right: 70px; } .edit-main .search-content .ace_search .ace_search_form.ace_nomatch { outline: none; } .edit-main .search-content .ace_search .ace_search_form.ace_nomatch .search-info { color: #f00; font-weight: 800; } .edit-main .search-content .ace_search .search-info.search-first { color: #03a9f4; font-weight: 800; } .edit-main .search-content .ace_search .history-list { position: absolute; right: 8px; } .edit-main .search-content .ace_search .history-list .dropdown-menu:before { right: 4px; } .edit-main .search-content .ace_search .history-list .dropdown-menu:after { right: 5px; } .edit-main .search-content .ace_search .history-list .dropdown-menu li > a { padding: 3px 20px; } .edit-main .search-content .ace_search .history-list .dropmenu { width: 18px; height: 18px; line-height: 18px; margin-top: 3px; background: rgba(50,50,50,0.05); cursor: pointer; font-size: 12px; color: #ccc; display: inline-block; text-align: center; border-radius: 2px; } .edit-main .search-content .ace_search .history-list .dropmenu:hover, .edit-main .search-content .ace_search .history-list .dropmenu:active { background: rgba(50,50,50,0.2); color: #aaa; } .edit-main .search-content .ace_search .history-list.open .dropmenu { background: rgba(50,50,50,0.2); color: #aaa; } .edit-main .search-content .ace_search .btn-background { background: url("../../images/common/buttons_40.png") 0 0px repeat-x; } .edit-main .search-content .ace_search .btn-background-hover { background: url("../../images/common/buttons_40.png") 0 -12px repeat-x; } .edit-main .search-content .ace_search .ace_searchbtn, .edit-main .search-content .ace_search .ace_replacebtn { float: left; padding: 0 8px; border: 1px solid #dcdcdc; margin-left: -1px; background: url("../../images/common/buttons_40.png") 0 0px repeat-x; } .edit-main .search-content .ace_search .ace_searchbtn:hover, .edit-main .search-content .ace_search .ace_searchbtn:active, .edit-main .search-content .ace_search .ace_replacebtn:hover, .edit-main .search-content .ace_search .ace_replacebtn:active { background: url("../../images/common/buttons_40.png") 0 -12px repeat-x; } .edit-main .search-content .ace_search .ace_searchbtn:active, .edit-main .search-content .ace_search .ace_replacebtn:active { outline: none; background: #ddd; } .edit-main .search-content .ace_search .ace_searchbtn.next, .edit-main .search-content .ace_search .ace_replacebtn.next { background: url("../../images/common/buttons_40.png") 0 0px repeat-x; padding: 0 4px; } .edit-main .search-content .ace_search .ace_searchbtn.next:hover, .edit-main .search-content .ace_search .ace_searchbtn.next:active, .edit-main .search-content .ace_search .ace_replacebtn.next:hover, .edit-main .search-content .ace_search .ace_replacebtn.next:active { background: url("../../images/common/buttons_40.png") 0 -12px repeat-x; } .edit-main .search-content .ace_search .ace_searchbtn.prev, .edit-main .search-content .ace_search .ace_replacebtn.prev { background: url("../../images/common/buttons_40.png") 0 0px repeat-x; padding: 0 4px; } .edit-main .search-content .ace_search .ace_searchbtn.prev:hover, .edit-main .search-content .ace_search .ace_searchbtn.prev:active, .edit-main .search-content .ace_search .ace_replacebtn.prev:hover, .edit-main .search-content .ace_search .ace_replacebtn.prev:active { background: url("../../images/common/buttons_40.png") 0 -12px repeat-x; } .edit-main.code-theme-black { background: #333; } .edit-main.code-theme-black pre { background: #333; } .edit-main.code-theme-black div.tools { box-shadow: 1px 2px 15px #3d3d3d; box-shadow: none; border-bottom: 1px solid #474747; background: #3d3d3d; } .edit-main.code-theme-black div.tools .right .btn { border: solid 1px #474747; background: #3d3d3d; color: #eef; } .edit-main.code-theme-black div.tools .right .btn:hover, .edit-main.code-theme-black div.tools .right .btn:active { background: #474747; } .edit-main.code-theme-black div.tools .line { border-color: #595959; } .edit-main.code-theme-black div.tools a.select, .edit-main.code-theme-black div.tools a.select:hover, .edit-main.code-theme-black div.tools a:active, .edit-main.code-theme-black div.tools a:hover { background: #595959; } .edit-main.code-theme-black div.tools a .font-icon { color: #eef; text-shadow: none; } .edit-main.code-theme-black div.tools .disable-mask { background: #3d3d3d; } .edit-main.code-theme-black .context-menu-list { border: none; background: #595959; border-bottom: none; box-shadow: 0 10px 10px rgba(0,0,0,0.15); } .edit-main.code-theme-black .context-menu-list .context-menu-item { color: #eef; border-color: rgba(255,255,255,0) !important; } .edit-main.code-theme-black .context-menu-list .context-menu-item .font-icon { color: #eef; } .edit-main.code-theme-black .context-menu-list .context-menu-item.context-menu-separator { border-bottom: 1px solid #666666 !important; background: none; } .edit-main.code-theme-black .context-menu-list .context-menu-item.hover, .edit-main.code-theme-black .context-menu-list .context-menu-item.selected.hover { background: #666666; color: #eef; border-color: transparent !important; } .edit-main.code-theme-black .context-menu-list .context-menu-item.hover .font-icon, .edit-main.code-theme-black .context-menu-list .context-menu-item.selected.hover .font-icon { color: #eef; } .edit-main.code-theme-black .context-menu-list .context-menu-item.line-top { border-top: 1px solid #666666 !important; } .edit-main.code-theme-black .dropdown-menu { background: #595959; } .edit-main.code-theme-black .dropdown-menu:before { right: 4px; } .edit-main.code-theme-black .dropdown-menu:after { border-top-color: #595959; } .edit-main.code-theme-black .dropdown-menu li > a { color: #eef; } .edit-main.code-theme-black .edit-tab .tabs { background: #333; border-bottom: 1px solid #474747; } .edit-main.code-theme-black .edit-tab .tabs .tab { background: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black .edit-tab .tabs .close { text-shadow: none; color: #808080; } .edit-main.code-theme-black .edit-tab .tabs .tab.hover { background: #474747; } .edit-main.code-theme-black .edit-tab .tabs .add { background: #595959; border: 1px solid #3d3d3d; color: #eef; } .edit-main.code-theme-black .edit-tab .tabs .add:hover, .edit-main.code-theme-black .edit-tab .tabs .add:active { background: #666666; } .edit-main.code-theme-black .edit-tab .tabs .tab.this { background: #666666; border-right: 1px solid #666666; border-left: 3px solid #63acff; margin-left: -3px; } .edit-main.code-theme-black .edit-body { background: #333; } .edit-main.code-theme-black .draggable-dragging { background: #595959; border-left: 3px solid #63acff; } .edit-main.code-theme-black .edit-content .resize { background-color: #ddd; background-color: rgba(255,255,255,0.01); } .edit-main.code-theme-black .edit-content .resize:hover, .edit-main.code-theme-black .edit-content .resize:active { background-color: #ddd; background-color: rgba(255,255,255,0.1); } .edit-main.code-theme-black .edit-content .resize.resize-active { background-color: #ddd; background-color: rgba(255,255,255,0.3); } .edit-main.code-theme-black .edit-right-frame { background: #333; border-left: 1px solid #3d3d3d; } .edit-main.code-theme-black .edit-right-frame .function-list-parent { background: #333; } .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row { color: #eef; } .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.row-hover { background: #3d3d3d; } .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.row-select { background: #63acff; } .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.mark, .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.class { background: #595959; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool, .edit-main.code-theme-black .edit-right-frame .function-list-tool { border-bottom: 1px solid #3d3d3d; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box { background: #333; color: #eef; border: none; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box a, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box a { padding: 0px 6px; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box a:hover, .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box a:active, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box a:hover, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box a:active { border: 1px solid #666666; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool .input-content input, .edit-main.code-theme-black .edit-right-frame .function-list-tool .input-content input { color: #eee; font-size: 1.15em; text-shadow: none; background: #444; box-shadow: none; border: none; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool .input-content input:focus, .edit-main.code-theme-black .edit-right-frame .function-list-tool .input-content input:focus { box-shadow: none; } .edit-main.code-theme-black .edit-right-frame .function-search input { color: #eef; border: 1px solid #595959; background: #474747; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a .font-icon { color: #eef; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:hover, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:active { background: #666666; color: #eef; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:hover .font-icon, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:active .font-icon { color: #eef; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar { border-left: 1px solid #595959; background: #3d3d3d; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools { color: #eef; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools:hover, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools:active { background: #666666; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split { color: #666666; } .edit-main.code-theme-black .edit-right-frame .markdown-help { background: #474747; color: #eef; border-color: #595959; } .edit-main.code-theme-black .edit-right-frame .markdown-help h3 { border-color: #666666; } .edit-main.code-theme-black .edit-right-frame .markdown-help h5 { border-color: #666666; } .edit-main.code-theme-black .edit-right-frame .markdown-help pre { background: #666666; color: #eef; } .edit-main.code-theme-black .edit-right-frame .markdown-menu-box { background: #474747; color: #eef; border-color: #595959; } .edit-main.code-theme-black .edit-right-frame .markdown-menu-box h3 { border-color: #666666; } .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu { background: none; } .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu li a { color: #ffa500; } .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu li a:hover, .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu li a:active { background: #666666; } .edit-main.code-theme-black .edit-right-frame .markdown-setting { background: #474747; color: #eef; border-color: #595959; } .edit-main.code-theme-black .edit-right-frame .markdown-setting ul li.line { height: 1px; background: #595959; } .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:visited { color: #eef; } .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a i { color: #eef; } .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:hover, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:active { background: #666666; color: #eef; } .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:hover i, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:active i { color: #eef; } .edit-main.code-theme-black.edit-main .search-content { background: #333; } .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar { border-radius: 4px; background: #474747; border: 1px solid #595959; } .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar a { color: #fff; } .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar a .font-icon { color: #eef; } .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar a:hover, .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar a:active { color: #63acff; } .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar a.select { background: #666666; color: #fff; } .edit-main.code-theme-black.edit-main .search-content .ace_search { background-color: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_button { border: 1px solid #595959; color: #fff; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_button:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_button:active { background-color: #595959; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_button.checked { border-color: #39F; background: #39f; color: #fff; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_search_field { background-color: #595959; border: 1px solid #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_search_form.ace_nomatch .search-info { color: #f66; } .edit-main.code-theme-black.edit-main .search-content .ace_search .btn-background { background: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .btn-background-hover { background: #595959; border-color: #666666; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn { background: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn:active, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn:active { background: #595959; border-color: #666666; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.next, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.next { background: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.next:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.next:active, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.next:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.next:active { background: #595959; border-color: #666666; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.prev, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.prev { background: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.prev:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.prev:active, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.prev:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.prev:active { background: #595959; border-color: #666666; } .edit-main.code-theme-black .introduction { background: #3d3d3d; top: 59px; } .edit-main.code-theme-black .introduction pre { background: #3d3d3d; border-bottom: 1px solid #474747; } .edit-main.code-theme-black .introduction .tips h1 { border-bottom: 1px dashed #3d3d3d; } .edit-main.code-theme-black .introduction .green { border-left: 1px solid #3d3d3d; } .edit-main.code-theme-black .context-menu-list .gotoline-input input { color: #eef; background: #666666; broder-color: #474747; } .edit-main.code-theme-black .code-mode-list { background: #474747; color: #eef; } .edit-main.code-theme-black .code-mode-list li.list-input { background: #474747; } .edit-main.code-theme-black .code-mode-list li.list-input input { color: #eef; background: #666666; broder-color: #474747; } .edit-main.code-theme-black .code-mode-list li.selected, .edit-main.code-theme-black .code-mode-list li.selected.hover, .edit-main.code-theme-black .code-mode-list li.hover { background: #666666; color: #fff; } .edit-main.code-theme-black .edit-body .bottom-toolbar { background: #333; border-color: #3f3f3f; } .edit-main.code-theme-black .edit-body .bottom-toolbar a { color: #fff; } .edit-main.code-theme-black .edit-body .bottom-toolbar a .font-icon { color: #fff; } .edit-main { color: #444; font-size: 1em; width: 100%; height: 100%; } .edit-main.edit-main-full-screen { position: fixed; z-index: 20; top: 0; left: 0; bottom: 0; right: 0; } .frame-main-editor .frame-left { position: absolute; left: 0; top: 0; bottom: 0px; width: 200px; background-attachment: fixed; overflow: hidden; } .frame-main-editor .frame-left .user-space-info { color: #888; background: #fff; border-top: 1px dotted #f6f6f6; position: absolute; z-index: 10; bottom: 0px; width: 80%; padding: 10px 10% 10px 10%; margin-left: -1px; } .frame-main-editor .frame-left .user-space-info .space-process { height: 6px; margin: 0px; margin-bottom: 5px; overflow: hidden; border-radius: 5px; } .frame-main-editor .frame-left .user-space-info .space-process .space-process-use { height: 100%; width: 0%; transition: all 1.0s; border-radius: 5px; } .frame-main-editor .frame-left .ztree { position: absolute; top: 0; bottom: 0px; width: 100%; margin-bottom: 10px; padding-bottom: 20px; overflow: auto; } .frame-main-editor .frame-left .ztree ul.level0 { padding-bottom: 5px; } .frame-main-editor .frame-left .ztree ul.level0 a.level1 { height: 29px; line-height: 29px; } .frame-main-editor .frame-left .ztree ul.level0 li.level1 span.button.switch { margin-left: -15px; } .frame-main-editor .frame-left .ztree .block-root li a.level0 .tree_icon { display: none; } .frame-main-editor .frame-left .ztree li a { margin: 0 2px; border-color: transparent; filter: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .frame-main-editor .frame-left .ztree li a .node_name .group-parent { padding-left: 5px; color: #888; } .frame-main-editor .frame-left .ztree li a .node_name .group-parent:before { content: " - "; } .frame-main-editor .frame-left .ztree li a.level0 { color: #666; padding-left: 5px; margin: 5px 0 0 0 !important; border-radius: 0; } .frame-main-editor .frame-left .ztree li a.level0, .frame-main-editor .frame-left .ztree li a.level0 span.button.switch { height: 29px; line-height: 29px; } .frame-main-editor .frame-left .ztree li a.level0.noline_open, .frame-main-editor .frame-left .ztree li a.level0 span.button.switch.noline_open { line-height: 31px; } .frame-main-editor .frame-left .ztree li a.level0 .menu-item { margin-right: 4px; } .frame-main-editor .frame-left .ztree li a.level0:hover, .frame-main-editor .frame-left .ztree li a.level0:active { background: #f6f6f6; border-color: transparent; } .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode, .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode:hover, .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode:active, .frame-main-editor .frame-left .ztree li a.level0.curDropTreeNode { background: #eee; border-color: transparent; } .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode .button.switch:after, .frame-main-editor .frame-left .ztree li a.level0.curDropTreeNode .button.switch:after { color: #666; } .frame-main-editor .frame-left .ztree li a.level0:focus { box-shadow: 0 0 0 1px rgba(0,0,0,0.08); box-shadow: none; border-color: rgba(0,0,0,0.05) !important; border-left-color: transparent !important; border-right-color: transparent !important; } .frame-main-editor .frame-left .ztree li a:hover, .frame-main-editor .frame-left .ztree li a:active { background: #e5f3ff; border-color: transparent; } .frame-main-editor .frame-left .ztree li a:focus { box-shadow: 0 0 0 2px rgba(98,162,228,0.1); } .frame-main-editor .frame-left .ztree li a.curSelectedNode:active, .frame-main-editor .frame-left .ztree li a.curSelectedNode, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover, .frame-main-editor .frame-left .ztree li a.curDropTreeNode { background: #cce8ff; border-color: #99d1ff; } .frame-main-editor .frame-left .ztree li a.curSelectedNode:active:focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:active.file-focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode.file-focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover:focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover.file-focus, .frame-main-editor .frame-left .ztree li a.curDropTreeNode:focus, .frame-main-editor .frame-left .ztree li a.curDropTreeNode.file-focus { border-color: #66baff; } .frame-main-editor .frame-left .ztree li a.curSelectedNode:active .button.switch:after, .frame-main-editor .frame-left .ztree li a.curSelectedNode .button.switch:after, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover .button.switch:after, .frame-main-editor .frame-left .ztree li a.curDropTreeNode .button.switch:after { color: inherit !important; } .frame-main-editor .frame-left .ztree li a span.button.switch:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6e"; font-size: 16px; top: -2px; } .frame-main-editor .frame-left .ztree li a span.button.switch.noline_open:after, .frame-main-editor .frame-left .ztree li a span.button.switch.noline_open_hover:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4e"; top: -2px; color: #1890ff !important; } .frame-main-editor .frame-left .ztree li a span.button.switch.noline_docu:after { content: ""; opacity: 0; filter: alpha(opacity=0); } .frame-main-editor .frame-left .ztree li a .file { line-height: 0; height: 22px; width: 18px; margin: 0; margin-right: 5px; display: inline-block; vertical-align: middle; cursor: pointer; outline: none; background-color: transparent; background-repeat: no-repeat; } .frame-main-editor .frame-left .ztree li a.level0 { padding-left: 0px; margin-left: -3px !important; } .frame-main-editor .frame-right { position: absolute; left: 200px; right: 0; top: 0; bottom: 0; overflow: hidden; min-width: 450px; border-left: 1px solid rgba(100,100,100,0.1); } .frame-main-editor .menu-toggle { display: none; } .context-menu-list { z-index: 99999 !important; box-shadow: 0 0px 10px rgba(0,0,0,0.15); border-radius: 2px; -webkit-animation-name: inherit; -webkit-animation-duration: inherit; -webkit-animation-timing-function: inherit; -webkit-animation-iteration-count: inherit; } .context-menu-list.code-font-list, .context-menu-list.code-theme-list { overflow-y: auto; overflow-x: hidden; } .context-menu-list.code-font-list .context-menu-item, .context-menu-list.code-theme-list .context-menu-item { padding: 0px 10px 0 10px; } .context-menu-list.code-theme-list { width: 180px !important; } .context-menu-list.menu-view-file-charset { height: 320px; overflow: auto; } .context-menu-list.menu-view-file-charset .charset-list-box { overflow-y: auto; height: 280px; margin-bottom: 6px; padding-bottom: 10px; border-bottom: 1px solid rgba(150,150,150,0.2); } .context-menu-list.menu-view-file-charset .context-menu-item { padding: 0 10px 0 0px; } .context-menu-list.menu-view-file-charset ul.code-charset-list { overflow: auto; height: 300px; } .context-menu-list.menu-view-file-charset .font-icon { margin-right: 5px; margin-left: 10px; } .context-menu-list .gotoline-input input { padding: 4px; border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; margin-left: 15px; height: 16px; } .context-menu-list .gotoline-input input:hover, .context-menu-list .gotoline-input input:active { border-color: #75A1F0; } .context-menu-list .gotoline-input input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .context-menu-list .gotoline-input input.disabled, .context-menu-list .gotoline-input input[readonly='true'] { opacity: 0.7; } .context-menu-list .gotoline-input input.disabled:hover, .context-menu-list .gotoline-input input.disabled:active, .context-menu-list .gotoline-input input[readonly='true']:hover, .context-menu-list .gotoline-input input[readonly='true']:active { border-color: #ddd; } .context-menu-list .gotoline-input input.disabled:focus, .context-menu-list .gotoline-input input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .edit-tab .tabs { position: absolute; top: 29px; height: 30px; width: 100%; background: #fff; overflow: hidden; border-bottom: 1px solid #ddd; } .edit-tab .tabs .tab { position: relative; height: 30px; line-height: 30px; color: #666; width: 120px; float: left; background: #f6f6f6; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-left: -1px; cursor: pointer; } .edit-tab .tabs .tab .name { margin-left: 5px; display: block; width: 80%; text-align: center; overflow: hidden; white-space: nowrap; position: absolute; z-index: 2; height: 28px; } .edit-tab .tabs .tab .name img { height: 17px; padding-bottom: 4px; padding-right: 3px; } .edit-tab .tabs .tab .name .path-ico { position: relative; top: -2px; margin-right: 1px; } .edit-tab .tabs .tab.edit-changed a.close { opacity: 1.0; filter: alpha(opacity=100); color: #63acff; } .edit-tab .tabs .tab.edit-changed .close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee58"; font-size: 20px; } .edit-tab .tabs .tab .close { float: right; color: #555; position: relative; font-size: 12px; margin-right: 5px; z-index: 3; margin-top: 5px; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; transition: opacity 0.1s; width: 18px; height: 18px; text-align: center; line-height: 18px; text-shadow: none; border-radius: 2px; opacity: 0.15; filter: alpha(opacity=15); } .edit-tab .tabs .tab .close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; width: 18px; height: 18px; line-height: 18px; position: relative; top: -2px; font-size: 16px; } .edit-tab .tabs .tab .close:hover, .edit-tab .tabs .tab .close:active { opacity: 0.9; filter: alpha(opacity=90); color: #f5222d; } .edit-tab .tabs .tab .close:active { opacity: 1.0; filter: alpha(opacity=100); } .edit-tab .tabs .tab.hover { background: #eee; background: linear-gradient(to right,#fff,#ccc); } .edit-tab .tabs .tab.hover .close { opacity: 0.5; filter: alpha(opacity=50); } .edit-tab .tabs .tab.hover .close:hover, .edit-tab .tabs .tab.hover .close:active { opacity: 1.0; filter: alpha(opacity=100); } .edit-tab .tabs .tab.this { z-index: 20; color: #23B2EC; color: #fff; background: #63acff; background: linear-gradient(to right,#44abf6,#2865e2); } .edit-tab .tabs .tab.this .close { color: #eee; } .edit-tab .tabs .tab.this .close:hover, .edit-tab .tabs .tab.this .close:active { color: #fff; } .edit-tab .tabs .tab.loading .close { opacity: 1.0; filter: alpha(opacity=100); color: #666; border-radius: 20px; -webkit-animation: moveCircleLoop 1.4s infinite linear; animation: moveCircleLoop 1.4s infinite linear; } .edit-tab .tabs .tab.loading .close:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eec1"; width: 18px; height: 18px; line-height: 18px; position: relative; top: -2px; font-size: 16px; } .edit-tab .tabs .tab.loading.this .close { color: #ffffff; } .edit-tab .tabs .tab.loading.hover .close { opacity: 1.0; filter: alpha(opacity=100); } .edit-tab .tabs .tab.draging { position: fixed !important; z-index: 99999; cursor: -webkit-grab; } .edit-tab .tabs .tab.draging .close { display: none; } .edit-tab .tabs .add { float: left; color: #666; line-height: 25px; height: 30px; border: 1px solid #ddd; border-bottom: none; border-radius: 3px 3px 0 0; font-size: 16px; margin-top: 2px; padding: 0px 5px; background: #eee; margin-left: 3px; } .edit-tab .tabs .add:hover { background: #ddd; } .edit-tab .tabs .add:active { background: #888; color: #ccc; } .edit-body { width: 100%; background: #fff; position: absolute; bottom: 0; top: 60px; } .edit-body .tabs { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0; } .edit-body .edit-content { display: none; padding: 0; margin: 0; height: 100%; width: 100%; } .edit-body .edit-content.this { display: block; padding: 0; } .edit-body .edit-content .ace_editor { font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; margin: 0; padding: 0; position: absolute; height: 100%; left: 0px; right: 0%; } .edit-main .context-menu-item.context-menu-input .font-icon { display: none; } .edit-main .context-menu-item.context-menu-input input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; width: 150px; height: 25px; line-height: 25px; padding: 0px 10px; border-radius: 3px; } .edit-main .context-menu-item.context-menu-input input:hover, .edit-main .context-menu-item.context-menu-input input:active { border-color: #75A1F0; } .edit-main .context-menu-item.context-menu-input input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .edit-main .context-menu-item.context-menu-input input.disabled, .edit-main .context-menu-item.context-menu-input input[readonly='true'] { opacity: 0.7; } .edit-main .context-menu-item.context-menu-input input.disabled:hover, .edit-main .context-menu-item.context-menu-input input.disabled:active, .edit-main .context-menu-item.context-menu-input input[readonly='true']:hover, .edit-main .context-menu-item.context-menu-input input[readonly='true']:active { border-color: #ddd; } .edit-main .context-menu-item.context-menu-input input.disabled:focus, .edit-main .context-menu-item.context-menu-input input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .edit-main .context-menu-list.menu-view-goto-line .context-menu-item.context-menu-input label span { padding-right: 10px; } .edit-main .context-menu-list.menu-view-file-mode { height: 300px; overflow: auto; } .edit-main .context-menu-list.menu-view-file-mode .context-menu-item { padding: 0px 15px 0 5px; } .edit-main .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input { position: fixed; width: 190px; z-index: 10; margin-top: -50px; margin-left: -1px; padding: 8px 0; text-align: center; background: #f6f6f6; border: 1px solid #dfdfdf; border-bottom: 1px solid rgba(0,0,0,0.05); } .edit-main .bottom-toolbar { width: auto; height: 25px; z-index: 25; position: absolute; bottom: 5px; right: 0; margin-right: 20px; border-radius: 4px; opacity: 0.8; filter: alpha(opacity=80); background: #fafafa; border: 1px solid #f3f3f3; } .edit-main .bottom-toolbar a { float: left; padding: 0 10px; line-height: 25px; text-decoration: none; color: #000; } .edit-main .bottom-toolbar a:hover, .edit-main .bottom-toolbar a:active { color: #63acff; background: rgba(200,200,200,0.1); } .edit-main .bottom-toolbar a .font-icon { color: #333; } .edit-main .bottom-toolbar a.context-menu-active, .edit-main .bottom-toolbar a.context-menu-active:hover, .edit-main .bottom-toolbar a:active { background: #63acff; color: #fff; } .edit-main .bottom-toolbar a.context-menu-active i.font-icon, .edit-main .bottom-toolbar a.context-menu-active:hover i.font-icon, .edit-main .bottom-toolbar a:active i.font-icon { color: #fff; } .edit-main .tools { position: absolute; overflow: hidden; width: 100%; height: 28px; border-bottom: 1px solid #ddd; background: #f8f8f8 url("../../images/common/bg.gif") 0 0px; } .edit-main .tools .disable-mask { width: 90%; height: 32px; margin-left: -10px; background: #fff; right: 100px; position: absolute; opacity: 0.4; filter: alpha(opacity=40); z-index: 10; margin-top: -4px; } .edit-main .tools .left { float: left; margin: 0 0 0 5px; } .edit-main .tools .right { float: right; margin: 0 5px 0 0; } .edit-main .tools a { float: left; color: #555; text-decoration: none; padding: 0px 6px; line-height: 24px; height: 29px; } .edit-main .tools a .font-icon { font-size: 16px; color: #888; } .edit-main .tools a .icon-caret-down { padding-left: 5px; font-size: 1em; color: ccc; } .edit-main .tools a:hover, .edit-main .tools a:active { background: #eee; } .edit-main .tools a.context-menu-active, .edit-main .tools a.context-menu-active:hover, .edit-main .tools a:active { background: #63acff; color: #fff; } .edit-main .tools a.context-menu-active i.font-icon, .edit-main .tools a.context-menu-active:hover i.font-icon, .edit-main .tools a:active i.font-icon { color: #fff; } .edit-main .tools .right .btn { padding: 1px 6px; margin-right: -1px; height: 20px; background: #eee; margin-top: 2px; float: right; line-height: 20px; } .edit-main .tools .line { border-left: 1px solid #ccc; margin: 5px 4px; float: left; height: 16px; } ul.dropbox { color: #666; font-size: 1em; position: absolute; top: 27px; z-index: 1000; margin: 0px; } ul.dropbox li { list-style: none; padding: 2px 0 2px 10px; line-height: 20px; cursor: pointer; } ul.dropbox .lihover, ul.dropbox li.this { background: #63acff; color: #fff; } #fontsize { display: none; left: 166px; width: 100px; min-width: 100px; } #codetheme { display: none; left: 173px; } body div#ace_settingsmenu, body div#kbshortcutmenu { background-color: #fff; opacity: 0.95; filter: alpha(opacity=95); color: #888; box-shadow: -5px 4px 5px rgba(0,0,0,0.2); -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } body div#ace_settingsmenu .ace_optionsMenuEntry, body div#kbshortcutmenu .ace_optionsMenuEntry { border-bottom: 1px solid #eee; line-height: 24px; padding: 3px 6px; } body div#ace_settingsmenu .ace_optionsMenuCommand, body div#kbshortcutmenu .ace_optionsMenuCommand { color: #1890ff; } body div#ace_settingsmenu .ace_optionsMenuKey, body div#kbshortcutmenu .ace_optionsMenuKey { font-weight: bold; border-style: outset; background: #fafafa; white-space: nowrap; margin: 0px 0.1em; padding: 0.15em 0.7em; border-radius: 3px; border: 1px solid #cccccc; font-size: 12px; color: #555; line-height: 1.4em; display: inline-block; box-shadow: 0px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #ffffff; background-color: #f7f7f7; text-shadow: 0 1px 0 #fff; } .edit-content .resize { position: absolute; background: #000; cursor: col-resize; margin-left: -5px; background-color: #f6f6f6; background-color: rgba(0,0,0,0.01); background: url("../../images/common/resize.png") 0px 50% no-repeat; height: 100%; width: 10px; left: 100%; z-index: 5; } .edit-content .resize:hover, .edit-content .resize:active { background-color: #eee; background-color: rgba(0,0,0,0.1); } .edit-content .resize.resize-active { background-color: #ddd; background-color: rgba(0,0,0,0.2); } .ace_text-input.ace_composition { background: white !important; color: black !important; } .context-menu-list .context-menu-item.line-top { border-top: 1px solid #eee !important; } body { overflow: hidden; } .button-style .btn-default { border-radius: 0px; height: 26px; float: left; font-size: 1em; -webkit-transition: border 0.2s; -moz-transition: border 0.2s; -o-transition: border 0.2s; -ms-transition: border 0.2s; transition: border 0.2s; overflow: hidden; padding: 0 10px; border: solid 1px #ddd; margin: 0 0 0 -1px; outline: none; background: url("../../images/common/buttons_40.png") 0 0px repeat-x; background: #fff; box-shadow: none; border-radius: 0; } .button-style .btn-default .font-icon { line-height: 22px; } .button-style .btn-default:hover, .button-style .btn-default:focus { background-color: #e4f8ff; border-color: #aedaff; box-shadow: none; } .button-style .btn-default:active { color: #365f80; background-color: #e4f8ff; border-color: #93cfff; } .frame-main-explorer { -khtml-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important; } .frame-main-explorer .frame-left { position: absolute; left: 0; top: 0; bottom: 0px; width: 200px; background-attachment: fixed; overflow: hidden; } .frame-main-explorer .frame-left .user-space-info { color: #888; background: #fff; border-top: 1px dotted #f6f6f6; position: absolute; z-index: 10; bottom: 0px; width: 80%; padding: 10px 10% 10px 10%; margin-left: -1px; } .frame-main-explorer .frame-left .user-space-info .space-process { height: 6px; margin: 0px; margin-bottom: 5px; overflow: hidden; border-radius: 5px; } .frame-main-explorer .frame-left .user-space-info .space-process .space-process-use { height: 100%; width: 0%; transition: all 1.0s; border-radius: 5px; } .frame-main-explorer .frame-left .ztree { position: absolute; top: 0; bottom: 0px; width: 100%; margin-bottom: 10px; padding-bottom: 20px; overflow: auto; } .frame-main-explorer .frame-left .ztree ul.level0 { padding-bottom: 5px; } .frame-main-explorer .frame-left .ztree ul.level0 a.level1 { height: 29px; line-height: 29px; } .frame-main-explorer .frame-left .ztree ul.level0 li.level1 span.button.switch { margin-left: -15px; } .frame-main-explorer .frame-left .ztree .block-root li a.level0 .tree_icon { display: none; } .frame-main-explorer .frame-left .ztree li a { margin: 0 2px; border-color: transparent; filter: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .frame-main-explorer .frame-left .ztree li a .node_name .group-parent { padding-left: 5px; color: #888; } .frame-main-explorer .frame-left .ztree li a .node_name .group-parent:before { content: " - "; } .frame-main-explorer .frame-left .ztree li a.level0 { color: #666; padding-left: 5px; margin: 5px 0 0 0 !important; border-radius: 0; } .frame-main-explorer .frame-left .ztree li a.level0, .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch { height: 29px; line-height: 29px; } .frame-main-explorer .frame-left .ztree li a.level0.noline_open, .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch.noline_open { line-height: 31px; } .frame-main-explorer .frame-left .ztree li a.level0 .menu-item { margin-right: 4px; } .frame-main-explorer .frame-left .ztree li a.level0:hover, .frame-main-explorer .frame-left .ztree li a.level0:active { background: #f6f6f6; border-color: transparent; } .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode, .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode:hover, .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode:active, .frame-main-explorer .frame-left .ztree li a.level0.curDropTreeNode { background: #eee; border-color: transparent; } .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode .button.switch:after, .frame-main-explorer .frame-left .ztree li a.level0.curDropTreeNode .button.switch:after { color: #666; } .frame-main-explorer .frame-left .ztree li a.level0:focus { box-shadow: 0 0 0 1px rgba(0,0,0,0.08); box-shadow: none; border-color: rgba(0,0,0,0.05) !important; border-left-color: transparent !important; border-right-color: transparent !important; } .frame-main-explorer .frame-left .ztree li a:hover, .frame-main-explorer .frame-left .ztree li a:active { background: #e5f3ff; border-color: transparent; } .frame-main-explorer .frame-left .ztree li a:focus { box-shadow: 0 0 0 2px rgba(98,162,228,0.1); } .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active, .frame-main-explorer .frame-left .ztree li a.curSelectedNode, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode { background: #cce8ff; border-color: #99d1ff; } .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active:focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active.file-focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode.file-focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover:focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover.file-focus, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode:focus, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode.file-focus { border-color: #66baff; } .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active .button.switch:after, .frame-main-explorer .frame-left .ztree li a.curSelectedNode .button.switch:after, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover .button.switch:after, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode .button.switch:after { color: inherit !important; } .frame-main-explorer .frame-left .ztree li a span.button.switch:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6e"; font-size: 16px; top: -2px; } .frame-main-explorer .frame-left .ztree li a span.button.switch.noline_open:after, .frame-main-explorer .frame-left .ztree li a span.button.switch.noline_open_hover:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4e"; top: -2px; color: #1890ff !important; } .frame-main-explorer .frame-left .ztree li a span.button.switch.noline_docu:after { content: ""; opacity: 0; filter: alpha(opacity=0); } .frame-main-explorer .frame-left .ztree li a .file { line-height: 0; height: 22px; width: 18px; margin: 0; margin-right: 5px; display: inline-block; vertical-align: middle; cursor: pointer; outline: none; background-color: transparent; background-repeat: no-repeat; } .frame-main-explorer.tree-disable .frame-left { display: none !important; } .frame-main-explorer.tree-disable .drag-resize-tree { display: none !important; } .frame-main-explorer.tree-disable .frame-right { left: 0 !important; } .frame-main-explorer .frame-header { width: 100%; min-width: 600px; position: relative; background: #fff url("../../images/common/bg.gif") 0px 10px repeat-x; } .frame-main-explorer .frame-header .header-content { padding-top: 12px; height: 37px; border-bottom: 1px solid #e6e6e6; } .frame-main-explorer .frame-header .header-content .disable .font-icon { opacity: 0.4; filter: alpha(opacity=40); } .frame-main-explorer .frame-header .header-content img { border: none; width: 18px; height: 18px; } .frame-main-explorer .frame-header .header-content .header-left { float: left; width: 80px; padding-left: 10px; overflow: hidden; height: 32px; } .frame-main-explorer .frame-header .header-content .header-left .btn { padding: 3px 6px; width: 18px; height: 20px; line-height: 22px; } .frame-main-explorer .frame-header .header-content .header-left button.disable { box-shadow: inset 0 3px 6px rgba(0,0,0,0.1); opacity: 0.5; filter: alpha(opacity=50); } .frame-main-explorer .frame-header .header-content .header-left button.disable .font-icon { color: #bbb; } .frame-main-explorer .frame-header .header-content .header-right .search-box { position: absolute; right: 20px; top: 12px; color: #888; } .frame-main-explorer .frame-header .header-content .header-right .search-box .btn-default { height: 26px; line-height: 20px; padding: 0 8px; position: absolute; top: 1px; right: 1px; border: none; border-left: 1px solid #ddd; } .frame-main-explorer .frame-header .header-content .header-right .search-box .search-more { position: absolute; right: 35px; top: 0; width: 24px; height: 24px; line-height: 24px; margin-top: 2px; font-size: 17px; text-align: center; cursor: pointer; border-radius: 3px; } .frame-main-explorer .frame-header .header-content .header-right .search-box .search-more:hover, .frame-main-explorer .frame-header .header-content .header-right .search-box .search-more:active { background: rgba(0,0,0,0.1); } .frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear { display: none; z-index: 10; position: absolute; right: 60px; top: 2px; width: 24px; line-height: 24px; height: 24px; font-size: 15px; border-radius: 3px; cursor: pointer; text-align: center; color: #ccc; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear:hover, .frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear:active { color: #ff4d4f; background: rgba(0,0,0,0.1); } .frame-main-explorer .frame-header .header-content .header-right .search-box input.search { display: block; border: 1px solid #ddd; height: 26px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s; padding: 0; padding-left: 10px; padding-right: 0px; width: 150px; } .frame-main-explorer .frame-header .header-content .header-right .search-box input.search:hover, .frame-main-explorer .frame-header .header-content .header-right .search-box input.search:active { box-shadow: 0 1px 12px rgba(0,0,0,0.1); } .frame-main-explorer .frame-header .header-content .header-right .search-box input.search:focus { box-shadow: 0 1px 12px rgba(0,0,0,0.2); } .frame-main-explorer .frame-header .header-right .search-down-mask, .frame-main-explorer .frame-header .header-right .search-dropdown { visibility: hidden; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .frame-main-explorer .frame-header .header-right .search-dropdown { transform: translateY(30px); } .frame-main-explorer .frame-header .header-right.search-open .search-down-mask, .frame-main-explorer .frame-header .header-right.search-open .search-dropdown { visibility: visible; opacity: 1 !important; } .frame-main-explorer .frame-header .header-right.search-open .search-dropdown { transform: translateY(0px); } .frame-main-explorer .frame-header .header-right.search-open .search-box .search-more { color: #222; } .frame-main-explorer .frame-header .header-right.search-open .search-box .search-more:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea77"; font-size: 17px; position: relative; top: -2px; } .frame-main-explorer .frame-header .header-right.search-open .search-box input { box-shadow: 0 1px 12px rgba(0,0,0,0.2); } .frame-main-explorer .frame-header .header-right .search-down-mask:before { display: none; } .frame-main-explorer .frame-header .header-right.search-open .search-down-mask:before { display: block; } .frame-main-explorer .frame-header .header-right.search-show .search-dropdown { transform: none !important; } .frame-main-explorer .frame-header .header-middle { padding-left: 12px; } .frame-main-explorer .frame-header .header-middle .svg-icon { margin-top: -1px; } .frame-main-explorer .frame-header .header-middle .btn-default { border-radius: 0px; height: 26px; float: left; font-size: 1em; -webkit-transition: border 0.2s; -moz-transition: border 0.2s; -o-transition: border 0.2s; -ms-transition: border 0.2s; transition: border 0.2s; overflow: hidden; padding: 0 10px; border: solid 1px #ddd; margin: 0 0 0 -1px; outline: none; background: url("../../images/common/buttons_40.png") 0 0px repeat-x; background: #fff; box-shadow: none; border-radius: 0; } .frame-main-explorer .frame-header .header-middle .btn-default .font-icon { line-height: 22px; } .frame-main-explorer .frame-header .header-middle .btn-default:hover, .frame-main-explorer .frame-header .header-middle .btn-default:focus { background-color: #e4f8ff; border-color: #aedaff; box-shadow: none; } .frame-main-explorer .frame-header .header-middle .btn-default:active { color: #365f80; background-color: #e4f8ff; border-color: #93cfff; } .frame-main-explorer .frame-header .header-middle .btn-default .font-icon.svg-icon { font-size: 17px; line-height: 28px; } .frame-main-explorer .frame-header .header-middle .header-address { width: 50%; cursor: text; height: 26px; overflow: hidden; float: left; border: 1px solid #ddd; margin-left: -1px; } .frame-main-explorer .frame-header .header-middle .header-address .loading-item { line-height: 28px; padding-left: 15px; color: #aaa; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item { display: inline-block; float: left; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a, .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:link, .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:visited { color: #666; display: inline-block; font-size: 1em; padding: 0px 15px 0px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 27px; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item.first a { margin-left: 0px; padding-left: 5px; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a { background-image: url("../../images/common/ybutton.png"); background-repeat: no-repeat; background-position: 100% 0; cursor: pointer; height: 27px; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:hover { background-position: 100% -48px; color: #333; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:active { background-position: 100% -96px; color: #333; } .frame-main-explorer .frame-header .header-middle .header-address .x-item-icon.x-folder { background-image: url("../../images/file_icon/icon_others/folder_win10_small.png"); } .frame-main-explorer .frame-header .header-middle .btn.path-is-fav .font-icon { color: #fec740; } .frame-main-explorer .frame-header .header-middle .header-address-input { height: 26px; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; } .frame-main-explorer .frame-header .header-middle .header-address-input input.path { border: none; height: 25px; display: block; width: 100%; padding: 0; padding-left: 10px; padding-right: 10px; background: #fff url("../../images/common/bg.gif") 0px 10px repeat-x; background: none; width: 94%; font-size: 1em; line-height: 25px; color: #444; } .frame-main-explorer .frame-header .header-middle .header-address-input input:focus { outline: none; } .frame-main-explorer .frame-header .search-dropdown { width: 420px; min-height: 200px; max-width: 100%; position: absolute; right: 20px; z-index: 50; margin-top: -5px; background: #fff; overflow: auto; border-radius: 3px 0 3px 3px; border: 1px solid #ddd; box-shadow: 0 10px 10px rgba(0,0,0,0.2); -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .frame-main-explorer .frame-header .search-dropdown .form-box.config-box .panel-form-body { padding: 15px 0 0px 0px; } .frame-main-explorer .frame-header .search-dropdown .form-box.config-box .panel-form-body hr { margin: 5px 0px; border-bottom: 1px dotted #eee; } .frame-main-explorer .frame-header .search-dropdown .form-row { padding: 0px 0px; } .frame-main-explorer .frame-header .search-dropdown .form-row .setting-title { margin-right: 15px; width: 70px; } .frame-main-explorer .frame-header .search-dropdown .form-row .setting-title.no-title { height: 10px; } .frame-main-explorer .frame-header .search-dropdown .form-row.inline .setting-content, .frame-main-explorer .frame-header .search-dropdown .form-row.form-row-html .setting-content, .frame-main-explorer .frame-header .search-dropdown .form-row.form-html .setting-content { padding: 0 5px 2px 5px; } .frame-main-explorer .frame-header .search-dropdown .form-row.inline .setting-content { width: auto; margin-right: 0; } .frame-main-explorer .frame-header .search-dropdown .form-row.form-segment .setting-content, .frame-main-explorer .frame-header .search-dropdown .form-row.form-checkbox .setting-content { padding-bottom: 0; } .frame-main-explorer .frame-header .search-dropdown .form-row.item-parentPath .desc { display: block; margin-top: 2px; } .frame-main-explorer .frame-header .tools-wap { padding-top: 5px; margin-left: 10px; display: none; } .frame-main-explorer .frame-header .tools { z-index: 100; height: 34px; min-width: 505px; overflow: hidden; border-bottom: 1px solid #e6e6e6; background: #fefefe; -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.02); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.02); box-shadow: 0px 5px 10px rgba(0,0,0,0.02); } .frame-main-explorer .frame-header .tools a.left:hover, .frame-main-explorer .frame-header .tools a.middle:hover, .frame-main-explorer .frame-header .tools a.left:active, .frame-main-explorer .frame-header .tools a.middle:active { margin-right: 2px; padding-right: 8px; } .frame-main-explorer .frame-header .tools .btn.toolbar-path-more { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .frame-main-explorer .frame-header .tools a.this { background: #eee; cursor: default; } .frame-main-explorer .frame-header .tools a.this:hover, .frame-main-explorer .frame-header .tools a.this:active { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .frame-main-explorer .frame-header .tools .tools-left { float: left; margin: 0px 0 0 10px; } .frame-main-explorer .frame-header .tools .tools-left .btn-group { float: left; padding-top: 5px; } .frame-main-explorer .frame-header .tools .tools-right { margin: 5px 20px 0 0; position: absolute; right: 0px; background: #fff; height: 26px; box-shadow: -10px 0 10px #ffffff; } .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm { float: right; } .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon { width: 20px; height: 25px; line-height: 20px; font-size: 16px; cursor: pointer; display: inline-block; margin-right: 5px; text-align: center; color: #bbb; border-radius: 3px; } .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:hover, .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:active, .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon.context-menu-active, .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon.open { background: #f6f6f6; color: #888; } .frame-main-explorer .frame-header .tools .tools-right .menu-file-sort-by { float: right; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size { display: none; float: left; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider { position: relative; margin-left: -12px; margin-top: -18px; padding: 10px 0; width: 40px; min-width: 10px; height: 120px; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider.dropdown-menu:before { right: 13px; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider.dropdown-menu:after { right: 14px; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-bg { height: 100%; width: 5px; background: #ddd; margin-left: 17px; border-radius: 3px; cursor: pointer; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; -o-transition: box-shadow 0.2s; -ms-transition: box-shadow 0.2s; transition: box-shadow 0.2s; width: 16px; height: 16px; border-radius: 10px; margin-top: 10px; cursor: pointer; border-width: 1px \9; border: 2px solid #96dbfa; background: #fff; position: absolute; margin-left: 10px; top: 0px; left: 0; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle:hover { box-shadow: 0 0 0 6px rgba(150,219,250,0.7); } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle.active { background: #7ed3f9; border-color: #7ed3f9; box-shadow: none; } .frame-main-explorer .frame-header .tools .list-type-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -561px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; width: 12px !important; margin-right: 1px !important; margin-left: 1px !important; } .frame-main-explorer .frame-header .tools .list-type-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .list-type-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .list-type-list { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -624px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; width: 12px !important; margin-right: 1px !important; margin-left: 1px !important; } .frame-main-explorer .frame-header .tools .list-type-list:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .list-type-list { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .list-type-split { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -609px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; width: 12px !important; margin-right: 1px !important; margin-left: 1px !important; } .frame-main-explorer .frame-header .tools .list-type-split:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .list-type-split { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .theme-select { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0px -720px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; width: 12px !important; margin-right: 1px !important; margin-left: 1px !important; } .frame-main-explorer .frame-header .tools .theme-select:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .theme-select { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .kod-toolbar { height: 30px; overflow: hidden; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn b { display: none; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-default .font-icon { width: 12px; height: 16px; line-height: 16px; margin-right: 1px !important; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .desc-name { position: relative; top: -1px; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-toolbar .menu-toolbar-button { padding: 3px 3px; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-toolbar .menu-toolbar-button .desc-name { display: none; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-file .menu-toolbar-button, .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-folder .menu-toolbar-button { padding: 3px 3px; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-file .menu-toolbar-button .font-icon, .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-folder .menu-toolbar-button .font-icon { padding-right: 0; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.context-menu-active { color: #365f80; background-color: #e4f8ff; border-color: #93cfff; box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 0px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-the-path .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -16px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-the-path .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.explorer .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-the-path .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload-file .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.file-history-replace .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -48px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload-file .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.file-history-replace .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload-file .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.file-history-replace .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.upload .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.down .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.download .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -48px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.down .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.download .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.down .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.download .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute-to .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -80px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute-to .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute-to .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatCopy .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.clone .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-see .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -96px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatCopy .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.clone .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-see .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatCopy .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.clone .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-see .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -16px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-file-others > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-file-others > .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-file-others > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-file-text-alt.font-icon:before { display: none; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-rename .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.renameMutil .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.rename .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -64px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-rename .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.renameMutil .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.rename .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-rename .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.renameMutil .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.rename .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.past .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -64px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.past .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.past .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatRemove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-clear .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-delete .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .close .font-icon { color: #1890ff; display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -80px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatRemove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.remove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-clear .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-delete .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-remove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-remove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .close .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.chatRemove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-clear .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-delete .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .close .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore-all .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore-all .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore .font-icon:before { color: #63bd37; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore-all .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore .font-icon:before { background-image: -webkit-linear-gradient(2deg,#63bd37,#7fcf58); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .font-icon.icon-caret-down:before { font-size: 12px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.zip .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.zip .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.zip .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-this .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-this .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-this .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-text .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 1px -702px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-text .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-text .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-edit .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-edit .font-icon:before { color: #1a57de; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to-edit .font-icon:before { background-image: -webkit-linear-gradient(2deg,#1a57de,#4276e9); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to .font-icon:before { color: #1a57de; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-to .font-icon:before { background-image: -webkit-linear-gradient(2deg,#1a57de,#4276e9); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-link .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-edit .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link .font-icon { color: #31dc48 !important; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-link .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-edit .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link .font-icon:before { content: "\eb17" !important; font-family: "kod-svg-font" !important; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-type-link .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link-edit .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link .font-icon:before { background: none; color: #31dc48 !important; vertical-align: unset; text-fill-color: unset; -webkit-text-fill-color: unset; background-clip: unset; -webkit-background-clip: unset; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -609px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -773px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh-tree .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -513px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh-tree .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.refresh-tree .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-icon-size .font-icon.ri-image-line, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.setting-wall .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0px -577px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-icon-size .font-icon.ri-image-line:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.setting-wall .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-icon-size .font-icon.ri-image-line, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.setting-wall .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-sort-by .font-icon.ri-arrow-drop-up-fill { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -528px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-sort-by .font-icon.ri-arrow-drop-up-fill:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-sort-by .font-icon.ri-arrow-drop-up-fill { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-list-type .font-icon.ri-inbox-line { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 1px -625px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-list-type .font-icon.ri-inbox-line:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-list-type .font-icon.ri-inbox-line { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-all > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0px -545px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-all > .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-all > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-clear > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -546px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-clear > .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-clear > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-reverse > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -593px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 8px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-reverse > .font-icon:before { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-reverse > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-right { position: absolute; left: 200px; right: 0; top: 0; bottom: 0; overflow: hidden; min-width: 450px; border-left: 1px solid rgba(100,100,100,0.1); -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .frame-main-explorer .frame-right .frame-right-main .font-icon { padding: 0 2px; font-size: 15px; } .frame-main-explorer .frame-right .frame-right-main .drop-menu-action { min-width: 150px; font-size: 1em; } .frame-main-explorer .frame-right .frame-right-main .drop-menu-action a { padding: 2px 30px; } .frame-main-explorer .frame-right .frame-right-main .drop-menu-action .divider { margin: 5px 0; } .frame-main-explorer .frame-right .frame-right-main .drop-menu-action .disabled a { opacity: 0.8; filter: alpha(opacity=80); } .frame-main-explorer .frame-right .search-match { font-weight: inherit; background: #ffe58f; padding: 3px 0; border-radius: 2px; } .frame-main-explorer .frame-right .dropdown-menu { font-size: 1em; margin-top: 5px; } .frame-main-explorer .frame-right .bodymain { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; margin-top: 85px; overflow: hidden; } .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-continer-main { top: 30px; } .frame-main-explorer .frame-right .bodymain .file-continer-main { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 50px; overflow: auto; } .frame-main-explorer .frame-right .bodymain .file-continer-main.file-list-list { padding-top: 5px; top: 26px; } .frame-main-explorer .frame-right .file-select-info { height: 25px; color: #888; opacity: 0.9; filter: alpha(opacity=90); position: absolute; bottom: 12px; padding: 0px 1em; font-size: 1em; line-height: 25px; overflow: hidden; border-radius: 3px; background: rgba(255,255,255,0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .frame-main-explorer .frame-right .file-select-info .item-num, .frame-main-explorer .frame-right .file-select-info .item-select { border-left: 3px solid rgba(200,200,200,0.3); border-right: 3px solid rgba(200,200,200,0.3); padding-left: 5px; padding-right: 5px; } .frame-main-explorer .frame-right .file-select-info .item-select { padding-left: 0.5em; border-left: none; } .frame-main-explorer .frame-right .file-page { position: absolute; bottom: 10px; right: 10px; border: 1px solid rgba(0,0,0,0.03); border-radius: 3px; background: rgba(255,255,255,0.7); transition: all .2s; z-index: 10; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .frame-main-explorer .frame-right .file-page:hover, .frame-main-explorer .frame-right .file-page:active { border-color: rgba(0,0,0,0.1); box-shadow: 0 3px 15px rgba(206,206,206,0.5); background: rgba(255,255,255,0.9); } .frame-main-explorer .frame-right .file-page .my-page-box { border: none; } .frame-main-explorer .frame-right .path-is-null { text-align: center; color: #ccc; position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; margin-top: -150px; margin-left: -75px; font-size: 0.9em; } .frame-main-explorer .frame-right .path-is-null .path-ico { width: 150px; height: 150px; font-size: 150px; display: block; } .frame-main-explorer .frame-right .path-is-null .text { background: rgba(0,0,0,0.02); padding: 3px 10px; border-radius: 10px; } .frame-main-explorer .frame-right .file-list-list .children-list .path-is-null { display: none; } .frame-main-explorer .btn-group-sm >.btn { padding: 3px 7px; } .frame-main-explorer .path-tips { line-height: 23px; margin-left: 15px; margin-top: 1px; float: left; display: none; background: #ddd; color: #777; cursor: pointer; border-radius: 3px; padding: 1px 8px; position: relative; z-index: 7; opacity: 0.8; filter: alpha(opacity=80); } .frame-main-explorer .role-label-box { margin: 3px; margin-left: 10px; float: left; cursor: pointer; } .frame-main-explorer .role-label-box:hover, .frame-main-explorer .role-label-box:active { opacity: 0.6; } .frame-main-explorer .role-label-box .label { padding: 5px 10px; border-radius: 40px; } .frame-main-explorer .drag-resize-tree, .frame-main-editor .drag-resize-tree { z-index: 50; } .frame-main-explorer .drag-resize-tree:active, .frame-main-editor .drag-resize-tree:active { background: none; } .frame-main-explorer .drag-resize-tree.active, .frame-main-editor .drag-resize-tree.active { background: rgba(64,169,255,0.15); } .frame-main-explorer .drag-resize-tree .drag-item, .frame-main-editor .drag-resize-tree .drag-item { position: absolute; top: 32px; padding: 5px; margin-left: -12px; cursor: pointer; opacity: 0; color: #888; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .frame-main-explorer .drag-resize-tree.drag-hidden, .frame-main-editor .drag-resize-tree.drag-hidden { cursor: pointer !important; } .frame-main-explorer .drag-resize-tree.drag-hidden:hover, .frame-main-editor .drag-resize-tree.drag-hidden:hover { background: rgba(64,169,255,0.3); } .frame-main-explorer .drag-resize-tree.drag-hidden:after, .frame-main-editor .drag-resize-tree.drag-hidden:after { display: none; } .frame-main-explorer .drag-resize-tree.drag-hidden .drag-item:before, .frame-main-editor .drag-resize-tree.drag-hidden .drag-item:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6e"; line-height: 20px; padding: 0 0px 0 1px; } .frame-main-explorer .drag-resize-tree.active .drag-item, .frame-main-explorer .drag-resize-tree:hover .drag-item, .frame-main-editor .drag-resize-tree.active .drag-item, .frame-main-editor .drag-resize-tree:hover .drag-item { opacity: 1; } .frame-main-explorer .drag-resize-tree .drag-item:before, .frame-main-editor .drag-resize-tree .drag-item:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea64"; width: 20px; height: 20px; line-height: 20px; padding: 0 0px 0 0; font-size: 14px; background: #fff; border-radius: 20px; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0,0,0,0.1); display: inline-block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .frame-main-explorer .drag-resize-tree .drag-item:hover:before, .frame-main-editor .drag-resize-tree .drag-item:hover:before { border: 1px solid #1890ff; color: #1890ff; } body.app-disable-userGroup .frame-main-explorer .frame-header .header-right.search-show .search-dropdown .form-row.item-sep2244 { display: none !important; } body.app-disable-userGroup .frame-main-explorer .frame-header .header-right.search-show .search-dropdown .form-row.item-createUser { display: none !important; } body.app-disable-userGroup .frame-main-explorer .frame-header .tools .toolbar-item .share { display: none !important; } body.app-disable-userGroup .kod-user-group-select .select-dropdown-content { height: 100px; } body.app-disable-userGroup .context-menu-list .context-menu-item.share { display: none !important; } .app-admin .menuBar { display: none; } .admin-page .menu-show-mask, .setting-page .menu-show-mask { position: fixed; z-index: 90; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.1); display: none; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; opacity: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .setting-page .menu-show-mask { top: 40px; } .admin-page .admin-menu-left, .setting-page .setting-menu-left { box-shadow: 2px 0 6px rgba(0,21,41,0.35); position: absolute; z-index: 100; left: 0; height: 100%; width: 255px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .admin-page .admin-menu-left:before, .admin-page .admin-menu-left:after, .setting-page .setting-menu-left:before, .setting-page .setting-menu-left:after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .admin-page .admin-menu-left:before, .setting-page .setting-menu-left:before { background-size: cover; background-repeat: no-repeat; background-image: url(../../images/wall_page/11.jpg); background-position: center center; background-position: 75% 50%; } .admin-page .admin-menu-left:after, .setting-page .setting-menu-left:after { opacity: 0.92; background: #001529; background-image: linear-gradient(45deg,#000000,#061161); } .admin-page .admin-menu-left h1, .setting-page .setting-menu-left h1 { color: #1890ff; font-weight: 100; padding: 0; margin: 0; margin-bottom: 10px; height: 70px; line-height: 70px; overflow: hidden; text-align: center; position: relative; z-index: 2; background: rgba(255,255,255,0.03); } .admin-page .admin-menu-left h1 .logo img, .setting-page .setting-menu-left h1 .logo img { max-height: 70px; max-width: 255px; } .admin-page .admin-menu-left .menu-content, .setting-page .setting-menu-left .menu-content { overflow: auto; position: absolute; width: 100%; top: 71px; bottom: 50px; padding-top: 10px; z-index: 2; } .admin-page .admin-menu-left .menu-content .menu-items, .setting-page .setting-menu-left .menu-content .menu-items { padding: 0; } .admin-page .admin-menu-left .menu-item, .setting-page .setting-menu-left .menu-item { list-style: none; transition: all 0.16s; cursor: pointer; } .admin-page .admin-menu-left .menu-item .menu-item-content, .setting-page .setting-menu-left .menu-item .menu-item-content { height: 40px; line-height: 40px; margin: 0; color: rgba(255,255,255,0.8); font-size: 1.05em; text-indent: 8px; padding-left: 10px; overflow: hidden; cursor: pointer; transition: all 0.16s; position: relative; } .admin-page .admin-menu-left .menu-item .menu-item-content .level-margin, .setting-page .setting-menu-left .menu-item .menu-item-content .level-margin { display: inline-block; } .admin-page .admin-menu-left .menu-item .menu-item-content .font-icon, .setting-page .setting-menu-left .menu-item .menu-item-content .font-icon { padding-right: 0.6em; position: relative; top: -2px; } .admin-page .admin-menu-left .menu-item .menu-item-content .item-icon, .setting-page .setting-menu-left .menu-item .menu-item-content .item-icon { opacity: 0.6; filter: alpha(opacity=60); } .admin-page .admin-menu-left .menu-item .menu-item-content:hover, .admin-page .admin-menu-left .menu-item .menu-item-content:active, .setting-page .setting-menu-left .menu-item .menu-item-content:hover, .setting-page .setting-menu-left .menu-item .menu-item-content:active { color: #fff; background: rgba(255,255,255,0.1); } .admin-page .admin-menu-left .menu-item.select .menu-item-content, .setting-page .setting-menu-left .menu-item.select .menu-item-content { color: #fff; background: #1890ff; } .admin-page .admin-menu-left .menu-item.select .menu-item-content .item-icon, .setting-page .setting-menu-left .menu-item.select .menu-item-content .item-icon { opacity: 1; filter: alpha(opacity=100); } .admin-page .admin-menu-left .menu-item:hover, .admin-page .admin-menu-left .menu-item:active, .setting-page .setting-menu-left .menu-item:hover, .setting-page .setting-menu-left .menu-item:active { background: rgba(130,130,130,0.05); } .admin-page .admin-menu-left .menu-item .menu-items, .setting-page .setting-menu-left .menu-item .menu-items { display: none; padding: 0; } .admin-page .admin-menu-left .menu-item .menu-item-content:after, .setting-page .setting-menu-left .menu-item .menu-item-content:after { position: absolute; top: 0; right: 0; bottom: 0; border-right: 3px solid #4ba9ff; -webkit-transform: scaleY(.0001); transform: scaleY(.0001); opacity: 0; -webkit-transition: opacity .15s cubic-bezier(.215,.61,.355,1), -webkit-transform .15s cubic-bezier(.215,.61,.355,1); transition: opacity .15s cubic-bezier(.215,.61,.355,1), -webkit-transform .15s cubic-bezier(.215,.61,.355,1); transition: transform .15s cubic-bezier(.215,.61,.355,1), opacity .15s cubic-bezier(.215,.61,.355,1); transition: transform .15s cubic-bezier(.215,.61,.355,1), opacity .15s cubic-bezier(.215,.61,.355,1), -webkit-transform .15s cubic-bezier(.215,.61,.355,1); content: ''; } .admin-page .admin-menu-left .menu-item.select .menu-item-content:after, .setting-page .setting-menu-left .menu-item.select .menu-item-content:after { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; } .admin-page .admin-menu-left .menu-item.submenu .menu-cert, .setting-page .setting-menu-left .menu-item.submenu .menu-cert { position: absolute; right: 15px; line-height: 40px; width: 30px; font-size: 12px; padding: 0px; } .admin-page .admin-menu-left .menu-item.submenu .menu-cert:before, .setting-page .setting-menu-left .menu-item.submenu .menu-cert:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6e"; padding-left: 3px; } .admin-page .admin-menu-left .menu-item.submenu.menu-open > .menu-item-content .menu-cert:before, .setting-page .setting-menu-left .menu-item.submenu.menu-open > .menu-item-content .menu-cert:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea4e"; } .admin-page .admin-menu-left .menu-item.menu-open > .menu-item-content, .setting-page .setting-menu-left .menu-item.menu-open > .menu-item-content { color: #fff; } .admin-page .admin-menu-left .menu-item.menu-open > .menu-items, .setting-page .setting-menu-left .menu-item.menu-open > .menu-items { display: block; background: rgba(255,255,255,0.05); box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); } .admin-page .admin-menu-left .left-menu-footer, .setting-page .setting-menu-left .left-menu-footer { position: absolute; bottom: 0px; z-index: 10; width: 100%; font-size: 0.9em; border-top: 1px solid rgba(200,200,200,0.1); } .admin-page .admin-menu-left .left-menu-footer .item-row, .setting-page .setting-menu-left .left-menu-footer .item-row { height: 40px; line-height: 40px; margin: 0; color: rgba(255,255,255,0.7); background: rgba(200,200,200,0.1); font-size: 1em; text-indent: 8px; padding-left: 10px; overflow: hidden; cursor: pointer; display: block; transition: all 0.16s; } .admin-page .admin-menu-left .left-menu-footer .item-row .font-icon, .setting-page .setting-menu-left .left-menu-footer .item-row .font-icon { padding-right: 5px; } .admin-page .admin-menu-left .left-menu-footer .item-row label, .setting-page .setting-menu-left .left-menu-footer .item-row label { display: block; cursor: pointer; } .admin-page .admin-menu-left .left-menu-footer .item-row.admin-theme label em, .setting-page .setting-menu-left .left-menu-footer .item-row.admin-theme label em { position: absolute; right: 10px; margin-top: 10px; } .admin-page .admin-menu-left.admin-theme-light, .setting-page .setting-menu-left.setting-theme-light { background-color: #fff; box-shadow: 2px 0 8px 0 rgba(29,35,41,0.05); } .admin-page .admin-menu-left.admin-theme-light h1, .setting-page .setting-menu-left.setting-theme-light h1 { border-bottom: 1px solid #eee; } .admin-page .admin-menu-left.admin-theme-light h1, .admin-page .admin-menu-left.admin-theme-light .menu-content, .setting-page .setting-menu-left.setting-theme-light h1, .setting-page .setting-menu-left.setting-theme-light .menu-content { background-color: #fff; } .admin-page .admin-menu-left.admin-theme-light:before, .admin-page .admin-menu-left.admin-theme-light:after, .setting-page .setting-menu-left.setting-theme-light:before, .setting-page .setting-menu-left.setting-theme-light:after { display: none; background: #fff; } .admin-page .admin-menu-left.admin-theme-light .menu-item .menu-item-content, .setting-page .setting-menu-left.setting-theme-light .menu-item .menu-item-content { color: #555; } .admin-page .admin-menu-left.admin-theme-light .menu-item .menu-item-content:hover, .admin-page .admin-menu-left.admin-theme-light .menu-item .menu-item-content:active, .setting-page .setting-menu-left.setting-theme-light .menu-item .menu-item-content:hover, .setting-page .setting-menu-left.setting-theme-light .menu-item .menu-item-content:active { color: #1890ff; } .admin-page .admin-menu-left.admin-theme-light .menu-item.select .menu-item-content, .setting-page .setting-menu-left.setting-theme-light .menu-item.select .menu-item-content { color: #1890ff; background: #e6f7ff; } .admin-page .admin-menu-left.admin-theme-light .menu-item .menu-item-content:after, .setting-page .setting-menu-left.setting-theme-light .menu-item .menu-item-content:after { border-right: 3px solid #1890ff; } .admin-page .admin-menu-left.admin-theme-light .menu-item.menu-open, .setting-page .setting-menu-left.setting-theme-light .menu-item.menu-open { color: #222; } .admin-page .admin-menu-left.admin-theme-light .menu-item.menu-open > .menu-items, .setting-page .setting-menu-left.setting-theme-light .menu-item.menu-open > .menu-items { background: #fff; box-shadow: none; } .admin-page .admin-menu-left.admin-theme-light .left-menu-footer, .setting-page .setting-menu-left.setting-theme-light .left-menu-footer { border-top: 1px solid #fafafa; } .admin-page .admin-menu-left.admin-theme-light .left-menu-footer .item-row, .setting-page .setting-menu-left.setting-theme-light .left-menu-footer .item-row { color: #666; background: #fdfdfd; } .admin-page .admin-main, .setting-page .setting-main { position: absolute; background: #f0f2f5; left: 255px; top: 0; right: 0px; bottom: 0px; padding-bottom: 50px; overflow: auto; overflow-x: hidden; } .admin-page .admin-main .panel-body.dialog-form.target-form .form-box.config-box .panel-form-body, .setting-page .setting-main .panel-body.dialog-form.target-form .form-box.config-box .panel-form-body { overflow: inherit; } .admin-page .admin-main .panel-body.dialog-form.target-form .form-box.config-box .form-row .setting-title, .setting-page .setting-main .panel-body.dialog-form.target-form .form-box.config-box .form-row .setting-title { text-align: left; } .admin-page .admin-main .header, .setting-page .setting-main .header { box-shadow: 0 1px 4px rgba(0,21,41,0.08); border-bottom: 1px solid #e6e6e6; height: 70px; padding: 0 12px 0 0; background: #fff; } .admin-page .admin-main .header .title-address, .setting-page .setting-main .header .title-address { line-height: 70px; font-size: 1.1em; color: #666; padding: 0px 0 0 10px; margin-left: 25px; } .admin-page .admin-main .header .title-address .address-start, .setting-page .setting-main .header .title-address .address-start { border-left: 4px solid #1890ff; margin-right: 10px; display: inline-block; height: 18px; position: relative; top: 4px; line-height: 0; box-shadow: 1px 1px 3px rgba(24,144,255,0.6); border-radius: 3px; } .admin-page .admin-main .header .title-address span.address-split, .setting-page .setting-main .header .title-address span.address-split { padding: 0 5px; color: #aaa; } .admin-page .admin-main .header .title-address .address-item.link, .setting-page .setting-main .header .title-address .address-item.link { cursor: pointer; } .admin-page .admin-main .header .title-address .address-item.link:hover, .admin-page .admin-main .header .title-address .address-item.link:active, .setting-page .setting-main .header .title-address .address-item.link:hover, .setting-page .setting-main .header .title-address .address-item.link:active { color: #1890ff; } .admin-page .admin-main .header .title-address .address-item .item-icon, .setting-page .setting-main .header .title-address .address-item .item-icon { display: none; } .admin-page .admin-main .header .menu-toggle, .setting-page .setting-main .header .menu-toggle { display: none; font-size: 16px; cursor: pointer; width: 50px; line-height: 36px; position: fixed; z-index: 5; text-align: center; color: #ffffff; margin: 18px 10px 5px 0px; border-radius: 0 5px 5px 0; transition: all 0.3s; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); background: #1890ffa3; } .admin-page .admin-main .header .menu-toggle:hover, .admin-page .admin-main .header .menu-toggle:active, .setting-page .setting-main .header .menu-toggle:hover, .setting-page .setting-main .header .menu-toggle:active { background: #0076e4; } .admin-page .admin-main .panel-body, .setting-page .setting-main .panel-body { padding: 15px; margin: 10px; background: #fff; border: none; border-radius: 4px; position: relative; } .admin-page .admin-main .panel-body .panel-body-header, .setting-page .setting-main .panel-body .panel-body-header { font-size: 16px; padding: 15px 25px; border-bottom: 1px solid #eee; } .admin-page .admin-main .panel-body .no-auth-page, .setting-page .setting-main .panel-body .no-auth-page { text-align: center; margin: 60px 0px; } .admin-page .admin-main .panel-body .no-auth-page .path-ico, .setting-page .setting-main .panel-body .no-auth-page .path-ico { width: 100%; height: 150px; font-size: 150px; } .admin-page .admin-main .panel-body .no-auth-page .text, .setting-page .setting-main .panel-body .no-auth-page .text { background: rgba(0,0,0,0.02); padding: 3px 10px; border-radius: 10px; color: #ccc; } .admin-page .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group { padding: 0; margin: 5px 15px 10px 15px; } .admin-page .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box.config-box .panel-form-body { position: relative; top: 0; overflow: hidden; } .kodTable .list-table .list-col.setting .do-action { padding: 3px 5px; margin-bottom: 2px; cursor: pointer; display: inline-block; vertical-align: middle; color: #1890ff; border-radius: 3px; word-break: keep-all; } .kodTable .list-table .list-col.setting .do-action:focus, .kodTable .list-table .list-col.setting .do-action:hover, .kodTable .list-table .list-col.setting .do-action:active { background: #def; } .kodTable .list-table .list-col.setting .dropdown-box { position: relative; display: inline-block; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown { display: none; z-index: 99; position: absolute; right: -5px; background-color: #fff; border-radius: 3px; outline: none; box-shadow: 0 2px 8px rgba(0,0,0,0.15); } .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul { list-style: none; padding: 0px; margin: 4px 0px; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li { color: #333; display: block; padding: 0px 5px; height: 30px; min-width: 54px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:hover, .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:focus, .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:active { background-color: #e4f8ff; cursor: pointer; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown.tpTips { bottom: 30px; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown.tpTips:after { content: ""; position: absolute; right: 10px; margin-left: -5px; border-width: 5px; border-style: solid; top: 100%; border-color: #fff transparent transparent transparent; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown.btTips { top: 25px; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown.btTips:after { content: ""; position: absolute; right: 10px; margin-left: -5px; border-width: 5px; border-style: solid; bottom: 100%; border-color: transparent transparent #fff transparent; } @media (min-width: 1200px) { .panel-body.overview-page .option-box .container .col-xl-12 .option { margin-left: 12px; } .panel-body.overview-page .option-box .container .col-xl-12:nth-child(1) .option { margin-left: 0; } .panel-body.overview-page .option-box .container .col-xl-12:nth-child(3) .option { margin-left: 12px; } } @media (min-width: 768px) and (max-width: 1200px) { .panel-body.overview-page .option-box .container .col-xl-12 .option { margin-left: 12px; } .panel-body.overview-page .option-box .container .col-xl-12:nth-child(1) .option { margin-left: 0; } .panel-body.overview-page .option-box .container .col-xl-12:nth-child(3) .option { margin-left: 0; } } .admin-main-content .licens-form .kodbox-info { margin: 0; padding: 0px; width: 100%; margin-bottom: 20px; padding-left: 5px; } .admin-main-content .licens-form .kodbox-info .info-box { padding: 0; transition: all 0.3s; } .admin-main-content .licens-form .kodbox-info .info-box .opt-body { background: linear-gradient(110deg,#65caf4,#668cf8); border-radius: 4px; margin: 15px 30px 0px 1px; padding: 10px 10px 10px 90px; height: 95px; overflow: hidden; color: #fff; color: rgba(255,255,255,0.9); position: relative; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: all 0.3s; } .admin-main-content .licens-form .kodbox-info .info-box .opt-body:hover { box-shadow: 0 15px 40px rgba(0,0,0,0.3); } .admin-main-content .licens-form .kodbox-info .info-box .opt-body .title { font-size: 20px; margin: 5px 0 5px 0; font-weight: 800; opacity: 0.9; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .admin-main-content .licens-form .kodbox-info .info-box .opt-body .font-icon { width: 60px; height: 60px; position: absolute; left: 15px; top: 20px; border-radius: 10px; font-size: 60px; } .admin-main-content .licens-form .kodbox-info .info-box .opt-body:after, .admin-main-content .licens-form .kodbox-info .info-box .opt-body .content:before, .admin-main-content .licens-form .kodbox-info .info-box .opt-body .content:after { pointer-events: none; content: ""; position: absolute; width: 150px; height: 150px; right: -60px; top: -80px; background: #fff; border-radius: 50%; background: linear-gradient(-50deg,rgba(255,255,255,0),rgba(255,255,255,0.15)); } .admin-main-content .licens-form .kodbox-info .info-box .opt-body .row-item { color: #fff; font-size: 1.1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .admin-main-content .licens-form .kodbox-info .info-box .opt-body .row-item .item-title { display: inline-block; padding-right: 5px; } .admin-main-content .licens-form .kodbox-info .info-box .opt-body .content:before { right: 50px; top: -50px; width: 80px; height: 80px; } .admin-main-content .licens-form .kodbox-info .info-box .opt-body .content:after { right: -60px; top: 55px; width: 160px; height: 160px; opacity: 0.6; } .admin-main-content .licens-form .kodbox-info .info-box.info-box-license .opt-body .content { margin-top: -2px; } .admin-main-content .licens-form .kodbox-info .info-box.info-box-license .opt-body .row-item { font-size: 0.9em; } .admin-main-content .licens-form .kodbox-info .info-box.info-box-version .kui-btn { right: 18px; } .admin-main-content .licens-form .kodbox-info .label { padding: 3px 6px; font-style: normal; font-weight: 800; background: rgba(255,255,255,0.2); margin-left: 5px; } .admin-main-content .licens-form .kodbox-info .kui-btn { position: absolute; right: 60px; top: 18px; color: #fff; background: rgba(255,255,255,0.15); border: none; } .admin-main-content .licens-form .kodbox-info .kui-btn:hover { background: rgba(255,255,255,0.5); } .admin-main-content .licens-form .kodbox-info .kui-btn.has-new:after { content: ''; position: absolute; width: 6px; height: 6px; margin: -4px 0 0 4px; border: 2px solid #fff; background: #f30; border-radius: 50%; } .admin-main-content .licens-form .kodbox-info .version-info { position: absolute; right: -50px; top: 10px; width: 150px; height: 30px; line-height: 30px; text-align: center; transform: rotateZ(45deg); font-weight: 800; opacity: 0.9; font-size: 1.2em; background: #ff9800; color: #fff; background: linear-gradient(80deg,#fff1c7,#ffd965); color: #ff9800; box-shadow: 0 1px 5px rgba(0,0,0,0.2); } .admin-main-content .licens-form .kodbox-info .version-info.version-free { background: #888; color: #fff; background: linear-gradient(40deg,#666,#999); } .admin-main-content .licens-form .kodbox-info .info-box.info-box-user .opt-body { background: linear-gradient(110deg,#65caf4,#668cf8); } .admin-main-content .licens-form .kodbox-info .info-box.info-box-license .opt-body { background: linear-gradient(110deg,#FFC107,#FF5722); } .admin-main-content .licens-form .kodbox-info .info-box.info-box-version .opt-body { background: linear-gradient(110deg,#68b92f,#4CAF50); } .app-wap-small .admin-main-content .licens-form .kodbox-info { padding-left: 0; } .app-wap-small .admin-main-content .licens-form .kodbox-info .info-box .opt-body { margin: 15px 0px 0px 0px; } .admin-page .admin-main .panel-body.overview-page { background: #f0f2f5 !important; padding: 0px !important; } .panel-body.overview-page .container { padding: 0px; width: 100%; } .panel-body.overview-page .container > div { padding: 0px; } .panel-body.overview-page .option-box { background: #f0f2f5; } .panel-body.overview-page .option-box .option { border: 1px solid #eee; border-radius: 4px; transition: all .3s; background: #fff; margin-right: 0; margin-bottom: 12px; } .panel-body.overview-page .option-box .option:hover, .panel-body.overview-page .option-box .option:active { border: 1px solid transparent; box-shadow: 0 5px 20px rgba(0,0,0,0.15); } .panel-body.overview-page .option-box .option .opt-body { padding: 15px 15px 10px 15px; zoom: 1; overflow: hidden; } .panel-body.overview-page .option-box .option .opt-body .content-omit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; } .panel-body.overview-page .option-box .option .opt-body .content-omit a { text-decoration: none; } .panel-body.overview-page .option-box .option .opt-body .opt-meta { height: 22px; line-height: 22px; margin-top: -3px; color: rgba(0,0,0,0.45); } .panel-body.overview-page .option-box .option .opt-body .opt-meta .font-icon { color: #fff; border-radius: 100%; font-size: 14px; margin-right: 5px; display: inline-block; width: 22px; height: 22px; line-height: 22px; } .panel-body.overview-page .option-box .option .opt-body .opt-info { height: 100px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .number { overflow: hidden; color: rgba(0,0,0,0.85); font-size: 30px; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; height: 60px; line-height: 60px; margin: 10px 0px 20px; text-align: center; } .panel-body.overview-page .option-box .option .opt-body .opt-info .chart { margin-top: -30px; margin-bottom: -26px; } .panel-body.overview-page .option-box .option .opt-body .opt-footer { border-top: 1px solid #e8e8e8; margin-top: 8px; padding-top: 9px; } .panel-body.overview-page .option-box .option .opt-body .opt-footer> div:after { content: ""; display: block; clear: both; float: none; } .panel-body.overview-page .option-box .option .opt-body .opt-footer .content-omit { width: 50%; } .panel-body.overview-page .option-box .option .opt-body .opt-footer .content-omit.server-name { width: 88%; } .panel-body.overview-page .option-box .option .opt-body .opt-footer .title { color: rgba(0,0,0,0.65); font-variant: tabular-nums; line-height: 1.8; list-style: none; float: left; } .panel-body.overview-page .option-box .option .opt-body .opt-footer .text { margin-left: 8px; color: rgba(0,0,0,0.85); } .panel-body.overview-page .option-box .option .opt-body .opt-footer .opt-more { cursor: pointer; color: #6cb6fb; background: #f6f6f6; position: absolute; right: 15px; margin-top: -3px; width: 25px; height: 25px; line-height: 23px; text-align: center; border-radius: 3px; } .panel-body.overview-page .option-box .option .opt-body .opt-footer .opt-more:hover { color: #40a9ff; background: #e6f7ff; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file { padding: 15px 0px; position: relative; white-space: nowrap; text-overflow: ellipsis; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .content, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .content { width: 50%; text-align: center; color: #1890ff; background: #f7fdff; margin-right: 6%; padding: 10px 0 15px 0px; border-radius: 4px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .content .opt, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .content .opt { font-size: 30px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .content .unit, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .content .unit { font-size: 0.9em; color: #949494; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .detail, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .detail { padding: 15px 0px 0 15px; position: absolute; left: 50%; top: 15px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .detail p, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .detail p { margin: 0px; height: 25px; line-height: 25px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .spot, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .spot { width: 8px; height: 8px; display: inline-block; border-radius: 4px; margin-right: 4px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-access { padding: 13px 0px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage { display: flex; margin-bottom: 6px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-safe { background-color: #3dbd7d; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-default { background-color: #40abfb; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-warning { background-color: #ffbf00; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-error { background-color: #f04134; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-minor { background-color: #eceef1; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store { flex: 1; padding: 5px 0px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store>div { height: 25px; line-height: 25px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store>div .fl-left { width: 65px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store .store-bar { width: 88%; padding: 8px 0px; cursor: pointer; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store .store-bar .info { height: 6px; overflow: hidden; border-radius: 4px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store .store-bar .info .process { transition: all 0.2s; height: 100%; border-radius: 4px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .score { width: 60px; height: 60px; line-height: 60px; text-align: center; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .score>div { border-radius: 30px; font-size: 22px; font-weight: bold; color: #fff; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .detail>div .content-omit span:first-child { display: inline-block; min-width: 50px; margin-right: 5px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .detail>div>div:first-child { width: 50%; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip { position: relative; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text { visibility: hidden; background-color: #fff; color: rgba(0,0,0,0.65); border-radius: 3px; padding: 8px 10px; text-align: left; box-shadow: 0 1px 2px -2px rgba(0,0,0,0.16), 0 3px 6px 0 rgba(0,0,0,0.12), 0 5px 12px 4px rgba(0,0,0,0.09); position: absolute; z-index: 1; left: 50%; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text.tip-top { bottom: 100%; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text.tip-bottom { top: 100%; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text .line { height: 20px; line-height: 20px; display: flex; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text .line span { display: inline-block; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text .line span .dot { display: inline-block; width: 6px; height: 6px; border-radius: 3px; margin-right: 8px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text .line span:first-child { width: 80px; flex: 1; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip:hover .kod-tooltip-text { visibility: visible; } .panel-body.overview-page .tab-table-box, .panel-body.overview-page .tab-trend-box { background: #fff; border-radius: 4px; padding: 15px; } .panel-body.overview-page .tab-table-box .dialog-tab.tab-group-line, .panel-body.overview-page .tab-trend-box .dialog-tab.tab-group-line { margin: 5px 0px 15px; } .panel-body.overview-page .tab-table-box .dialog-tab.tab-group-line .btn-group, .panel-body.overview-page .tab-trend-box .dialog-tab.tab-group-line .btn-group { position: absolute; right: 0px; bottom: 5px; } .panel-body.overview-page .tab-table-box .dialog-tab.tab-group-line .btn-group .btn, .panel-body.overview-page .tab-trend-box .dialog-tab.tab-group-line .btn-group .btn { padding: 5px 1.2em; } .panel-body.overview-page .tab-table-box .kodTable .content, .panel-body.overview-page .tab-trend-box .kodTable .content { height: 465px; position: relative; } .panel-body.overview-page .tab-table-box .kodTable .content .list-row input.item-select, .panel-body.overview-page .tab-trend-box .kodTable .content .list-row input.item-select { top: -2px; cursor: pointer; } .panel-body.overview-page .tab-table-box .chart-box, .panel-body.overview-page .tab-trend-box .chart-box { width: 88%; margin: 20px auto; } .panel-body.overview-page .tab-table-box .chart-box .content, .panel-body.overview-page .tab-trend-box .chart-box .content { margin: 40px 0px; height: 325px; } .panel-body.overview-page .tab-table-box .chart-box .chart-title, .panel-body.overview-page .tab-trend-box .chart-box .chart-title { height: 36px; line-height: 36px; font-size: 1.1em; color: rgba(0,0,0,0.65); display: inline-block; } .panel-body.overview-page .tab-table-box .chart-box .chart-title .desc, .panel-body.overview-page .tab-trend-box .chart-box .chart-title .desc { font-size: 0.9em; padding-left: 5px; color: #aaa; } .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .dtl, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .dtl { border-top: 1px solid #e8e8e8; margin-top: 12px; padding-top: 15px; display: -webkit-box; } .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .dtl .title, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .dtl .title { width: 50%; text-align: center; } .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .title, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .title { color: rgba(0,0,0,0.65); font-size: 1.1em; font-variant: tabular-nums; line-height: 1.5; list-style: none; } .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .title .text, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .title .text { margin-left: 8px; color: rgba(0,0,0,0.85); } .panel-body.overview-page .tab-table-box .chart-box.opt, .panel-body.overview-page .tab-trend-box .chart-box.opt { position: absolute; margin: 0px; top: 20px; bottom: 20px; left: 6%; right: 6%; background: #fff; } .panel-body.overview-page .tab-table-box .chart-box.opt .table-chart-info, .panel-body.overview-page .tab-trend-box .chart-box.opt .table-chart-info { background: #fff; } .panel-body.overview-page .tab-table-box .user-info, .panel-body.overview-page .tab-trend-box .user-info { color: #888; cursor: default; } .panel-body.overview-page .tab-table-box .user-info .path-ico, .panel-body.overview-page .tab-trend-box .user-info .path-ico { overflow: initial; vertical-align: text-bottom; position: relative; margin-right: 2px; } .panel-body.overview-page .tab-table-box .user-info img, .panel-body.overview-page .tab-trend-box .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; vertical-align: top; border: 1px solid #fff; } .panel-body.overview-page .tab-table-box .user-info .name-char, .panel-body.overview-page .tab-trend-box .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .panel-body.overview-page .tab-table-box .user-info, .panel-body.overview-page .tab-trend-box .user-info { color: #456; } .panel-body.overview-page .tab-table-box .user-info .path-ico, .panel-body.overview-page .tab-trend-box .user-info .path-ico { margin-right: 5px; } .panel-body.overview-page .tab-trend-box .tab-group-pan { height: 455px; position: relative; } .panel-body.overview-page .line-box { margin: 5px 0px; } .panel-body.admin-setting-page .form-row.item-treeOpen label { min-width: 80px; } .g2-tooltip { position: absolute; background-color: #ffffff; border-radius: 3px; color: #575757; line-height: 20px; padding: 10px 10px 6px 10px !important; box-shadow: 0px 0px 10px #aeaeae; pointer-events: none; text-align: left; z-index: 1000; } .g2-tooltip .g2-tooltip-list { margin: 0; list-style-type: none; } .g2-tooltip .g2-tooltip-value { margin-left: 30px; display: inline; float: right; } .panel-body.notice-page .notice-dtl-box .dtl-header { border-bottom: 1px solid #eee; } .panel-body.notice-page .notice-dtl-box .dtl-content .form-row.item-name i.input-clear { right: 5px; top: 5px; } .setting-page .setting-main { padding-bottom: 0px; } .setting-page .menu-bar .user-head { padding: 20px 30px; } .setting-page .menu-bar .user-head .user-head-img { width: 80px; height: 80px; color: #ffffff; font-size: 12px; box-shadow: rgba(0,0,0,0.05) 0px 1px 5px -1px, rgba(39,40,41,0.1) 0px 6px 24px -2px; border-radius: 100%; position: relative; overflow: hidden; cursor: pointer; } .setting-page .menu-bar .user-head .user-head-img .upload-tips { position: absolute; bottom: 0; display: none; font-size: 0.9em; color: #fff; background: rgba(0,0,0,0.4); width: 100%; height: 26px; text-align: center; line-height: 20px; } .setting-page .menu-bar .user-head .user-head-img:hover .upload-tips { display: block; } .setting-page .menu-bar .user-head .user-head-img img { width: 80px; height: 80px; } .setting-page .menu-bar .user-head .user-head-name { color: #666; font-weight: 400; line-height: 28px; margin-top: 20px; font-size: 1.2em; } .setting-page .menu-bar .user-head .user-head-contact { color: #9199a3; font-size: 14px; line-height: 16px; margin-top: 10px; } .setting-page .menu-bar .menu-item .menu-item-content { padding-left: 20px; } .setting-page .panel-body.base-page .form-row { padding: 3px 30px; padding-right: 5px; width: auto; margin: 1px 0; } .setting-page .panel-body.base-page .form-row .setting-title { height: 30px; line-height: 30px; width: 140px; margin-right: 20px; padding-top: 5px; float: left; position: relative; text-align: right; } .setting-page .panel-body.base-page .form-row .setting-content { float: left; position: relative; width: 70%; padding: 5px; border-radius: 4px; border: 1px solid transparent; } .setting-page .panel-body.base-page .form-row label { margin-right: 10px; display: inline; cursor: pointer; } .setting-page .panel-body.base-page .form-row input[type='checkbox'] { margin-right: 5px; } .setting-page .panel-body.base-page .form-row input[type='radio'] { display: inline-block; margin-right: 5px; cursor: pointer; } .setting-page .panel-body.base-page .form-row .desc { color: #9ba3af; font-style: normal; line-height: 1.6em; } .setting-page .panel-body.base-page .line { height: 1px; overflow: hidden; margin: 10px; border: none; background: none; border-bottom: 1px dotted #e9eaea; } .setting-page .panel-body.base-page .form-row .setting-title { text-align: left; } .setting-page .panel-body.account-page .acc-line { height: 1px; overflow: hidden; border: none; background: none; margin-top: 10px; border-bottom: 1px solid #ddd; } .setting-page .panel-body.account-page .form-row { margin: 0px !important; padding: 0px !important; } .setting-page .panel-body.account-page .form-row input[type='text'], .setting-page .panel-body.account-page .form-row input[type='password'], .setting-page .panel-body.account-page .form-row input[type='number'] { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; height: 28px; width: 260px; color: #444; border-radius: 4px; padding-left: 0.5em; margin-right: 10px; } .setting-page .panel-body.account-page .form-row input[type='text']:hover, .setting-page .panel-body.account-page .form-row input[type='text']:active, .setting-page .panel-body.account-page .form-row input[type='password']:hover, .setting-page .panel-body.account-page .form-row input[type='password']:active, .setting-page .panel-body.account-page .form-row input[type='number']:hover, .setting-page .panel-body.account-page .form-row input[type='number']:active { border-color: #75A1F0; } .setting-page .panel-body.account-page .form-row input[type='text']:focus, .setting-page .panel-body.account-page .form-row input[type='password']:focus, .setting-page .panel-body.account-page .form-row input[type='number']:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .setting-page .panel-body.account-page .form-row input[type='text'].disabled, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true'], .setting-page .panel-body.account-page .form-row input[type='password'].disabled, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true'], .setting-page .panel-body.account-page .form-row input[type='number'].disabled, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true'] { opacity: 0.7; } .setting-page .panel-body.account-page .form-row input[type='text'].disabled:hover, .setting-page .panel-body.account-page .form-row input[type='text'].disabled:active, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true']:hover, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true']:active, .setting-page .panel-body.account-page .form-row input[type='password'].disabled:hover, .setting-page .panel-body.account-page .form-row input[type='password'].disabled:active, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true']:hover, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true']:active, .setting-page .panel-body.account-page .form-row input[type='number'].disabled:hover, .setting-page .panel-body.account-page .form-row input[type='number'].disabled:active, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true']:hover, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true']:active { border-color: #ddd; } .setting-page .panel-body.account-page .form-row input[type='text'].disabled:focus, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true']:focus, .setting-page .panel-body.account-page .form-row input[type='password'].disabled:focus, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true']:focus, .setting-page .panel-body.account-page .form-row input[type='number'].disabled:focus, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .setting-page .panel-body.account-page .acc-row { height: 40px; line-height: 40px; border-bottom: 1px solid #f6f6f6; } .setting-page .panel-body.account-page .user-set .acc-row:hover { background: #f6f6f6; cursor: pointer; } .setting-page .panel-body.account-page .acc-title { height: 24px; line-height: 24px; font-size: 18px; padding-left: 10px; } .setting-page .panel-body.account-page .acc-title:before { content: " "; border-left: 4px solid #1890ff; border-radius: 4px; margin-right: 0.6em; font-size: 0.9em; box-shadow: 0px 1px 4px rgba(24,144,255,0.3); } .setting-page .panel-body.account-page .acc-row-img { height: 65px; line-height: 65px; padding: 10px 0px; } .setting-page .panel-body.account-page .acc-row-img:hover, .setting-page .panel-body.account-page .acc-row-img:active { background: #fff; cursor: normal; } .setting-page .panel-body.account-page .acc-dtl { background: #f6f6f6; padding: 10px 0px; position: relative; } .setting-page .panel-body.account-page .acc-dtl .ccl { position: absolute; right: 20px; top: 10px; cursor: pointer; } .setting-page .panel-body.account-page .acc-dtl .title { height: 40px; line-height: 40px; } .setting-page .panel-body.account-page .acc-row>*, .setting-page .panel-body.account-page .acc-dtl span { display: inline-block; } .setting-page .panel-body.account-page .col-title { display: inline-block; width: 27%; } .setting-page .panel-body.account-page .col-content { display: inline-block; width: 50%; } .setting-page .panel-body.account-page .col-action { display: inline-block; width: 20%; text-align: right; } .setting-page .panel-body.account-page .ml-12 { margin-left: 12px; } .setting-page .panel-body.account-page .pb-v40 { padding-bottom: 40px !important; } .setting-page .panel-body.account-page .icon-img { display: inline-block; width: 35px; height: 35px; vertical-align: middle; } .setting-page .panel-body.account-page .icon-img.icon-img-qq { background: url("../../images/common/icon-sn.png") -80px -25px no-repeat; } .setting-page .panel-body.account-page .icon-img.icon-img-wx { background: url("../../images/common/icon-sn.png") -248px -25px no-repeat; } .setting-page .panel-body.account-page .icon-img.icon-img-gh { background: url("../../images/common/icon-sn.png") -25px -25px no-repeat; } .setting-page .panel-body.account-page .user-check-code input { margin-right: 0px !important; width: 175px !important; } .setting-page .panel-body.account-page .user-check-code img, .setting-page .panel-body.account-page .user-check-code button { cursor: pointer; margin-left: -6px; position: relative; top: -1px; width: 85px; height: 30px; border-radius: 0 2px 2px 0; border: 1px solid #ddd; padding: 0px; } .setting-page .panel-body.account-page .user-header-image { width: 64px; height: 64px !important; border-radius: 50%; padding: 0; overflow: hidden; position: relative; } .setting-page .panel-body.account-page .user-header-image .upload-tips { position: absolute; bottom: 0; display: none; font-size: 0.9em; color: #fff; background: rgba(0,0,0,0.4); width: 100%; height: 26px; text-align: center; line-height: 20px; border-radius: 0 0 64px 64px; } .setting-page .panel-body.account-page .user-header-image img { width: 100%; height: 100%; } .setting-page .panel-body.account-page .user-header-image:hover .upload-tips { display: block; } .setting-page .panel-body.account-page .acc-row, .setting-page .panel-body.account-page .acc-dtl { padding: 10px 10px; } .setting-page .panel-body.account-page .acc-row a, .setting-page .panel-body.account-page .acc-dtl a { color: #63acff; text-decoration: none; border-radius: 3px; padding: 4px 6px; margin-left: -6px; } .setting-page .panel-body.account-page .acc-row a:focus, .setting-page .panel-body.account-page .acc-row a:hover, .setting-page .panel-body.account-page .acc-row a:active, .setting-page .panel-body.account-page .acc-dtl a:focus, .setting-page .panel-body.account-page .acc-dtl a:hover, .setting-page .panel-body.account-page .acc-dtl a:active { color: #0086E5; background: #def; } .setting-page .panel-body.account-page .acc-row .font-icon, .setting-page .panel-body.account-page .acc-dtl .font-icon { color: #aaa; width: 30px; display: inline-block; vertical-align: text-top; } .setting-page .panel-body.account-page .acc-row .close-item:before, .setting-page .panel-body.account-page .acc-dtl .close-item:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb99"; width: 30px; height: 30px; line-height: 30px; background: #fff; border-radius: 2px; display: block; } .setting-page .panel-body.account-page .acc-row .close-item:hover:before, .setting-page .panel-body.account-page .acc-dtl .close-item:hover:before { background: #def; } .setting-page .panel-body.account-page .vert-top { vertical-align: top; } .setting-page .panel-body.account-page .acc-row .desc tip { color: #aaa; } .setting-page .panel-body.theme-page .tab-group-line, .setting-page .panel-body.wall-page .tab-group-line { margin: 5px 0px 20px; } .setting-page .panel-body.theme-page .randomImage, .setting-page .panel-body.wall-page .randomImage { width: 25px; height: 25px; margin-left: 15px; cursor: pointer; } .setting-page .panel-body.theme-page .panel-title, .setting-page .panel-body.wall-page .panel-title { margin: 0px !important; padding: 0px !important; border: 0px !important; font-size: 1.1em; color: inherit; } .setting-page .panel-body.theme-page .setting-title, .setting-page .panel-body.wall-page .setting-title { width: 32px; margin-right: 10px; } .setting-page .panel-body.theme-page .setting-content .input-title-right, .setting-page .panel-body.wall-page .setting-content .input-title-right { margin-top: -2px; padding: 0px 0.7em; } .setting-page .panel-body.theme-page .color-default, .setting-page .panel-body.wall-page .color-default { position: absolute; left: 500px; top: 28px; margin-top: 43px; width: 325px; border-radius: 6px; box-shadow: 0 0 20px #ddd inset; } .setting-page .panel-body.theme-page .color-default .color-list, .setting-page .panel-body.wall-page .color-default .color-list { width: 50px; height: 50px; float: left; margin: 7px; cursor: pointer; box-shadow: 0 0 10px #ddd; border-radius: 50%; } .setting-page .panel-body.theme-page .color-default .color-list:hover, .setting-page .panel-body.theme-page .color-default .color-list:active, .setting-page .panel-body.wall-page .color-default .color-list:hover, .setting-page .panel-body.wall-page .color-default .color-list:active { box-shadow: 0 0 10px rgba(0,0,0,0.5); } .setting-page .panel-body.theme-page .savebox, .setting-page .panel-body.wall-page .savebox { border-top: 1px solid #eee; margin-bottom: 10px; } .setting-page .panel-body.theme-page .savebox a.save, .setting-page .panel-body.wall-page .savebox a.save { margin-left: 5px; margin-top: 5px; padding: 4px 20px; } .setting-page .panel-body.theme-page .section, .setting-page .panel-body.wall-page .section { margin-right: -10px; } .setting-page .panel-body.theme-page .section .box, .setting-page .panel-body.wall-page .section .box { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin-right: 20px; margin: 0 auto; } .setting-page .panel-body.theme-page .section .box .flex-list, .setting-page .panel-body.wall-page .section .box .flex-list { float: left; width: 120px; height: 0px; margin-right: 10px; margin-bottom: 0; } .setting-page .panel-body.theme-page .section .box .list, .setting-page .panel-body.wall-page .section .box .list { float: left; width: 120px; height: 80px; margin-right: 10px; margin-bottom: 15px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.3); cursor: pointer; border-radius: 3px; position: relative; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .setting-page .panel-body.theme-page .section .box .list.list-add, .setting-page .panel-body.wall-page .section .box .list.list-add { text-align: center; line-height: 20px; color: #ccc; opacity: 0.9; } .setting-page .panel-body.theme-page .section .box .list.list-add .font-icon, .setting-page .panel-body.wall-page .section .box .list.list-add .font-icon { font-size: 40px; padding: 0px; margin-top: 30px; } .setting-page .panel-body.theme-page .section .box .list .item-remove, .setting-page .panel-body.wall-page .section .box .list .item-remove { position: absolute; right: 6px; top: 6px; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: rgba(60,60,60,0.3); text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; right: -50px; } .setting-page .panel-body.theme-page .section .box .list.listhover .item-remove, .setting-page .panel-body.wall-page .section .box .list.listhover .item-remove { right: 6px; background: #f30; } .setting-page .panel-body.theme-page .section .box .list .ico, .setting-page .panel-body.wall-page .section .box .list .ico { width: 100%; height: 100%; margin: 0; text-align: center; overflow: hidden; border-radius: 3px; } .setting-page .panel-body.theme-page .section .box .list .info, .setting-page .panel-body.wall-page .section .box .list .info { text-align: center; color: #fff; height: 24px; line-height: 24px; border-top: 1px solid rgba(0,0,0,0.1); background: rgba(0,0,0,0.2); overflow: hidden; position: absolute; bottom: 0px; width: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 0 0 3px 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .setting-page .panel-body.theme-page .section .box .list .item-select, .setting-page .panel-body.wall-page .section .box .list .item-select { position: absolute; right: 6px; top: 6px; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: rgba(60,60,60,0.3); text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; right: -50px; } .setting-page .panel-body.theme-page .section .box .list .ico img, .setting-page .panel-body.wall-page .section .box .list .ico img { width: 100%; height: 100%; } .setting-page .panel-body.theme-page .section .box .list.this, .setting-page .panel-body.wall-page .section .box .list.this { box-shadow: 0 2px 10px rgba(24,144,255,0.55); } .setting-page .panel-body.theme-page .section .box .list.this .item-select, .setting-page .panel-body.wall-page .section .box .list.this .item-select { right: 6px; background: #1890ff; } .setting-page .panel-body.theme-page .section .box .list.this .info, .setting-page .panel-body.wall-page .section .box .list.this .info { color: #ffffff; border-color: #1890ff; background: #1890ff; } .setting-page .panel-body.theme-page .section .box .list.listhover .item-select, .setting-page .panel-body.wall-page .section .box .list.listhover .item-select { right: 6px; } .setting-page .panel-body.theme-page .section .box .list.listhover .info, .setting-page .panel-body.wall-page .section .box .list.listhover .info { background: #1890ff; border-color: #1890ff; } .setting-page .panel-body.theme-page .section .content, .setting-page .panel-body.wall-page .section .content { word-break: break-all; color: #448; margin-bottom: 20px; } .setting-page .panel-body.theme-page .section .content h2, .setting-page .panel-body.wall-page .section .content h2 { border-bottom: 1px dashed #eef; padding-bottom: 5px; margin-bottom: 5px; font-weight: 400; font-size: 1.25em; } .setting-page .panel-body.theme-page .section .content p, .setting-page .panel-body.wall-page .section .content p { margin-left: 5px; text-indent: 2em; margin-bottom: 8px; color: #666; font-size: 1em; -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; width: 100%; } .setting-page .panel-body.theme-page .section .content .box, .setting-page .panel-body.wall-page .section .content .box { color: #555; clear: both; color: #666; } .setting-page .panel-body.theme-page .section .content .box .title, .setting-page .panel-body.wall-page .section .content .box .title { color: #444; border-bottom: 1px dashed #ddd; width: 100%; font-size: 21px; margin-bottom: 10px; margin-top: 10px; } .setting-page .panel-body.theme-page .section .content .box .title span, .setting-page .panel-body.wall-page .section .content .box .title span { border-bottom: 1px solid #aaa; display: inline-block; margin-bottom: -1px; text-align: center; padding: 5px 10px; float: none; width: auto; } .setting-page .panel-body.theme-page .section .content .box p, .setting-page .panel-body.wall-page .section .content .box p { line-height: 1.7em; text-indent: 2em; padding: 3px; margin: 0; } .setting-page .panel-body.theme-page .section .content .box p b, .setting-page .panel-body.wall-page .section .content .box p b { padding-right: 8px; } .setting-page .panel-body.theme-page .section .content .box p i, .setting-page .panel-body.wall-page .section .content .box p i { padding-right: 10px; } .setting-page .panel-body.theme-page .btn, .setting-page .panel-body.wall-page .btn { padding: 4px 12px; border-radius: 3px; box-sizing: content-box; vertical-align: top; } .setting-page .panel-body.theme-page .wall-desktop .theme-bg-image, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image { display: flex; width: 100%; } .setting-page .panel-body.theme-page .wall-desktop .theme-bg-image .setting-content, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content { flex: 1; width: auto; } .setting-page .panel-body.theme-page .wall-desktop .theme-bg-image .setting-content input, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content input { width: 60% !important; margin-right: -5px; border-radius: 3px 0px 0px 3px; } .setting-page .panel-body.theme-page .wall-desktop .theme-bg-image .setting-content button, .setting-page .panel-body.wall-page .wall-desktop .theme-bg-image .setting-content button { border-radius: 0px 3px 3px 0px; } .setting-page .panel-body.theme-page .wall-desktop-mgt .section .box .list.listhover.list-add, .setting-page .panel-body.theme-page .wall-login-mgt .section .box .list.listhover.list-add, .setting-page .panel-body.wall-page .wall-desktop-mgt .section .box .list.listhover.list-add, .setting-page .panel-body.wall-page .wall-login-mgt .section .box .list.listhover.list-add { box-shadow: 1px 3px 6px rgba(0,0,0,0.3); } .setting-page .panel-body.theme-page .wall-desktop-mgt .section .box .list.listhover .info, .setting-page .panel-body.theme-page .wall-login-mgt .section .box .list.listhover .info, .setting-page .panel-body.wall-page .wall-desktop-mgt .section .box .list.listhover .info, .setting-page .panel-body.wall-page .wall-login-mgt .section .box .list.listhover .info { background: rgba(255,51,0,0.1); border-color: rgba(255,51,0,0.1); } .setting-page .panel-body.user-safe-page .dialog-tab.tab-group-line { margin: 5px 0px 10px; } .setting-page .panel-body.user-stats-page .user-stats-content.container { width: 100%; padding: 0px; } .setting-page .panel-body.user-stats-page .user-stats-content.container>div { padding: 0px; } .setting-page .panel-body.user-stats-page .opt-header { height: 40px; line-height: 40px; margin-bottom: 10px; } .setting-page .panel-body.user-stats-page .opt-header .title { font-size: 14px; color: rgba(0,0,0,0.65); } .setting-page .panel-body.user-stats-page .opt-header .desc { font-size: 12px; padding-left: 5px; color: #aaa; } .setting-page .panel-body.user-stats-page .chart-box .chart-content { margin: 40px 0px 20px; min-height: 360px; } .setting-page .panel-body.user-stats-page .log-box .file-panel { position: static; margin-top: 0px; min-height: 385px; } .setting-page .panel-body.user-stats-page .log-box .file-panel .content { position: absolute; bottom: 40px; top: 50px; left: 0px; right: 0px; } .setting-page .panel-body.user-stats-page .log-box .file-panel .content .content-header { display: none; } .setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item { margin-left: 50px; } .setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item .time-show { position: absolute; right: 10px; line-height: 25px; } .setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item .item.title-show { padding: 4px 0px 3px 4px; background: rgba(0,0,0,0.03); border-radius: 4px; } .setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item .item-desc { padding: 2px 0 0 2px; } .setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-page { position: absolute; bottom: 0px; margin: 0px; padding: 0px; right: 0px; } .setting-page .panel-body.user-stats-page .log-box .file-panel .panel-log .list-page .my-page-box .page-select { position: initial; } .panel-body.member-page { padding-left: 0px !important; } .panel-body.member-page .tree-user-group-toggle { display: none; } .panel-body.member-page .menu-show-mask { display: none; } .panel-body.member-page .page-box { display: flex; } .panel-body.member-page .page-box .frame-left { width: 200px; border-right: 1px solid #eee; z-index: 100; background: #fff; } .panel-body.member-page .page-box .frame-left .group-list-tree>li { margin-bottom: 80px; } .panel-body.member-page .page-box .frame-right { min-width: auto; } .panel-body.member-page .page-box .frame-right .header-content { position: relative; } .panel-body.member-page .page-box .frame-right .group-title .group-title-span { border-bottom: 2px solid; padding-bottom: 3px; text-decoration: none; color: #428bca; font-size: 1.5em; } .panel-body.member-page .page-box .frame-right .group-title .label-info { color: #698ebf; background: #E9F3F9; font-weight: 400; font-size: 0.9em; } .panel-body.member-page .page-box .frame-right .group-title .group-size { position: absolute; margin-left: 10px; border-radius: 2px; font-size: 0.9em; background-color: #f6f6f6; padding: 5px 10px 0px; bottom: 1px; } .panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar { width: 110px; } .panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar .space-process { width: 110px; height: 6px; overflow: hidden; background-color: #ddd; margin: 0px; border-radius: 5px; } .panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar .space-process .space-process-use { width: 20%; height: 100%; transition: all 0.2s; background-color: #428bca; border-radius: 5px; } .panel-body.member-page .page-box .frame-right .search-user { position: absolute; right: 10px; bottom: 0px; } .panel-body.member-page .page-box .frame-right .search-user .btn-search { padding: 7px 8px 7px 8px; margin-top: 1px; border: none; border-left: 1px solid #ddd; border-radius: 0 2px 2px 0; color: #888; position: absolute; right: 1px; top: 0px; } .panel-body.member-page .page-box .frame-right .search-user .btn-close { position: absolute; top: 0px; right: 40px; width: 20px; height: 20px; line-height: 20px; margin-top: 5px; padding: 0; border-radius: 50%; border: none; color: #ff4d4f; } .panel-body.member-page .page-box .frame-right .search-user .btn-close:hover, .panel-body.member-page .page-box .frame-right .search-user .btn-close:active { background: #eee; } .panel-body.member-page .page-box .frame-right .search-user input { height: 30px; border-radius: 2px; border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; padding: 0px 50px 0px 5px; } .panel-body.member-page .page-box .frame-right .search-user input:hover, .panel-body.member-page .page-box .frame-right .search-user input:active { border-color: #75A1F0; } .panel-body.member-page .page-box .frame-right .search-user input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .panel-body.member-page .page-box .frame-right .search-user input.disabled, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true'] { opacity: 0.7; } .panel-body.member-page .page-box .frame-right .search-user input.disabled:hover, .panel-body.member-page .page-box .frame-right .search-user input.disabled:active, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true']:hover, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true']:active { border-color: #ddd; } .panel-body.member-page .page-box .frame-right .search-user input.disabled:focus, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .panel-body.member-page .page-box .frame-right .user-toolbar { background: #eee; padding: 7px 0px; border-bottom: 1px solid #ddd; } .panel-body.member-page .page-box .frame-right .user-toolbar .dropdown-menu { min-width: 100px; } .panel-body.member-page .page-box .frame-right .list-table .list-row:hover, .panel-body.member-page .page-box .frame-right .list-table .list-row:active, .panel-body.member-page .page-box .frame-right .list-table .list-row.selected { background: #e5f3ff; cursor: default; } .panel-body.member-page .page-box .frame-right .list-table .list-row.unuse { opacity: 0.3; filter: alpha(opacity=30); } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col { min-width: 20px; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col .label { color: #000; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col .label .path-ico { margin-bottom: -2px; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.name { min-width: 120px; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.role { min-width: 70px; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.role .label { padding: 0px; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.group .label { border: 1px solid #eee; margin: 1px 2px 1px 0px; border-radius: 1em; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.avatar span { width: 26px; height: 26px; display: inline-block; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.avatar span img { width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,0.2); } .panel-body.member-page { height: 100%; overflow: hidden !important; padding: 0 !important; } .panel-body.member-page .page-box { position: relative; height: 100%; } .panel-body.member-page .page-box .frame-left { position: absolute; overflow: hidden; } .panel-body.member-page .page-box .frame-left>.group-list-tree { position: relative; height: 100%; padding-top: 0px; } .panel-body.member-page .page-box .frame-left>.left-menu-footer { position: absolute; bottom: 0px; z-index: 10; width: 100%; font-size: 0.9em; border-top: 1px solid #fafafa; } .panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user { height: 32px; line-height: 32px; margin: 0px; text-indent: 8px; padding-left: 5px; overflow: hidden; cursor: pointer; display: block; transition: all 0.16s ease 0s; color: #666; background: #fdfdfd; position: relative; } .panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user>i, .panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user>span { vertical-align: middle; } .panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user.select { color: #1890ff; background: #e6f7ff; border-right: 3px solid #1890ff; } .panel-body.member-page .page-box .drag-resize { z-index: 110; } .panel-body.member-page .page-box .frame-right { padding: 15px 0; position: absolute; border-left: none; } .panel-body.member-page .page-box .frame-right .user-list-content { position: absolute; left: 0px; right: 10px; top: 60px; bottom: 0px; } .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable>.content { position: absolute; left: 0px; right: 0px; top: 41px; bottom: 40px; } .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable>.footerbar { position: absolute; bottom: 5px; width: 100%; } .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable .list-row.title { background: #fafafa; } .panel-body.member-page .page-box .frame-right div.btn-group-sm>.btn { padding: 6px 10px; } .panel-body.job-page .kodTable .list-row.selected, .panel-body.auth-page .kodTable .list-row.selected, .panel-body.role-page .kodTable .list-row.selected { background: #e5f3ff; cursor: default; } .panel-body.job-page .kodTable .list-row .list-col.name .label, .panel-body.auth-page .kodTable .list-row .list-col.name .label, .panel-body.role-page .kodTable .list-row .list-col.name .label { color: #000; padding: 0px; } .panel-body.job-page .kodTable .list-row .list-col.name .label .path-ico, .panel-body.auth-page .kodTable .list-row .list-col.name .label .path-ico, .panel-body.role-page .kodTable .list-row .list-col.name .label .path-ico { margin-bottom: -2px; } .panel-body.job-page .kodTable .list-row .list-col.name .label span, .panel-body.auth-page .kodTable .list-row .list-col.name .label span, .panel-body.role-page .kodTable .list-row .list-col.name .label span { margin-left: 3px; } .panel-body.job-page .kodTable .list-row .list-col.attr-label span, .panel-body.auth-page .kodTable .list-row .list-col.attr-label span, .panel-body.role-page .kodTable .list-row .list-col.attr-label span { margin: 1px 2px 1px 0px; } .aui-dialog a.home-path.font-icon-label, .member-page a.font-icon-label { color: #698ebf; font-size: 15px; width: 35px; padding: 5px 0 2px 0; text-decoration: none; display: inline-block; text-align: center; border-radius: 3px; background: #E9F3F9; position: relative; top: -2px; } .aui-dialog a.home-path.font-icon-label:hover, .aui-dialog a.home-path.font-icon-label:active, .member-page a.font-icon-label:hover, .member-page a.font-icon-label:active { background: #698ebf; color: #fff; } .aui-dialog a.home-path.font-icon-label>i, .member-page a.font-icon-label>i { vertical-align: text-bottom; } .artDialog a.home-path.font-icon-label { height: 22px; line-height: 22px; } .artDialog.form-box-title-block a.home-path.font-icon-label { height: 21px; line-height: 21px; position: absolute; top: 1px; right: 1px; } .aui-dialog .item-fileList { height: 25px; } .aui-dialog .item-fileList .upload-list { padding: 4px 6px; border-radius: 2px; border: 1px solid transparent; display: inline-block; margin-top: -10px; } .aui-dialog .item-fileList .upload-list:hover, .aui-dialog .item-fileList .upload-list:active { background: #e6f7ff; } .aui-dialog .item-fileList .upload-list .item-list { display: inline-block; width: 300px; color: #747474; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 4px; } .aui-dialog .item-fileList .upload-list .item-remove { cursor: pointer; color: #ccc; margin-top: -10px; } .aui-dialog .item-fileList .upload-list .item-remove:hover, .aui-dialog .item-fileList .upload-list .item-remove:active { color: #ff4d4f; } .panel-body.member-page .page-box .frame-left .select-search { position: relative; z-index: 99; margin-top: 0px; padding: 8px 8px; border-bottom: 1px solid #f3f3f3; background: #fff; } .panel-body.member-page .page-box .frame-left .select-search input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; width: 100%; height: 26px; box-sizing: border-box; box-shadow: none; border-radius: 3px; display: inline-block; color: #444; padding-left: 0.5em; margin-right: 10px; } .panel-body.member-page .page-box .frame-left .select-search input:hover, .panel-body.member-page .page-box .frame-left .select-search input:active { border-color: #75A1F0; } .panel-body.member-page .page-box .frame-left .select-search input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .panel-body.member-page .page-box .frame-left .select-search input.disabled, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true'] { opacity: 0.7; } .panel-body.member-page .page-box .frame-left .select-search input.disabled:hover, .panel-body.member-page .page-box .frame-left .select-search input.disabled:active, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true']:hover, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true']:active { border-color: #ddd; } .panel-body.member-page .page-box .frame-left .select-search input.disabled:focus, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .panel-body.member-page .page-box .frame-left .select-search input:hover, .panel-body.member-page .page-box .frame-left .select-search input:active { border-color: #75A1F0; } .panel-body.member-page .page-box .frame-left .select-search:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0d1"; position: absolute; right: 15px; top: 13px; width: 18px; height: 18px; font-size: 14px; color: #ddd; background: #fff; } .panel-body.member-page .page-box .frame-left .select-search .search-clear { display: none; position: absolute; right: 15px; top: 12px; background: #eee; font-size: 10px; cursor: pointer; text-align: center; color: #aaa; width: 18px; height: 18px; line-height: 18px; padding: 0; z-index: 10; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .panel-body.member-page .page-box .frame-left .select-search .search-clear:hover, .panel-body.member-page .page-box .frame-left .select-search .search-clear:active { color: #fff; background: #ff4d4f; } .panel-body.member-page .page-box .frame-left .search-match { font-weight: inherit; background: #ffe58f; padding: 3px 0; border-radius: 2px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item { border: none; position: relative; padding-left: 0; margin: 0; height: 26px; line-height: 26px; border-radius: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item:hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item.hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item:active { margin: 0; border-radius: 0; color: #3a96ff; background: #eee; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this { background: #edf5ff; height: 26px; line-height: 26px; color: #3a96ff; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this .check-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this:hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this.hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this:active { background: #badaff; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item:hover .item-select, .panel-body.member-page .page-box .frame-left .group-list-search .search-item:active .item-select { display: block; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this .item-select { display: block; color: #3b8cff; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .item-select { display: none; position: absolute; right: 10px; top: 3px; font-size: 14px; width: 14px; height: 14px; text-align: center; cursor: pointer; z-index: 50; padding: 2px; border-radius: 50%; color: #ddd; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .check-icon { float: right; color: #fff; font-size: 12px; text-align: center; width: 15px; height: 15px; line-height: 15px; padding: 0; margin-top: 5px; margin-right: 5px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .check-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eb7b"; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico { width: 18px; height: 18px; line-height: 18px; font-size: 20px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico .font-icon { font-size: 18px; opacity: 0.5; } .panel-body.member-page .page-box .frame-left .group-list-search { height: 100%; position: relative; } .panel-body.member-page .page-box .frame-left .group-list-search .inner-box { position: relative; margin-bottom: 77px; padding-bottom: 35px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item { cursor: pointer; padding-left: 10px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico { padding-right: 8px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-no-result { width: 100%; position: absolute; text-align: center; margin-top: 30px; color: #ccc; font-size: 0.9em; } .panel-body.member-page .page-box .frame-left .group-list-search .search-no-result:before { display: block; font-size: 100px; padding-left: 5px; text-shadow: 0 0 5px #fff; } .panel-body.member-page .page-box .frame-left .group-list-search .search-no-result:before:before { content: "\e604" !important; font-family: "kod-svg-font" !important; } .panel-body.member-page .page-box .frame-left .group-list-search .search-result-info { text-align: center; width: 60%; margin: 10px auto; line-height: 24px; color: #aaa; border-radius: 20px; background: #f8f8f8; } .panel-body.member-page .page-box .frame-left .path-ico img { width: 100%; height: 100%; border-radius: 50%; top: -5px; position: relative; } .panel-body.member-page .page-box .frame-left .group-list-tree li a.tree-node .path-ico img { top: -2px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico img { top: 0px; } .panel-body.member-page .page-box .frame-left.select-user .group-list-tree li a.node-item-group .item-select { display: none !important; } .form-box .form-row.form-row-auth-check { border-bottom: 1px dotted #fcfcfc; } .form-box .form-row.form-row-auth-check .setting-content:after { border-bottom: 1px dotted #eee; content: " "; display: block; height: 0; } .form-box .form-row.form-row-auth-check label { min-width: 110px; padding: 0px 8px 0px 8px; margin-right: 5px; border-radius: 15px; display: inline-block; background: #fafafa; height: 25px; line-height: 25px; border: 1px solid #f8f8f8; } .form-box .form-row.form-row-auth-check label input { border-radius: 10px; } .form-box .form-row.form-row-auth-check label input:checked:after { border-radius: 50%; } .form-box .form-row.form-row-auth-check label:hover, .form-box .form-row.form-row-auth-check label:active { background: #e6f7ff; border-color: #cdefff; } .form-role-dialog .form-row.item-auth label, .form-auth-dialog .form-row.item-auth label { margin-right: 0; display: block; text-indent: -22px; padding-left: 22px; } .form-role-dialog .info-alert, .form-auth-dialog .info-alert { display: none; } .form-role-dialog .role-system .info-alert, .form-role-dialog .auth-system .info-alert, .form-auth-dialog .role-system .info-alert, .form-auth-dialog .auth-system .info-alert { display: block; } .form-role-dialog .role-system .form-row.item-auth, .form-role-dialog .role-system .form-row.form-row-auth-check, .form-role-dialog .role-system .form-row.item-all .setting-content, .form-role-dialog .auth-system .form-row.item-auth, .form-role-dialog .auth-system .form-row.form-row-auth-check, .form-role-dialog .auth-system .form-row.item-all .setting-content, .form-auth-dialog .role-system .form-row.item-auth, .form-auth-dialog .role-system .form-row.form-row-auth-check, .form-auth-dialog .role-system .form-row.item-all .setting-content, .form-auth-dialog .auth-system .form-row.item-auth, .form-auth-dialog .auth-system .form-row.form-row-auth-check, .form-auth-dialog .auth-system .form-row.item-all .setting-content { opacity: 0.6; } .app-content .app-list .app-li .icon { background-image: linear-gradient(to bottom,#def 0,#fff 100%); border-radius: 4px; } .app-content .app-list .app-li .icon .path-ico, .app-content .app-list .app-li .icon .font-icon { width: 70px; height: 70px; padding-top: 10px; } .app-content .app-list .app-li .icon .x-font-icon, .app-content .app-list .app-li .icon .font-icon-words { width: 50px; height: 50px; line-height: 50px; font-size: 36px; text-align: center; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to 164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 10px; display: inline-block; border-radius: 12px; color: #fff; } .app-content .app-list .app-li .icon .x-font-icon { font-size: 42px; } .app-content .app-list .app-li .icon .x-item-icon { margin-top: 10px; } .app-content .app-list .app-li .icon .font-icon-words { margin-top: 20px; } .admin-page .admin-main .panel-body.plugin-page { padding: 0; } .panel-body.plugin-page .app-toolbar { padding: 10px 10px 0 10px; position: relative; } .panel-body.plugin-page .app-toolbar .cat { height: 32px; line-height: 32px; } .panel-body.plugin-page .app-toolbar .panel-tab { display: inline-block; position: relative; width: 100%; border-bottom: 1px solid #eee; padding: 0; margin: 0px 10px 5px 0px; } .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item { float: left; color: #666; cursor: pointer; position: relative; border-bottom: 3px solid transparent; padding: 8px 8px; margin: 5px 1px -2px 0; border-radius: 3px 3px 0 0; } .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item .font-icon { padding-right: 5px; font-size: 0.9em; opacity: 0.5; display: none; } .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item:hover { color: #1890ff; border-color: #eee; background: #f6f6f6; } .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item.active { color: #1890ff; border-bottom: 3px solid #1890ff; } .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-line { background: #ccc; display: inline-block; width: 1px; height: 15px; margin: 12px 10px 0 0px; float: left; } .panel-body.plugin-page .app-toolbar .panel-tab .badge-tag-update { margin: 0; z-index: 9; right: -3px; top: -8px; padding: 0 3px; } .panel-body.plugin-page .app-toolbar .update-all { position: absolute; right: 200px; bottom: 5px; } .panel-body.plugin-page .app-toolbar .search-box { position: absolute; top: -70px; right: -10px; } .panel-body.plugin-page .app-toolbar .search-box .btn-search { padding: 6px 10px; margin-top: 1px; border: none; border-left: 1px solid #ddd; border-radius: 0 2px 2px 0; color: #888; display: inline-block; position: absolute; right: 2px; top: 0; } .panel-body.plugin-page .app-toolbar .search-box .btn-close { position: absolute; right: 50px; top: 2px; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-top: 5px; padding: 0; border-radius: 50%; border: none; color: #ff4d4f; } .panel-body.plugin-page .app-toolbar .search-box .btn-close:hover, .panel-body.plugin-page .app-toolbar .search-box .btn-close:active { background: #eee; } .panel-body.plugin-page .app-toolbar .search-box input { height: 30px; border-radius: 2px; border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; padding: 0px 50px 0px 5px; } .panel-body.plugin-page .app-toolbar .search-box input:hover, .panel-body.plugin-page .app-toolbar .search-box input:active { border-color: #75A1F0; } .panel-body.plugin-page .app-toolbar .search-box input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .panel-body.plugin-page .app-toolbar .search-box input.disabled, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true'] { opacity: 0.7; } .panel-body.plugin-page .app-toolbar .search-box input.disabled:hover, .panel-body.plugin-page .app-toolbar .search-box input.disabled:active, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true']:hover, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true']:active { border-color: #ddd; } .panel-body.plugin-page .app-toolbar .search-box input.disabled:focus, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .panel-body.plugin-page .app-descript { padding: 5px; } .panel-body.plugin-page .app-descript .dtl-header { padding: 0px 0 5px 0; } .panel-body.plugin-page .app-descript .dtl-header .kui-btn { position: relative; z-index: 2; } .panel-body.plugin-page .app-descript .dtl-header .name { color: #0086E5; font-size: 18px; font-weight: 800; text-align: center; margin-left: 200px; position: relative; top: -30px; } .panel-body.plugin-page .app-descript h1, .panel-body.plugin-page .app-descript h2, .panel-body.plugin-page .app-descript h3, .panel-body.plugin-page .app-descript h4, .panel-body.plugin-page .app-descript h5, .panel-body.plugin-page .app-descript .h1, .panel-body.plugin-page .app-descript .h2, .panel-body.plugin-page .app-descript .h3, .panel-body.plugin-page .app-descript .h4, .panel-body.plugin-page .app-descript .h5 { border-bottom: 1px solid #ddd; padding: 0.5em 0; } .panel-body.plugin-page .app-descript .dropdown-menu .font-icon { padding-right: 5px; } .panel-body.plugin-page .app-descript .left-content { width: 150px; float: left; padding: 15px; margin: 10px 0 50px 0; background: #fafdff; color: #888; border: 1px solid #eee; } .panel-body.plugin-page .app-descript .left-content .icon { height: 90px; background-color: rgba(0,0,0,0.001); } .panel-body.plugin-page .app-descript .left-content .icon .path-ico, .panel-body.plugin-page .app-descript .left-content .icon .path-ico .font-icon { width: 100%; height: 100%; } .panel-body.plugin-page .app-descript .left-content .icon img { max-width: 100%; max-height: 100%; border-radius: 10px; } .panel-body.plugin-page .app-descript .left-content .icon .content { width: 80px; height: 80px; padding: 10px; margin: 0 auto; } .panel-body.plugin-page .app-descript .left-content .icon .content .font-icon { width: 55px; height: 55px; line-height: 52px; font-size: 40px; text-align: center; background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 1px; display: inline-block; border-radius: 12px; color: #fff; } .panel-body.plugin-page .app-descript .left-content .icon .content .font-icon.words { font-size: 26px; font-weight: 800; text-shadow: 0 0 5px rgba(255,255,255,0.8); } .panel-body.plugin-page .app-descript .left-content .btn { margin: 10px 0 0; width: 80px; height: 20px; } .panel-body.plugin-page .app-descript .left-content .btn.dropdown-toggle { width: 20px; margin-left: -1px; height: 20px; } .panel-body.plugin-page .app-descript .left-content .app-title { text-align: center; color: #555; padding: 15px 10px 0 10px; } .panel-body.plugin-page .app-descript .left-content .line { border-bottom: 1px solid #eee; margin: 10px 0; } .panel-body.plugin-page .app-descript .left-content .title { color: #444; font-weight: 800; padding: 10px 0 3px 15px; } .panel-body.plugin-page .app-descript .left-content .p { padding: 0 0 0 15px; } .panel-body.plugin-page .app-descript .right-content { padding-left: 200px; } .panel-body.plugin-page .app-descript .right-content .description { padding: 10px 0 20px 15px; line-height: 1.6em; word-break: break-all; } .panel-body.plugin-page .app-descript .right-content .sliders { margin: 5px 0 30px 20px; padding: 0; } .panel-body.plugin-page .app-descript .right-content .carousel-indicators { bottom: -40px !important; } .panel-body.plugin-page .app-descript .right-content .carousel-indicators li { border-color: #ccc; } .panel-body.plugin-page .app-descript .right-content .carousel-indicators .active { background: #2196F3; border-color: #2865e2; background: linear-gradient(to right,#44abf6,#2865e2); } .panel-body.plugin-page .app-descript .right-content .glyphicon { font-size: 50px; margin-top: -30px !important; border-radius: 50%; } .panel-body.plugin-page .app-descript .right-content .carousel-control { background: rgba(0,0,0,0.001) !important; width: 20%; } .panel-body.plugin-page .app-descript .right-content .carousel-control:hover .glyphicon { background: rgba(0,0,0,0.3); } .panel-body.plugin-page .app-descript .right-content .carousel-inner { width: 100%; text-align: center; } .panel-body.plugin-page .app-descript .right-content .carousel-inner .item { height: 350px; line-height: 350px; width: 100%; } .panel-body.plugin-page .app-descript .right-content .carousel-inner .item img, .panel-body.plugin-page .app-descript .right-content .carousel-inner .item a img { margin: 0 auto; max-width: 100%; max-height: 100%; display: inline; box-shadow: 0 1px 5px rgba(0,0,0,0.4); } .panel-body.plugin-page .app-descript .progress { background: #def; margin: 10px 0; position: relative; } .panel-body.plugin-page .app-descript .progress .progress-bar { border-bottom: 4px solid #2196F3; border-radius: 0; } .panel-body.plugin-page .app-content { margin: 10px 5px; } .panel-body.plugin-page .app-content .app-model { padding: 0; } .panel-body.plugin-page .app-content .app-list { margin-top: 10px; margin-right: -15px; padding: 10px 0 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0px; padding-top: 0px; } .panel-body.plugin-page .app-content .app-list .flex-empty { margin: 0 15px 1px 0; width: 140px; height: 1px; } .panel-body.plugin-page .app-content .app-list .app-li { list-style: none; cursor: pointer; text-align: center; float: left; margin: 0 15px 20px 0; width: 140px; height: 200px; background: #f5faff; color: #2196F3; border: 1px solid #d2d7dc; position: relative; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; border-radius: 4px; background: none; border: 1px solid #dee5e7; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .panel-body.plugin-page .app-content .app-list .app-li:hover, .panel-body.plugin-page .app-content .app-list .app-li:active { background: #fff; box-shadow: 0px 20px 100px rgba(0,0,0,0.1), 0px 20px 30px rgba(0,0,0,0.05); } .panel-body.plugin-page .app-content .app-list .app-li .price-label { position: absolute; top: 10px; right: -1px; border-radius: 0; line-height: 24px; height: 24px; padding: 0 10px; box-shadow: -3px 2px 5px rgba(0,0,0,0.3); } .panel-body.plugin-page .app-content .app-list .app-li .price-label.label:before { position: absolute; top: 0; left: -14px; content: " "; height: 0; width: 0; border: #f0ad4e 12px solid; border-left-color: transparent; } .panel-body.plugin-page .app-content .app-list .app-li .price-label.label-warning { background: #ff9800; } .panel-body.plugin-page .app-content .app-list .app-li .price-label.label-warning.label:before { border-color: #ff9800; border-left-color: transparent; } .panel-body.plugin-page .app-content .app-list .app-li .price-label.label-success { background: #00a854; } .panel-body.plugin-page .app-content .app-list .app-li .price-label.label-success.label:before { border-color: #00a854; border-left-color: transparent; } .panel-body.plugin-page .app-content .app-list .app-li .flag-box { overflow: hidden; position: absolute; right: 0; width: 60px; height: 60px; } .panel-body.plugin-page .app-content .app-list .app-li .flag { position: absolute; top: 10px; right: -28px; width: 100px; height: 22px; line-height: 22px; box-shadow: 0 1px 5px rgba(0,0,0,0.2); color: #fff; overflow: hidden; text-overflow: ellipsis; transform: rotate(45deg); } .panel-body.plugin-page .app-content .app-list .app-li .text { height: 50px; } .panel-body.plugin-page .app-content .app-list .app-li .name { color: #444; font-weight: 800; margin: 10px 5px 0; max-height: 32px; overflow: hidden; } .panel-body.plugin-page .app-content .app-list .app-li .copyright { color: #aaa; max-height: 32px; overflow: hidden; } .panel-body.plugin-page .app-content .app-list .app-li .icon { height: 90px; background-image: linear-gradient(to bottom,#def 0,#fff 100%); } .panel-body.plugin-page .app-content .app-list .app-li .icon img { max-width: 100%; max-height: 100%; width: 72px; border-radius: 10%; } .panel-body.plugin-page .app-content .app-list .app-li .icon .content { width: 80px; height: 80px; padding: 10px; margin: 0 auto; } .panel-body.plugin-page .app-content .app-list .app-li .icon .content .font-icon { width: 55px; height: 55px; line-height: 52px; font-size: 40px; text-align: center; background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 1px; display: inline-block; border-radius: 12px; color: #fff; } .panel-body.plugin-page .app-content .app-list .app-li .icon .content .font-icon.words { font-size: 26px; font-weight: 800; text-shadow: 0 0 5px rgba(255,255,255,0.8); } .panel-body.plugin-page .app-content .app-list .app-li .action>.btn { float: none; width: 80px; height: 22px; padding-left: 0; padding-right: 0; } .panel-body.plugin-page .app-content .app-list .app-li .action .dropdown-toggle { width: 26px; } .panel-body.plugin-page .app-content .app-list .app-li .action .dropdown-menu { min-width: 130px; text-align: left; margin-top: -1px; margin-right: -2px; } .panel-body.plugin-page .app-content .app-list .empty { margin: 50px auto; font-size: 20px; color: #888; } .panel-body.plugin-page .app-content .app-list .empty .icon { background: url("../../images/file_icon/icon_others/appStore.png"); width: 120px; height: 120px; margin: 0 auto; margin-bottom: 20px; background-size: cover; } .panel-body.plugin-page .app-content .progress { border-radius: 0px; margin: 0 auto; color: #42a3f1; height: 23px; background: none; border: none; box-shadow: none; } .panel-body.plugin-page .app-content .progress .total-size { position: absolute; left: 5px; z-index: 100; line-height: 20px; } .panel-body.plugin-page .app-content .progress .download-speed { position: absolute; right: 4px; z-index: 100; line-height: 20px; } .panel-body.plugin-page .app-content .progress .progress-bar { position: absolute; left: 0px; bottom: -1px; border-bottom: 2px solid #2196F3; background: none; border-radius: 3px; box-shadow: none; height: 100%; background: rgba(33,150,243,0.2); animation: progress-bar-stripes 2s linear infinite; } .panel-body.plugin-page .app-content.app-plugins .app-li .icon img { border-radius: 0; box-shadow: none; border-radius: 8px; margin-top: 10px; } .panel-body.plugin-page .app-content.app-plugins .app-li .action .dropdown-toggle { margin-left: -5px; } .panel-body.plugin-page .app-content.app-plugins .app-li .action .dropdown-toggle .caret { opacity: 0.6; } .panel-body.plugin-page .app-toolbar .panel-tab-item[data-type="oem"]:after { content: "VIP"; position: absolute; top: -6px; right: -5px; opacity: 0.9; font-size: 0.7em; color: #ff8400; background: #ffe8d6; padding: 2px 6px 0px; border-radius: 4px; } .panel-body.plugin-page .app-descript .left-content .icon, .panel-body.plugin-page .app-content .app-list .app-li .icon { background-image: linear-gradient(to bottom,#def 0,#fff 100%); border-radius: 4px; } .panel-body.plugin-page .app-descript .left-content .icon .path-ico, .panel-body.plugin-page .app-descript .left-content .icon .font-icon, .panel-body.plugin-page .app-content .app-list .app-li .icon .path-ico, .panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon { width: 70px; height: 70px; padding-top: 10px; } .panel-body.plugin-page .app-descript .left-content .icon .x-font-icon, .panel-body.plugin-page .app-descript .left-content .icon .font-icon-words, .panel-body.plugin-page .app-content .app-list .app-li .icon .x-font-icon, .panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon-words { width: 50px; height: 50px; line-height: 50px; font-size: 36px; text-align: center; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to 164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 10px; display: inline-block; border-radius: 12px; color: #fff; } .panel-body.plugin-page .app-descript .left-content .icon .x-font-icon, .panel-body.plugin-page .app-content .app-list .app-li .icon .x-font-icon { font-size: 42px; } .panel-body.plugin-page .app-descript .left-content .icon .x-item-icon, .panel-body.plugin-page .app-content .app-list .app-li .icon .x-item-icon { margin-top: 10px; } .panel-body.plugin-page .app-descript .left-content .icon .font-icon-words, .panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon-words { margin-top: 20px; } .panel-body.plugin-page .app-content .app-list .flex-empty { width: 165px; } .panel-body.plugin-page .app-content .app-list .app-li { width: 165px; height: 230px; } .panel-body.plugin-page .app-content .app-list .app-li .text { position: relative; height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .panel-body.plugin-page .app-content .app-list .app-li .text .detail { word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #aaa; line-height: 1.1em; margin: 0px 5px; transform: scale(0.95); } .panel-body.plugin-page .app-content .app-list .app-li .text .copyright { display: none; } .panel-body.plugin-page .app-content .app-list .app-li .text .name { margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag { margin-top: 5px; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label { margin-bottom: 2px; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.first { color: #20a0ff; background: #e0f1ff; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.company { color: #00924c; background: #daf7e9; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.oem { color: #ff8400; background: #ffedde; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.network { color: #837adc; background: #edecf9; } .panel-body.plugin-page .app-content .app-list-line { border-top: 1px solid #eee; margin-right: 0; } .panel-body.plugin-page .app-content .app-list-line .app-li { width: 100%; height: auto; height: 38px; float: none; text-align: left; position: relative; margin: 0; border-radius: 0; border: none; border-bottom: 1px solid #eee; box-shadow: none; overflow: hidden; } .panel-body.plugin-page .app-content .app-list-line .app-li .icon, .panel-body.plugin-page .app-content .app-list-line .app-li .text, .panel-body.plugin-page .app-content .app-list-line .app-li .action { display: inline-block; height: auto; } .panel-body.plugin-page .app-content .app-list-line .app-li .text { color: #666; width: 80%; position: relative; top: -9px; height: 40px; line-height: 40px; vertical-align: middle; } .panel-body.plugin-page .app-content .app-list-line .app-li .text .name, .panel-body.plugin-page .app-content .app-list-line .app-li .text .copyright, .panel-body.plugin-page .app-content .app-list-line .app-li .text .detail { display: inline-block; overflow: inherit; } .panel-body.plugin-page .app-content .app-list-line .app-li .text .name { width: 130px; padding-left: 10px; font-weight: normal; color: #222; } .panel-body.plugin-page .app-content .app-list-line .app-li .text .detail { width: 50%; } .panel-body.plugin-page .app-content .app-list-line .app-li .text .tag { position: absolute; top: 3px; right: 0px; margin-right: 100px; left: inherit; } .panel-body.plugin-page .app-content .app-list-line .app-li .action { position: absolute; right: 10px; margin-top: 5px; } .panel-body.plugin-page .app-content .app-list-line .app-li:hover, .panel-body.plugin-page .app-content .app-list-line .app-li:active { background: #fafafb; box-shadow: none; } .panel-body.plugin-page .app-content .app-list-line .app-li .icon { background: none; position: relative; top: 3px; margin-left: 10px; } .panel-body.plugin-page .app-content .app-list-line .app-li .icon .path-ico, .panel-body.plugin-page .app-content .app-list-line .app-li .icon .font-icon { padding-top: 0; width: 30px; height: 30px; } .panel-body.plugin-page .app-content .app-list-line .app-li .icon .font-icon-words, .panel-body.plugin-page .app-content .app-list-line .app-li .icon .x-font-icon { width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; font-size: 18px; border-radius: 4px; } .panel-body.plugin-page .app-content .app-list-line .app-li .flag-box { overflow: inherit; right: 150px; height: inherit; } .panel-body.plugin-page .app-content .app-list-line .app-li .flag-box .flag { width: fit-content; padding: 0px 10px; transform: none; text-align: center; border-radius: 15px; position: relative; right: 0; margin-top: -3px; box-shadow: none; } .panel-body.plugin-page .app-content .app-list-line .app-li .price-label { top: 8px; right: 152px; } .panel-body.plugin-page .app-descript .left-content .icon { background-image: none; } .admin-main-content .panel-body.admin-login-check .form-box.config-box .panel-form-body { padding-top: 12px; } .admin-main-content .panel-body.admin-login-check .form-table-main { margin-top: 40px; } .admin-main-content .panel-body.admin-login-check .kui-btn.row-add { position: absolute; top: 0; } .admin-main-content .panel-body.admin-login-check .form-target-save { display: none !important; } .admin-main-content .panel-body.log-page .toolbar .search-type, .admin-main-content .panel-body.log-login-page .toolbar .search-type, .admin-main-content .panel-body.task-page .toolbar .search-type { text-align: right; } .admin-main-content .panel-body.log-page .toolbar .search-type select, .admin-main-content .panel-body.log-login-page .toolbar .search-type select, .admin-main-content .panel-body.task-page .toolbar .search-type select { width: 150px; height: 28px; border: 1px solid #ddd; background: #fff; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); outline: none; } .admin-main-content .panel-body.log-page .log-login-list, .admin-main-content .panel-body.log-page .log-list, .admin-main-content .panel-body.log-page .task-list, .admin-main-content .panel-body.log-login-page .log-login-list, .admin-main-content .panel-body.log-login-page .log-list, .admin-main-content .panel-body.log-login-page .task-list, .admin-main-content .panel-body.task-page .log-login-list, .admin-main-content .panel-body.task-page .log-list, .admin-main-content .panel-body.task-page .task-list { height: 100%; position: relative; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body { padding: 0px; overflow: hidden; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row { float: left; clear: inherit; padding: 0px; margin-right: 10px; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row .setting-content { padding: 0px; width: 100%; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-logTime .btn-group button, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-logTime .btn-group button, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-logTime .btn-group button, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-logTime .btn-group button, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-logTime .btn-group button, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-logTime .btn-group button, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-logTime .btn-group button, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-logTime .btn-group button, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-logTime .btn-group button { padding: 6px 0.8em; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder { line-height: 30px; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom { margin: 0; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after { content: '-'; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content { margin-right: 0px; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input { margin-right: 0px; border-radius: 3px; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button { display: none; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select { margin-right: 0px; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info, .admin-main-content .panel-body.log-page .log-list .content .user-info, .admin-main-content .panel-body.log-page .task-list .content .user-info, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info, .admin-main-content .panel-body.log-login-page .log-list .content .user-info, .admin-main-content .panel-body.log-login-page .task-list .content .user-info, .admin-main-content .panel-body.task-page .log-login-list .content .user-info, .admin-main-content .panel-body.task-page .log-list .content .user-info, .admin-main-content .panel-body.task-page .task-list .content .user-info { color: #888; cursor: default; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.log-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.log-page .task-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .task-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .task-list .content .user-info .path-ico { overflow: initial; vertical-align: text-bottom; position: relative; margin-right: 2px; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info img, .admin-main-content .panel-body.log-page .log-list .content .user-info img, .admin-main-content .panel-body.log-page .task-list .content .user-info img, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info img, .admin-main-content .panel-body.log-login-page .log-list .content .user-info img, .admin-main-content .panel-body.log-login-page .task-list .content .user-info img, .admin-main-content .panel-body.task-page .log-login-list .content .user-info img, .admin-main-content .panel-body.task-page .log-list .content .user-info img, .admin-main-content .panel-body.task-page .task-list .content .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; vertical-align: top; border: 1px solid #fff; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info .name-char, .admin-main-content .panel-body.log-page .log-list .content .user-info .name-char, .admin-main-content .panel-body.log-page .task-list .content .user-info .name-char, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info .name-char, .admin-main-content .panel-body.log-login-page .log-list .content .user-info .name-char, .admin-main-content .panel-body.log-login-page .task-list .content .user-info .name-char, .admin-main-content .panel-body.task-page .log-login-list .content .user-info .name-char, .admin-main-content .panel-body.task-page .log-list .content .user-info .name-char, .admin-main-content .panel-body.task-page .task-list .content .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .admin-main-content .panel-body.log-page .log-login-list .content .user-info, .admin-main-content .panel-body.log-page .log-list .content .user-info, .admin-main-content .panel-body.log-page .task-list .content .user-info, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info, .admin-main-content .panel-body.log-login-page .log-list .content .user-info, .admin-main-content .panel-body.log-login-page .task-list .content .user-info, .admin-main-content .panel-body.task-page .log-login-list .content .user-info, .admin-main-content .panel-body.task-page .log-list .content .user-info, .admin-main-content .panel-body.task-page .task-list .content .user-info { color: #456; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.log-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.log-page .task-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .task-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .task-list .content .user-info .path-ico { margin-right: 5px; } .admin-main-content .panel-body.log-page .log-login-list .content .data-path, .admin-main-content .panel-body.log-page .log-list .content .data-path, .admin-main-content .panel-body.log-page .task-list .content .data-path, .admin-main-content .panel-body.log-login-page .log-login-list .content .data-path, .admin-main-content .panel-body.log-login-page .log-list .content .data-path, .admin-main-content .panel-body.log-login-page .task-list .content .data-path, .admin-main-content .panel-body.task-page .log-login-list .content .data-path, .admin-main-content .panel-body.task-page .log-list .content .data-path, .admin-main-content .panel-body.task-page .task-list .content .data-path { color: #40a9ff; cursor: pointer; padding: 2px 0px; margin: 0 1px; border-radius: 2px; display: inline; max-width: 300px; white-space: normal; } .admin-main-content .panel-body.log-page .log-login-list .content .data-path:hover, .admin-main-content .panel-body.log-page .log-list .content .data-path:hover, .admin-main-content .panel-body.log-page .task-list .content .data-path:hover, .admin-main-content .panel-body.log-login-page .log-login-list .content .data-path:hover, .admin-main-content .panel-body.log-login-page .log-list .content .data-path:hover, .admin-main-content .panel-body.log-login-page .task-list .content .data-path:hover, .admin-main-content .panel-body.task-page .log-login-list .content .data-path:hover, .admin-main-content .panel-body.task-page .log-list .content .data-path:hover, .admin-main-content .panel-body.task-page .task-list .content .data-path:hover { color: #1890ff; background: #dbf1ff; } .admin-main-content .panel-body.log-page .log-login-list .content .list-col[field="desc"] .ri-kodcloud-fill, .admin-main-content .panel-body.log-page .log-list .content .list-col[field="desc"] .ri-kodcloud-fill, .admin-main-content .panel-body.log-page .task-list .content .list-col[field="desc"] .ri-kodcloud-fill, .admin-main-content .panel-body.log-login-page .log-login-list .content .list-col[field="desc"] .ri-kodcloud-fill, .admin-main-content .panel-body.log-login-page .log-list .content .list-col[field="desc"] .ri-kodcloud-fill, .admin-main-content .panel-body.log-login-page .task-list .content .list-col[field="desc"] .ri-kodcloud-fill, .admin-main-content .panel-body.task-page .log-login-list .content .list-col[field="desc"] .ri-kodcloud-fill, .admin-main-content .panel-body.task-page .log-list .content .list-col[field="desc"] .ri-kodcloud-fill, .admin-main-content .panel-body.task-page .task-list .content .list-col[field="desc"] .ri-kodcloud-fill { display: inline-block; width: 12px; height: 12px; padding: 2px; } .admin-main-content .panel-body.log-page .log-login-list .content .list-col[field="desc"] .ri-kodcloud-fill:before, .admin-main-content .panel-body.log-page .log-list .content .list-col[field="desc"] .ri-kodcloud-fill:before, .admin-main-content .panel-body.log-page .task-list .content .list-col[field="desc"] .ri-kodcloud-fill:before, .admin-main-content .panel-body.log-login-page .log-login-list .content .list-col[field="desc"] .ri-kodcloud-fill:before, .admin-main-content .panel-body.log-login-page .log-list .content .list-col[field="desc"] .ri-kodcloud-fill:before, .admin-main-content .panel-body.log-login-page .task-list .content .list-col[field="desc"] .ri-kodcloud-fill:before, .admin-main-content .panel-body.task-page .log-login-list .content .list-col[field="desc"] .ri-kodcloud-fill:before, .admin-main-content .panel-body.task-page .log-list .content .list-col[field="desc"] .ri-kodcloud-fill:before, .admin-main-content .panel-body.task-page .task-list .content .list-col[field="desc"] .ri-kodcloud-fill:before { content: 'K'; background: #333; color: #fff; width: 12px; height: 12px; line-height: 9px; display: inline-block; border-radius: 50%; text-align: center; vertical-align: top; } .admin-main-content .panel-body.log-page .log-login-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body.log-page .log-login-list .content .list-col[field="desc"] .desc-browser, .admin-main-content .panel-body.log-page .log-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body.log-page .log-list .content .list-col[field="desc"] .desc-browser, .admin-main-content .panel-body.log-page .task-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body.log-page .task-list .content .list-col[field="desc"] .desc-browser, .admin-main-content .panel-body.log-login-page .log-login-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body.log-login-page .log-login-list .content .list-col[field="desc"] .desc-browser, .admin-main-content .panel-body.log-login-page .log-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body.log-login-page .log-list .content .list-col[field="desc"] .desc-browser, .admin-main-content .panel-body.log-login-page .task-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body.log-login-page .task-list .content .list-col[field="desc"] .desc-browser, .admin-main-content .panel-body.task-page .log-login-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body.task-page .log-login-list .content .list-col[field="desc"] .desc-browser, .admin-main-content .panel-body.task-page .log-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body.task-page .log-list .content .list-col[field="desc"] .desc-browser, .admin-main-content .panel-body.task-page .task-list .content .list-col[field="desc"] .desc-os, .admin-main-content .panel-body.task-page .task-list .content .list-col[field="desc"] .desc-browser { max-width: 160px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; } .admin-main-content .panel-body.log-page .toolbar, .admin-main-content .panel-body.log-login-page .toolbar { padding-bottom: 0px; } .admin-main-content .panel-body.log-page .list-table .list-col[field="desc"] { width: 350px; min-width: 150px; white-space: normal; line-height: 1.2em; } .admin-main-content .panel-body.log-page .list-table .list-col[field="desc"] s { color: #789; } .admin-main-content .panel-body.log-page .list-table .list-col .point { cursor: pointer; } .admin-main-content .panel-body.log-page .list-table .list-col .point:hover, .admin-main-content .panel-body.log-page .list-table .list-col .point:active { color: #1890ff; } .admin-main-content .panel-body.log-page .list-table .user-info { line-height: 22px; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action .action-icon { text-align: center; display: inline-block; width: 20px; height: 20px; line-height: 17px; border-radius: 10px; margin-right: 5px; font-size: 10px; font-weight: 600; background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f181"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create .action-icon { background: #3dbd7d; border-color: #339e69; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea13"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-edit .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-edit .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\efe0"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-move .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-move .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6c"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-moveOut .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-moveOut .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c3"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share .action-icon { background: #3dbd7d; border-color: #339e69; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0fc"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-rename .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-rename .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0c3"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle .action-icon { background: #f46e65; border-color: #f14a3f; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec1e"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-remove .action-icon { background: #f46e65; border-color: #f14a3f; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-remove .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec2a"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addDesc .action-icon { background: #948aec; border-color: #7467e6; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addDesc .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ec51"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addComment .action-icon { background: #948aec; border-color: #7467e6; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addComment .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef44"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle.action-recycle-restore .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create.action-create-upload .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f24a"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareToAdd .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f7"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareLinkAdd .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0fc"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareToRemove .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareToRemove .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0f7"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareLinkRemove .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareLinkRemove .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f0fc"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-remove .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user .action-icon { background: #3dbd7d; border-color: #339e69; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea08"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-login .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eed4"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-logout .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-logout .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeda"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-manage .action-icon { background: #f78e3d; border-color: #f57716; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-manage .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea08"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-remove .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-remove .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea09"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-unbind .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-unbind .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea09"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-task .action-icon { background: #3db8c1; border-color: #339aa2; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-task .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f20f"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f186"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav.action-fav-del .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav.action-fav-del .action-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\f18b"; } .admin-main-content .panel-body.task-page .toolbar .right .kui-btn { margin-left: 5px; padding: 0.4em 0.8em; } .select2-dropdown.form-select2-dropdown-key-logType { width: 320px !important; } .select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__options--nested { margin: 0; } .select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[aria-selected=true]:after { right: 5px; } .select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[role='treeitem'] { float: left; padding: 0px 5px 0px 10px; height: 26px; line-height: 26px; border-radius: 3px; width: 85px; margin: 2px 0 1px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[role='group'] { color: #949494; background: rgba(24,144,255,0.1); clear: both; } .select2-dropdown.form-select2-dropdown-key-logType .select2-results__options[role='tree']>li { float: none !important; } .artDialog.taskEdit .item-time, .artDialog.taskEdit .item-timeMonth, .artDialog.taskEdit .item-timeWeek, .artDialog.taskEdit .item-timeDay, .artDialog.taskEdit .item-timeMinute { float: left; clear: inherit; padding: 2px 0px; } .artDialog.taskEdit .item-time .setting-content, .artDialog.taskEdit .item-timeMonth .setting-content, .artDialog.taskEdit .item-timeWeek .setting-content, .artDialog.taskEdit .item-timeDay .setting-content, .artDialog.taskEdit .item-timeMinute .setting-content { width: 100px; } .artDialog.taskEdit .item-time { padding-left: 10px; } .artDialog.taskEdit .item-timeDay .setting-content { width: auto; } .artDialog.taskEdit .item-timeDay .setting-content input[name=timeDay] { width: 76px; border-radius: 3px; } .artDialog.taskEdit .item-timeDay .setting-content .input-title-right { display: none; } .artDialog.taskEdit .item-timeMinute .setting-content { width: auto; } .artDialog.taskEdit .item-timeMinute .setting-content input[name=timeMinute] { width: 76px; } .select2-dropdown.form-select2-dropdown-key-timeMonth { width: 220px !important; } .select2-dropdown.form-select2-dropdown-key-timeMonth .select2-search { display: none !important; } .select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results { padding: 5px 0px; } .select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results__options .select2-results__option[aria-selected=true] { background: #3a96ff; color: #fff; } .select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results__options .select2-results__option[aria-selected=true]:after { content: ''; } .select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results__options .select2-results__option[role='treeitem'] { float: left; width: 32px; height: 32px; line-height: 32px; padding: 0px; text-align: center; border-radius: 16px; margin: 2px; } .artDialog.backup-dg .item-time .setting-content input[name=time] { width: 80px; border-radius: 3px; } .artDialog.backup-dg .item-time .setting-content .input-title-right { display: none; } .panel-body.storage-page .dtl-header { border-bottom: 1px solid #eee; } .panel-body.storage-page .dtl-content .panel-form-body { padding-top: 10px !important; } .panel-body.storage-page .store-type-box { padding: 2px 10px; width: auto; margin-top: 10px; } .panel-body.storage-page .store-type-box .store-title { height: 30px; line-height: 30px; width: 120px; margin-right: 20px; padding-top: 5px; float: left; position: relative; text-align: right; padding-left: 6px; } .panel-body.storage-page .store-type-box .link-help { padding: 6px 10px; position: relative; top: 12px; left: -10px; border-radius: 3px; text-decoration: none; } .panel-body.storage-page .store-type-box .link-help:hover, .panel-body.storage-page .store-type-box .link-help:active { background: #def; } .panel-body.storage-page .store-type-box .store-type { float: left; position: relative; padding: 5px; border-radius: 4px; border: 1px solid transparent; } .panel-body.storage-page .store-type-box .store-type select { min-width: 268px; margin-right: 10px; } .panel-body.storage-page .store-type-box .setting-content { float: left; position: relative; padding: 5px 10px; border-radius: 4px; border: 1px solid transparent; } .panel-body.storage-page .store-type-box .setting-content .desc { color: #bcc4d0; font-style: normal; line-height: 1.6em; word-break: break-all; vertical-align: middle; display: inline-block; } .panel-body.storage-page .store-type-box .line hr { height: 1px; overflow: hidden; border: none; background: none; border-bottom: 1px dotted #e9eaea; margin: 0px; } .panel-body.storage-page .store-list-box .toolbar { border-bottom: 1px solid #eee; } .panel-body.storage-page .app-content { margin: 10px 5px; margin: 0px; margin-top: 10px; } .panel-body.storage-page .app-content .app-model { padding: 0; } .panel-body.storage-page .app-content .app-list { margin-top: 10px; margin-right: -15px; padding: 10px 0 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0px; padding-top: 0px; } .panel-body.storage-page .app-content .app-list .flex-empty { margin: 0 15px 1px 0; width: 140px; height: 1px; } .panel-body.storage-page .app-content .app-list .app-li { list-style: none; cursor: pointer; text-align: center; float: left; margin: 0 15px 20px 0; width: 140px; height: 200px; background: #f5faff; color: #2196F3; border: 1px solid #d2d7dc; position: relative; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; border-radius: 4px; background: none; border: 1px solid #dee5e7; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .panel-body.storage-page .app-content .app-list .app-li:hover, .panel-body.storage-page .app-content .app-list .app-li:active { background: #fff; box-shadow: 0px 20px 100px rgba(0,0,0,0.1), 0px 20px 30px rgba(0,0,0,0.05); } .panel-body.storage-page .app-content .app-list .app-li .price-label { position: absolute; top: 10px; right: -1px; border-radius: 0; line-height: 24px; height: 24px; padding: 0 10px; box-shadow: -3px 2px 5px rgba(0,0,0,0.3); } .panel-body.storage-page .app-content .app-list .app-li .price-label.label:before { position: absolute; top: 0; left: -14px; content: " "; height: 0; width: 0; border: #f0ad4e 12px solid; border-left-color: transparent; } .panel-body.storage-page .app-content .app-list .app-li .price-label.label-warning { background: #ff9800; } .panel-body.storage-page .app-content .app-list .app-li .price-label.label-warning.label:before { border-color: #ff9800; border-left-color: transparent; } .panel-body.storage-page .app-content .app-list .app-li .price-label.label-success { background: #00a854; } .panel-body.storage-page .app-content .app-list .app-li .price-label.label-success.label:before { border-color: #00a854; border-left-color: transparent; } .panel-body.storage-page .app-content .app-list .app-li .flag-box { overflow: hidden; position: absolute; right: 0; width: 60px; height: 60px; } .panel-body.storage-page .app-content .app-list .app-li .flag { position: absolute; top: 10px; right: -28px; width: 100px; height: 22px; line-height: 22px; box-shadow: 0 1px 5px rgba(0,0,0,0.2); color: #fff; overflow: hidden; text-overflow: ellipsis; transform: rotate(45deg); } .panel-body.storage-page .app-content .app-list .app-li .text { height: 50px; } .panel-body.storage-page .app-content .app-list .app-li .name { color: #444; font-weight: 800; margin: 10px 5px 0; max-height: 32px; overflow: hidden; } .panel-body.storage-page .app-content .app-list .app-li .copyright { color: #aaa; max-height: 32px; overflow: hidden; } .panel-body.storage-page .app-content .app-list .app-li .icon { height: 90px; background-image: linear-gradient(to bottom,#def 0,#fff 100%); } .panel-body.storage-page .app-content .app-list .app-li .icon img { max-width: 100%; max-height: 100%; width: 72px; border-radius: 10%; } .panel-body.storage-page .app-content .app-list .app-li .icon .content { width: 80px; height: 80px; padding: 10px; margin: 0 auto; } .panel-body.storage-page .app-content .app-list .app-li .icon .content .font-icon { width: 55px; height: 55px; line-height: 52px; font-size: 40px; text-align: center; background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 1px; display: inline-block; border-radius: 12px; color: #fff; } .panel-body.storage-page .app-content .app-list .app-li .icon .content .font-icon.words { font-size: 26px; font-weight: 800; text-shadow: 0 0 5px rgba(255,255,255,0.8); } .panel-body.storage-page .app-content .app-list .app-li .action>.btn { float: none; width: 80px; height: 22px; padding-left: 0; padding-right: 0; } .panel-body.storage-page .app-content .app-list .app-li .action .dropdown-toggle { width: 26px; } .panel-body.storage-page .app-content .app-list .app-li .action .dropdown-menu { min-width: 130px; text-align: left; margin-top: -1px; margin-right: -2px; } .panel-body.storage-page .app-content .app-list .empty { margin: 50px auto; font-size: 20px; color: #888; } .panel-body.storage-page .app-content .app-list .empty .icon { background: url("../../images/file_icon/icon_others/appStore.png"); width: 120px; height: 120px; margin: 0 auto; margin-bottom: 20px; background-size: cover; } .panel-body.storage-page .app-content .progress { border-radius: 0px; margin: 0 auto; color: #42a3f1; height: 23px; background: none; border: none; box-shadow: none; } .panel-body.storage-page .app-content .progress .total-size { position: absolute; left: 5px; z-index: 100; line-height: 20px; } .panel-body.storage-page .app-content .progress .download-speed { position: absolute; right: 4px; z-index: 100; line-height: 20px; } .panel-body.storage-page .app-content .progress .progress-bar { position: absolute; left: 0px; bottom: -1px; border-bottom: 2px solid #2196F3; background: none; border-radius: 3px; box-shadow: none; height: 100%; background: rgba(33,150,243,0.2); animation: progress-bar-stripes 2s linear infinite; } .panel-body.storage-page .app-content.app-plugins .app-li .icon img { border-radius: 0; box-shadow: none; border-radius: 8px; margin-top: 10px; } .panel-body.storage-page .app-content.app-plugins .app-li .action .dropdown-toggle { margin-left: -5px; } .panel-body.storage-page .app-content.app-plugins .app-li .action .dropdown-toggle .caret { opacity: 0.6; } .panel-body.storage-page .app-content .app-list .app-li .path-ico { width: 100%; height: 100%; } .panel-body.storage-page .app-content .app-list .app-li .path-ico .svg-icon { width: 80px; height: 80px; margin-top: 5px; } .panel-body.storage-page .app-content .app-list .app-li .text { height: 40px; } .panel-body.storage-page .app-content .app-list .app-li .text .name { margin-top: 5px; } .panel-body.storage-page .app-content .app-list .app-li .progress-box { margin-top: 8px; } .panel-body.storage-page .app-content .app-list .app-li .progress-box .space-info-bar { margin: 0px auto; } .panel-body.storage-page .app-content .app-list .app-li .progress-box .space-info-bar .space-process-use { background-color: #0a9afe; } .panel-body.admin-backup-page .line-box { height: 15px; } .panel-body.admin-backup-page .backup-set { margin: 10px 0px; } .panel-body.admin-backup-page .backup-set .main .panel-box { width: 100%; min-height: 160px; padding: 0px; background: linear-gradient(80deg,#fcfdff,#f7fdff); border-radius: 5px; padding: 10px 0; box-shadow: 1px 1px 0 2px #e6f7ff; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main, .panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail { padding: 0px; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main>div, .panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail>div { margin: 15px 20px; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .title, .panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail .title { width: 75px; display: inline-block; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main { margin-left: -1px; border-right: 1px solid #eee; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main>div { display: flex; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box { margin: 15px 20px 0px 0px; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box .bak-icon { width: 72px; height: 72px; line-height: 72px; border-radius: 36px; background-color: #40abfb; text-align: center; font-size: 48px; color: #fff; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box + div { width: 100%; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-title-default { color: #1890ff; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-title [name] { font-size: 18px; font-weight: 800; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-safe { background-color: #3dbd7d; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-default { background-color: #40abfb; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-warning { background-color: #ffbf00; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-minor { background-color: #eceef1; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bar-info { height: 6px; overflow: hidden; background-color: #eceef1; min-width: 4px; border-radius: 5px; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bar-info .process { width: 0%; height: 100%; border-radius: 5px; transition: all 0.2s; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box { display: flex; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box .bak-bar { width: 30%; padding: 4px 0px; cursor: pointer; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box .bak-size { margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(0,0,0,0.65); flex: 1; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .title { width: 60px; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .desc { color: #949494; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .desc a { text-decoration: none; } .panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a, .panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a { text-decoration: none; cursor: pointer; border-radius: 3px; height: 20px; line-height: 20px; text-align: center; display: inline-block; border: 1px solid; padding: 1px 0.5em; } .panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a:hover, .panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a:hover { background-color: #def; } .panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a i, .panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a i { vertical-align: middle; margin-bottom: 1px; display: inline-block; } @media (max-width: 768px) { .panel-body.admin-backup-page .backup-set .bak-main { border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.1); } .panel-body.admin-backup-page .backup-set .bak-main>div { position: relative; margin: 15px 5px !important; } .panel-body.admin-backup-page .backup-set .bak-main .bak-icon-box { position: absolute; margin: 0px !important; left: 40px; top: -2px; } .panel-body.admin-backup-page .backup-set .bak-main .bak-icon-box .bak-icon { width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 20px !important; } .panel-body.admin-backup-page .backup-set .bak-main .bak-title [name=status] { margin-left: -5px; } .panel-body.admin-backup-page .backup-set .bak-main .title, .panel-body.admin-backup-page .backup-set .bak-main .title-wap { width: 70px !important; margin-right: 10px; text-align: right; display: inline-block; } .panel-body.admin-backup-page .backup-set .bak-main .desc span { display: inline-block; margin-left: 80px; } .panel-body.admin-backup-page .backup-set .bak-detail>div { margin-top: 25px !important; margin: 15px 5px !important; } .panel-body.admin-backup-page .backup-set .bak-detail .title { text-align: right; margin-right: 10px; } } .panel-body.admin-backup-page .backup-set .bak-rotate { -webkit-animation: 5s bak-rotate linear infinite; animation: 5s bak-rotate linear infinite; position: relative; } @-webkit-keyframes bak-rotate { .panel-body.admin-backup-page .backup-set 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .panel-body.admin-backup-page .backup-set 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes bak-rotate { .panel-body.admin-backup-page .backup-set 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .panel-body.admin-backup-page .backup-set 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .panel-body.admin-backup-page .backup-list .bak-info-tips { color: #ffce3d; cursor: pointer; margin-left: 5px; } .panel-body.admin-backup-page .backup-list .bak-info-tips:hover { color: #ffbf00; } .panel-body.admin-backup-page .backup-list .kodTable .content { border-bottom: 1px solid #eee; } .panel-body.admin-backup-page .backup-list .kodTable .content .list-row .list-col { white-space: nowrap; } .admin-page .panel-body.admin-share-page .dialog-tab.tab-group-line { margin: 5px 0px 10px; } .admin-page .panel-body.admin-share-page .share-report-list .toolbar .left .config-box { margin-bottom: 10px; } .admin-page .panel-body.admin-share-page .share-list .toolbar, .admin-page .panel-body.admin-share-page .share-report-list .toolbar { padding-bottom: 0px; } .admin-page .panel-body.admin-share-page .share-list .toolbar .search-type, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .search-type { text-align: right; } .admin-page .panel-body.admin-share-page .share-list .toolbar .search-type select, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .search-type select { width: 150px; height: 28px; border: 1px solid #ddd; background: #fff; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); outline: none; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body { padding: 0px !important; overflow: hidden; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row { float: left; clear: inherit; padding: 0px; margin-right: 10px; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row .setting-content, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row .setting-content { padding: 0px; width: 100%; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-time .btn-group button, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-time .btn-group button { padding: 6px 0.8em; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-user .placeholder, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-user .placeholder { line-height: 30px; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-timeFrom { margin: 0; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after { content: '-'; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content { margin-right: 0px; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input { margin-right: 0px; border-radius: 3px; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button { display: none; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-user .kod-select, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-user .kod-select { margin-right: 0px; } .admin-page .panel-body.admin-share-page .share-list .toolbar .panel-form-body> .form-row.item-type .select2-container, .admin-page .panel-body.admin-share-page .share-report-list .toolbar .panel-form-body> .form-row.item-type .select2-container { margin-right: 0px; } .admin-page .panel-body.admin-share-page .share-list .content .user-info, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info { color: #888; cursor: default; } .admin-page .panel-body.admin-share-page .share-list .content .user-info .path-ico, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info .path-ico { overflow: initial; vertical-align: text-bottom; position: relative; margin-right: 2px; } .admin-page .panel-body.admin-share-page .share-list .content .user-info img, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; vertical-align: top; border: 1px solid #fff; } .admin-page .panel-body.admin-share-page .share-list .content .user-info .name-char, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; vertical-align: top; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .admin-page .panel-body.admin-share-page .share-list .content .user-info, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info { color: #456; } .admin-page .panel-body.admin-share-page .share-list .content .user-info .path-ico, .admin-page .panel-body.admin-share-page .share-report-list .content .user-info .path-ico { margin-right: 5px; } .admin-page .panel-body.admin-share-page .share-list .content .list-col[field="title"], .admin-page .panel-body.admin-share-page .share-report-list .content .list-col[field="title"] { min-width: 150px; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .admin-page .panel-body.admin-share-page .share-list .content .list-col[field="title"] .data-path, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col[field="title"] .data-path { color: #40a9ff; cursor: pointer; padding: 2px 0px; margin: 0 1px; border-radius: 2px; max-width: 300px; white-space: normal; display: inline-block; } .admin-page .panel-body.admin-share-page .share-list .content .list-col[field="title"] .data-path:hover, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col[field="title"] .data-path:hover { color: #1890ff; background: #dbf1ff; } .admin-page .panel-body.admin-share-page .share-list .content .list-col.reason, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col.reason { width: 350px; min-width: 150px; white-space: normal; line-height: 1.2em; } .admin-page .panel-body.admin-share-page .share-list .content .list-col .share-type .font-icon, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-type .font-icon { margin-right: 10px; cursor: pointer; font-size: 14px; } .admin-page .panel-body.admin-share-page .share-list .content .list-col .share-type .font-icon.ri-share-fill, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-type .font-icon.ri-share-fill { color: #2773e2; } .admin-page .panel-body.admin-share-page .share-list .content .list-col .share-type .font-icon.x-share-link, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .share-type .font-icon.x-share-link { color: #31dc48; } .admin-page .panel-body.admin-share-page .share-list .content .list-col .detail .font-icon, .admin-page .panel-body.admin-share-page .share-report-list .content .list-col .detail .font-icon { vertical-align: bottom; margin-left: 8px; font-size: 1em; } .app-main { position: absolute; right: 0; top: 0; bottom: 0; left: 70px; } .menuBar { background: #075fb8; color: #fff; position: absolute; top: 0; left: 0; bottom: 0px; width: 70px; background: linear-gradient(to bottom,#1b6de1,#075fb8); } .menuBar.menubar-desktop { box-shadow: 0 0 10px rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); background: none; } .menuBar.menubar-desktop .area-background { background: rgba(0,0,0,0.2); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .menuBar.admin-menu-bar { background: none !important; box-shadow: none !important; border: none !important; height: 150px; bottom: 0px; top: auto; } .menuBar.admin-menu-bar:before { background: none; filter: none; } .menuBar.admin-menu-bar .logo, .menuBar.admin-menu-bar .menu-list { display: none; } .menuBar .logo { width: 70px; height: 70px; text-align: center; max-width: 70px; max-height: 100px; display: table-cell; vertical-align: middle; background-color: rgba(0,0,0,0.1); overflow: hidden; } .menuBar .logo a { display: block; position: relative; width: 100%; height: 100%; line-height: 70px; } .menuBar .logo img { max-width: 100%; max-height: 100%; } .menuBar .menu-item { transition: all 0.2s; width: 100%; cursor: pointer; font-size: 0.9em; width: 70px; height: 70px; color: rgba(255,255,255,0.7); text-align: center; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .menuBar .menu-item:hover, .menuBar .menu-item:active { background: rgba(255,255,255,0.05); color: #fff; } .menuBar .menu-item.this:before { background: rgba(255,255,255,0.3); width: 4px; height: 100%; content: ""; position: absolute; top: 0px; left: 0; } .menuBar .menu-item .font-icon { display: block; font-size: 22px; width: 40px; height: 32px; margin: 0 auto; padding-top: 10px; overflow: hidden; background-color: transparent; } .menuBar .menu-item .image-icon { display: block; font-size: 22px; width: 36px; height: 36px; margin: 0 auto; padding-top: 10px; overflow: hidden; } .menuBar .menu-item .image-icon img { max-width: 100%; max-height: 100%; border-radius: 5px; position: relative; top: -5px; } .menuBar .menu-item .image-icon .font-icon { padding-top: 5px; width: 36px; } .menuBar .menu-item span { position: relative; padding: 0 3px; } .menuBar .ripple-item { cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .menuBar .menu-item.this, .menuBar .menu-item.this:hover, .menuBar .open .menu-item { background: rgba(255,255,255,0.2); color: #fff; } .menuBar .dropdown-menu { left: -3px; top: auto; margin-left: 70px; margin-top: -70px; border-radius: 4px; border: 1px solid #eee; box-shadow: 0 4px 30px rgba(0,0,0,0.15); background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .menuBar .dropdown-menu li { color: #444; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .menuBar .dropdown-menu:before { content: ""; display: inline-block; border: none; border-top: 6px solid rgba(0,0,0,0); border-bottom: 6px solid rgba(0,0,0,0); border-right: 7px solid rgba(0,0,0,0.2); position: absolute; right: auto; top: 30px; left: -7px; } .menuBar .dropdown-menu:after { content: ""; display: inline-block; border: none; border-top: 6px solid rgba(0,0,0,0); border-bottom: 6px solid rgba(0,0,0,0); border-right: 6px solid #fff; position: absolute; right: auto; left: 0; top: 30px; left: -6px; } .menuBar .dropdown-menu .content, .menuBar .dropdown-menu li { position: relative; } .menuBar .dropdown-menu .dropdown-menu-back { border-radius: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: #fcfcfc; backdrop-filter: none; -webkit-backdrop-filter: none; } .menuBar .activebar-bottom { position: absolute; bottom: 10px; } .menuBar .menu-group-notice .font-icon:after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #f04134; position: absolute; top: 5px; right: 8px; } .menuBar .menu-group-notice .font-icon.hide-after:after { display: none; } .menuBar .menu-group-notice .menu-dropdown-notice { min-height: 200px; max-height: 400px; bottom: 105px; width: 410px; padding: 0px; padding-bottom: 10px; } .menuBar .menu-group-notice .menu-dropdown-notice:after, .menuBar .menu-group-notice .menu-dropdown-notice:before { bottom: 30px; top: auto; } .menuBar .menu-group-notice .menu-dropdown-notice .header { height: 40px; line-height: 40px; background: rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.02); color: #222; padding: 0px 10px; position: relative; } .menuBar .menu-group-notice .menu-dropdown-notice .header span { display: inline-block; } .menuBar .menu-group-notice .menu-dropdown-notice .header span.remove { position: absolute; right: 10px; } .menuBar .menu-group-notice .menu-dropdown-notice .header span.remove i { cursor: pointer; color: #63acff; font-style: normal; } .menuBar .menu-group-notice .menu-dropdown-notice .header span.remove i:hover { color: #1890ff; } .menuBar .menu-group-notice .menu-dropdown-notice .content { max-height: 355px; position: relative; overflow: auto; } .menuBar .menu-group-notice .menu-dropdown-notice .content .none { padding: 30px 0px; text-align: center; color: rgba(0,0,0,0.4); } .menuBar .menu-group-notice .menu-dropdown-notice .content .none i { width: 100%; height: 60px; font-size: 50px; } .menuBar .menu-group-notice .menu-dropdown-notice .content li { padding: 5px 5px; border-bottom: 1px solid #f3f3f3; margin: 2px 10px; border-radius: 4px; } .menuBar .menu-group-notice .menu-dropdown-notice .content li .outline { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .menuBar .menu-group-notice .menu-dropdown-notice .content li .time { color: #666; font-size: 0.9em; } .menuBar .menu-group-notice .menu-dropdown-notice .content li:hover { background: #f5f5f5; cursor: pointer; } .menuBar .menu-group-notice .menu-dropdown-notice .content li[status='1'], .menuBar .menu-group-notice .menu-dropdown-notice .content li[status='1'] .time { color: rgba(0,0,0,0.4); } .menuBar .menu-lauguage-item, .menuBar .menu-notice-item { text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; margin: 0px auto 4px auto; } .menuBar .menu-lauguage-item .font-icon, .menuBar .menu-notice-item .font-icon { position: relative; top: 2px; font-size: 1.2em; } .menuBar .menu-group-user .menu-dropdown-user li.item-language { position: relative; } .menuBar .menu-group-user .menu-dropdown-user li.item-language.open { background: #def; } .menuBar .menu-group-user .menu-dropdown-user li.item-language.open .menu-dropdown-language { display: block; } .menuBar .menu-group-user .menu-dropdown-user li.item-language.open i.font-icon { color: #1071d3; opacity: 1; } .menuBar .menu-group-user .menu-dropdown-user li.item-language em { font-size: 10px; opacity: 0.4; margin-left: 2px; font-style: normal; } .menuBar .menu-group-user .menu-dropdown-user .menu-dropdown-language { bottom: 0; left: 216px; width: 395px; padding: 10px; margin: 0; } .menuBar .menu-group-user .menu-dropdown-user .menu-dropdown-language:after, .menuBar .menu-group-user .menu-dropdown-user .menu-dropdown-language:before { bottom: 10px; top: auto; } .menuBar .menu-group-user .menu-dropdown-user .menu-dropdown-language.lang-small { max-width: 180px; width: 180px; } .menuBar .menu-group-user .menu-dropdown-user .menu-dropdown-language.lang-small li { width: auto; float: none; } .menuBar .menu-group-user .menu-dropdown-user .menu-dropdown-language li { float: left; width: 120px; height: 25px; line-height: 25px; padding: 0px 4px; margin: 0 2px 2px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 2px; } .menuBar .menu-group-user .menu-dropdown-user .menu-dropdown-language li:hover, .menuBar .menu-group-user .menu-dropdown-user .menu-dropdown-language li:active, .menuBar .menu-group-user .menu-dropdown-user .menu-dropdown-language li.this { background: #1890ff; color: #fff; } .menuBar .menu-group-submenu .menu-dropdown-submenu { padding: 20px 0 10px 20px; width: 380px; margin-top: -70px; top: auto; } .menuBar .menu-group-submenu .menu-dropdown-submenu li { float: left; display: block; margin: 0 10px 10px 0; width: 85px; height: 95px; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub { border-radius: 4px; display: block; height: 100%; padding: 0; text-align: center; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:hover, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:active, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this:hover { background: #1890ff; color: #fff; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:hover i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:hover i.font-icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:active i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:active i.font-icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this i.font-icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this:hover i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this:hover i.font-icon { background: #f5faff; color: #1890ff; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.font-icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub img, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub .x-item-icon { width: 64px; height: 64px; line-height: 64px; padding: 0; margin-top: 5px; opacity: 1; display: inline-block; border-radius: 10px; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub .x-item-icon { margin-bottom: -5px; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.font-icon { font-size: 36px; background: #def; color: #2196f3; margin: 0; margin-top: 5px; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.icon.words, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.font-icon.words { font-size: 20px; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.icon.words em, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.font-icon.words em { width: 45px; height: 45px; overflow: hidden; font-style: normal; display: inline-block; white-space: pre-wrap; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub span { display: block; padding-top: 0.1em; font-size: 0.9em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .menuBar .menu-group-user { font-size: 1.05em; } .menuBar .menu-group-user .menu-item-user { padding: 10px 0; height: auto; } .menuBar .menu-group-user .menu-item-user:hover .avata img { box-shadow: 0px 0px 0px 4px rgba(3,25,52,0.2); } .menuBar .menu-group-user .avata { width: 50px; height: 50px; margin: 0 auto; padding: 2px; border-radius: 50%; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); } .menuBar .menu-group-user .avata img { width: 100%; height: 100%; border-radius: 50%; } .menuBar .menu-group-user .menu-dropdown-user { bottom: 10px; width: 220px; } .menuBar .menu-group-user .menu-dropdown-user:after, .menuBar .menu-group-user .menu-dropdown-user:before { bottom: 20px; top: auto; } .menuBar .menu-group-user .menu-dropdown-user li { line-height: 32px; padding-left: 20px; height: 32px; } .menuBar .menu-group-user .menu-dropdown-user li .font-icon { opacity: 0.4; } .menuBar .menu-group-user .menu-dropdown-user li:hover, .menuBar .menu-group-user .menu-dropdown-user li:active { background: #ecf4fc; } .menuBar .menu-group-user .menu-dropdown-user li:hover .font-icon, .menuBar .menu-group-user .menu-dropdown-user li:active .font-icon { opacity: 1; color: #1071d3; } .menuBar .menu-group-user .menu-dropdown-user li:hover.user-logout .font-icon, .menuBar .menu-group-user .menu-dropdown-user li:active.user-logout .font-icon { color: #f5222d; } .menuBar .menu-group-user .menu-dropdown-user li.divider { height: 1px; border: none; margin: 6px 0px 6px 12px; background: #eee; background: rgba(200,200,200,0.25); cursor: default; } .menuBar .menu-group-user .menu-dropdown-user li.user-info { height: auto; padding: 5px 10px; } .menuBar .menu-group-user .menu-dropdown-user li.user-info .avata { float: left; } .menuBar .menu-group-user .menu-dropdown-user li.user-info .user-info-account { position: absolute; padding-left: 60px; line-height: 20px; margin-top: 6px; } .menuBar .menu-group-user .menu-dropdown-user li.user-info .user-info-account .name, .menuBar .menu-group-user .menu-dropdown-user li.user-info .user-info-account .account { width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .menuBar .menu-group-user .menu-dropdown-user li.user-info .user-info-account .name { font-size: 1.1em; } .menuBar .menu-group-user .menu-dropdown-user li.user-info .user-info-account .account { color: #ddd; } #app.menu-auto-show .app-main, #app.menu-auto-show #app.app-desktop .bodymain { left: 0; } #app.menu-auto-show .frame-main-explorer .ztree li a { padding-left: 25px; } #app.menu-auto-show .menuBar:hover { left: 0; opacity: 1; } #app.menu-auto-show .menuBar { z-index: 999999; left: -60px; opacity: 0; box-shadow: 0 0 25px #b4b4b4; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .artDialog.system-notice-view-dialog .aui-header .aui-min, .artDialog.system-notice-view-dialog .aui-header .aui-max { display: none; } .artDialog.system-notice-view-dialog .aui-main { padding: 0px !important; } .artDialog.system-notice-view-dialog .aui-main .notice-box { position: absolute; top: 0px; right: 0px; bottom: 5px; left: 0px; padding: 10px 20px; font-family: "Helvetica Neue", "Helvetica", STsong, SimSun, NSimSun, STFangsong, FangSong, FangSong_GB2312, STZhongsong, "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; font-size: 14px; color: #444; border: 1px solid #eee; margin: 10px 20px 30px 20px; } .artDialog.system-notice-view-dialog .aui-main .notice-box .header { height: 36px; line-height: 36px; text-align: center; margin: 20px 0px 20px; font-weight: 600; font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #ddd; position: relative; } .artDialog.system-notice-view-dialog .aui-main .notice-box .header:after { content: ""; position: absolute; bottom: -5px; border-bottom: 2px solid #ddd; width: 100%; left: 0; } .artDialog.system-notice-view-dialog .aui-main .notice-box .content pre { background: #fff; margin: 20px 0px; padding: 0px; line-height: 1.8; font-size: 14px; min-height: 150px; font-family: "Helvetica Neue", "Helvetica", STsong, SimSun, NSimSun, STFangsong, FangSong, FangSong_GB2312, STZhongsong, "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; } .artDialog.system-notice-view-dialog .aui-main .notice-box .footer { line-height: 2; text-align: right; margin-top: 30px; } .app-wap-small .form-select2-dropdown-type-fontIcon.select2-container { left: 0 !important; right: 0 !important; width: 100%; } .app-wap-small .form-select2-dropdown-type-fontIcon.select2-container .select2-dropdown { width: 100% !important; border-left: none; border-right: none; border-radius: 0; box-shadow: none !important; left: 1px !important; } .app-wap-small .btn-group.btn-group-segment > .btn.btn-default { padding: 5px 0.5em; font-size: 0.9em; } .app-wap-small .form-row.form-groupAuth .kod-select-main.auth-table .item-choice .select-role .select2-container { width: 160px !important; font-size: 0.9em; } .app-wap-small .form-row.form-groupAuth .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection__rendered { padding-left: 10px; } .app-wap-small .form-row.form-table .setting-content { overflow-x: scroll; } .app-wap-small .form-row.form-table .setting-content .form-table-main .list-row .row-action .col-drag { display: none; } .app-wap-small .form-row.form-userSelect .setting-content .select-user-box { padding: 5px 0px 0px 0; background: none; } .app-wap-small .form-row.form-userSelect .setting-content .kod-select { width: 346px; } .app-wap-small .form-row.form-userSelect .setting-content .user-select-role select { width: 346px; min-width: 346px; } .app-wap-small .form-row.form-userSelect .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico img { top: 1px; } .app-wap-small .form-row.form-html .setting-title.no-title { display: none; } .app-wap-small .form-row.form-htmlEditor .tox .tox-tbtn--select.tox-tbtn--bespoke .tox-tbtn__select-chevron { position: relative; top: 0; } .app-wap-small .form-row.form-htmlEditor .tox .tox-split-button .tox-tbtn.tox-split-button__chevron { position: relative; top: -5px; } .app-wap-small .setting-page .setting-main, .app-wap-small .admin-page .admin-main { left: 0 !important; padding-bottom: 60px; } .app-wap-small .setting-page .setting-main .panel-body, .app-wap-small .admin-page .admin-main .panel-body { padding: 15px 10px !important; } .app-wap-small .setting-page .setting-main .panel-body.dialog-form, .app-wap-small .admin-page .admin-main .panel-body.dialog-form { padding: 10px 15px 10px 10px !important; } .app-wap-small .setting-page .setting-main .panel-body.dialog-form-has-menu.dialog-form, .app-wap-small .admin-page .admin-main .panel-body.dialog-form-has-menu.dialog-form { padding: 5px 15px 10px 10px !important; } .app-wap-small .setting-page .setting-main .panel-body.base-page .form-row, .app-wap-small .admin-page .admin-main .panel-body.base-page .form-row { padding: 5px 5px; } .app-wap-small .setting-page .setting-main .panel-body.base-page .form-row .setting-title, .app-wap-small .admin-page .admin-main .panel-body.base-page .form-row .setting-title { padding-left: 0px; float: none; color: #000; width: 100%; height: 20px; line-height: 20px; } .app-wap-small .setting-page .setting-main .panel-body.base-page .form-row .setting-content, .app-wap-small .admin-page .admin-main .panel-body.base-page .form-row .setting-content { width: 100%; float: none; } .app-wap-small .setting-page .setting-main .form-box .form-row, .app-wap-small .admin-page .admin-main .form-box .form-row { padding: 0 0 0 2px; } .app-wap-small .setting-page .setting-main .form-box .form-row.inline, .app-wap-small .admin-page .admin-main .form-box .form-row.inline { padding: 0 0 0 2px; } .app-wap-small .setting-page .setting-main .form-box .form-row.inline + .inline, .app-wap-small .admin-page .admin-main .form-box .form-row.inline + .inline { padding-left: 2px; } .app-wap-small .setting-page .setting-main .form-box .form-row h1, .app-wap-small .setting-page .setting-main .form-box .form-row h2, .app-wap-small .setting-page .setting-main .form-box .form-row h3, .app-wap-small .setting-page .setting-main .form-box .form-row h4, .app-wap-small .setting-page .setting-main .form-box .form-row h5, .app-wap-small .admin-page .admin-main .form-box .form-row h1, .app-wap-small .admin-page .admin-main .form-box .form-row h2, .app-wap-small .admin-page .admin-main .form-box .form-row h3, .app-wap-small .admin-page .admin-main .form-box .form-row h4, .app-wap-small .admin-page .admin-main .form-box .form-row h5 { margin-left: 2px; margin-right: 0; } .app-wap-small .setting-page .setting-main .panel-body.account-page .acc-row, .app-wap-small .setting-page .setting-main .panel-body.account-page .acc-dtl, .app-wap-small .admin-page .admin-main .panel-body.account-page .acc-row, .app-wap-small .admin-page .admin-main .panel-body.account-page .acc-dtl { padding: 5px 5px !important; } .app-wap-small .setting-page .setting-main .panel-body.account-page .form-row input[type='text'], .app-wap-small .setting-page .setting-main .panel-body.account-page .form-row input[type='password'], .app-wap-small .setting-page .setting-main .panel-body.account-page .form-row input[type='number'], .app-wap-small .admin-page .admin-main .panel-body.account-page .form-row input[type='text'], .app-wap-small .admin-page .admin-main .panel-body.account-page .form-row input[type='password'], .app-wap-small .admin-page .admin-main .panel-body.account-page .form-row input[type='number'] { width: 150px !important; line-height: 28px; } .app-wap-small .setting-page .setting-main .panel-body.account-page .form-row.item-change-password .info-alert, .app-wap-small .admin-page .admin-main .panel-body.account-page .form-row.item-change-password .info-alert { width: 70%; text-align: left; margin-left: 0; padding-right: 5px; } .app-wap-small .setting-page .setting-main .panel-body.account-page .user-check-code .col-content, .app-wap-small .admin-page .admin-main .panel-body.account-page .user-check-code .col-content { width: initial; } .app-wap-small .setting-page .setting-main .panel-body.account-page .acc-dtl span.desc, .app-wap-small .admin-page .admin-main .panel-body.account-page .acc-dtl span.desc { display: none; position: absolute; } .app-wap-small .setting-page .setting-main .panel-body.account-page .acc-dtl .close-item, .app-wap-small .admin-page .admin-main .panel-body.account-page .acc-dtl .close-item { display: none; } .app-wap-small .setting-page .setting-main .panel-body.wall-page .section .box, .app-wap-small .setting-page .setting-main .panel-body.theme-page .section .box, .app-wap-small .admin-page .admin-main .panel-body.wall-page .section .box, .app-wap-small .admin-page .admin-main .panel-body.theme-page .section .box { margin: 0; } .app-wap-small .setting-page .setting-main .panel-body.wall-page .section .box .list, .app-wap-small .setting-page .setting-main .panel-body.theme-page .section .box .list, .app-wap-small .admin-page .admin-main .panel-body.wall-page .section .box .list, .app-wap-small .admin-page .admin-main .panel-body.theme-page .section .box .list { width: 110px; height: 70px; } .app-wap-small .setting-page .form-box .form-row, .app-wap-small .admin-page .form-box .form-row { padding: 0px 15px 0px 15px; } .app-wap-small .setting-page .form-box .form-row .setting-title, .app-wap-small .admin-page .form-box .form-row .setting-title { text-align: left !important; height: 1.5em; line-height: 1.5em; color: #222; padding-left: 0; } .app-wap-small .setting-page .form-box .form-row .setting-title.no-title, .app-wap-small .admin-page .form-box .form-row .setting-title.no-title { display: none; } .app-wap-small .setting-page .form-box .form-row.form-userSelect .setting-title, .app-wap-small .admin-page .form-box .form-row.form-userSelect .setting-title { padding-top: 5px; } .app-wap-small .setting-page .form-box .form-row label, .app-wap-small .admin-page .form-box .form-row label { margin-top: 0px; } .app-wap-small .setting-page .form-box .form-row .setting-content, .app-wap-small .admin-page .form-box .form-row .setting-content { padding: 0; margin-bottom: 3px; } .app-wap-small .setting-page .form-box .form-row .setting-content .form-save-button, .app-wap-small .admin-page .form-box .form-row .setting-content .form-save-button { margin: 10px 0 10px; } .app-wap-small .setting-page .form-box .form-row .kod-select-main:hover .clear-select, .app-wap-small .admin-page .form-box .form-row .kod-select-main:hover .clear-select { display: none; } .app-wap-small .setting-page .form-box .form-row.form-button-line:before, .app-wap-small .admin-page .form-box .form-row.form-button-line:before { top: 15px; } .app-wap-small .setting-page .form-box .form-row.inline, .app-wap-small .admin-page .form-box .form-row.inline { width: 100%; box-sizing: border-box; } .app-wap-small .setting-page .form-box .form-row.inline + .inline, .app-wap-small .admin-page .form-box .form-row.inline + .inline { float: none; } .app-wap-small .setting-page .form-box .form-row.inline + .inline .setting-content, .app-wap-small .admin-page .form-box .form-row.inline + .inline .setting-content { padding: 0; margin: 0; } .app-wap-small .setting-page .form-box .form-row.inline + .inline.form-fontIcon, .app-wap-small .setting-page .form-box .form-row.inline + .inline.form-colorLabel, .app-wap-small .admin-page .form-box .form-row.inline + .inline.form-fontIcon, .app-wap-small .admin-page .form-box .form-row.inline + .inline.form-colorLabel { position: absolute; right: 15px; width: auto; padding: 0; margin: 0; margin-top: 26px; } .app-wap-small .setting-page .form-box .form-row.inline + .inline.form-fontIcon .setting-content, .app-wap-small .setting-page .form-box .form-row.inline + .inline.form-colorLabel .setting-content, .app-wap-small .admin-page .form-box .form-row.inline + .inline.form-fontIcon .setting-content, .app-wap-small .admin-page .form-box .form-row.inline + .inline.form-colorLabel .setting-content { padding: 0; margin: 0; } .app-wap-small .setting-page .form-box .form-row .line, .app-wap-small .setting-page .form-box .form-row hr, .app-wap-small .admin-page .form-box .form-row .line, .app-wap-small .admin-page .form-box .form-row hr { margin: 5px 2px; } .app-wap-small .setting-page .form-box .form-row.form-input .desc, .app-wap-small .setting-page .form-box .form-row.form-password .desc, .app-wap-small .setting-page .form-box .form-row.form-number .desc, .app-wap-small .setting-page .form-box .form-row.form-segment .desc, .app-wap-small .setting-page .form-box .form-row.form-checkbox .desc, .app-wap-small .setting-page .form-box .form-row.form-radio .desc, .app-wap-small .setting-page .form-box .form-row.form-slider .desc, .app-wap-small .setting-page .form-box .form-row.form-fileSelect .desc, .app-wap-small .admin-page .form-box .form-row.form-input .desc, .app-wap-small .admin-page .form-box .form-row.form-password .desc, .app-wap-small .admin-page .form-box .form-row.form-number .desc, .app-wap-small .admin-page .form-box .form-row.form-segment .desc, .app-wap-small .admin-page .form-box .form-row.form-checkbox .desc, .app-wap-small .admin-page .form-box .form-row.form-radio .desc, .app-wap-small .admin-page .form-box .form-row.form-slider .desc, .app-wap-small .admin-page .form-box .form-row.form-fileSelect .desc { display: block; } .app-wap-small .setting-page .form-box .form-row.form-tags .setting-content .select2-container, .app-wap-small .admin-page .form-box .form-row.form-tags .setting-content .select2-container { width: inherit !important; } .app-wap-small .setting-page .form-box .form-row.form-tags .desc, .app-wap-small .admin-page .form-box .form-row.form-tags .desc { display: block; } .app-wap-small .setting-page .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico, .app-wap-small .admin-page .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico { position: relative; top: -1px; } .app-wap-small .setting-page .dialog-form.target-form .form-box.config-box .panel-form-body, .app-wap-small .admin-page .dialog-form.target-form .form-box.config-box .panel-form-body { overflow: hidden; padding: 0px 0 10px 0; } .app-wap-small .setting-page .kodTable .toolbar > div, .app-wap-small .admin-page .kodTable .toolbar > div { display: block; } .app-wap-small .setting-page .kodTable .toolbar .right, .app-wap-small .admin-page .kodTable .toolbar .right { position: absolute; right: 0px; top: 1px; } .app-wap-small .setting-page .kodTable .toolbar .right .search-box input, .app-wap-small .admin-page .kodTable .toolbar .right .search-box input { width: 80px; } .app-wap-small .setting-page .kodTable .list-row .drag-item, .app-wap-small .admin-page .kodTable .list-row .drag-item { display: none !important; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body { margin: 0; padding: 0; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row { margin-right: 5px; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.form-dateTime input, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.form-dateTime input { padding-left: 3px; width: 65px !important; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.inline, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.inline { width: inherit; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.inline .desc, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.inline .desc { display: inline-block; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row .setting-content, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row .setting-content { margin-bottom: 0px; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logTime, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logTime { clear: both; margin-bottom: 3px; float: none; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logType .select2-container, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logType .select2-container { margin-right: 0; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logUser .setting-content, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logUser .setting-content { width: 90px; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .search-type select, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .search-type select { width: 75px; } .app-wap-small .setting-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .panel-form-body, .app-wap-small .admin-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .panel-form-body { padding: 0px 0 30px 1px; border-radius: 0 0 4px 4px; } .app-wap-small .setting-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group, .app-wap-small .admin-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group { padding: 0; margin: 0px 0px 10px 0px; } .app-wap-small .setting-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item, .app-wap-small .admin-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item { padding: 5px 5px; margin: 5px 1px -2px 0; } .app-wap-small .setting-page .panel-body.storage-page .app-content .app-model, .app-wap-small .admin-page .panel-body.storage-page .app-content .app-model { padding: 0; } .app-wap-small .setting-page .panel-body.storage-page .store-type-box, .app-wap-small .admin-page .panel-body.storage-page .store-type-box { padding: 0; margin-left: -5px; } .app-wap-small .setting-page .panel-body.storage-page .store-type-box .store-title, .app-wap-small .admin-page .panel-body.storage-page .store-type-box .store-title { text-align: left; padding-left: 12px; color: #000; float: none; } .app-wap-small .setting-page .panel-body.storage-page .store-type-box .store-type, .app-wap-small .admin-page .panel-body.storage-page .store-type-box .store-type { padding: 0px 0 10px 10px; float: none; } .app-wap-small .setting-page .panel-body.storage-page .store-type-box .link-help, .app-wap-small .admin-page .panel-body.storage-page .store-type-box .link-help { top: -35px; left: 280px; } .app-wap-small .setting-page .panel-body.plugin-page, .app-wap-small .admin-page .panel-body.plugin-page { padding: 0 !important; } .app-wap-small .setting-page .panel-body.plugin-page .app-content, .app-wap-small .admin-page .panel-body.plugin-page .app-content { margin: 5px; } .app-wap-small .setting-page .panel-body.plugin-page .app-content .app-model, .app-wap-small .admin-page .panel-body.plugin-page .app-content .app-model { padding: 0; } .app-wap-small .setting-page .panel-body.plugin-page .app-content .app-list, .app-wap-small .admin-page .panel-body.plugin-page .app-content .app-list { justify-content: space-around; } .app-wap-small .setting-page .panel-body.plugin-page .app-content .app-list .app-li, .app-wap-small .admin-page .panel-body.plugin-page .app-content .app-list .app-li { margin: 0 5px 20px 0; width: 150px; } .app-wap-small .setting-page .panel-body.plugin-page .app-descript, .app-wap-small .admin-page .panel-body.plugin-page .app-descript { padding: 5px; } .app-wap-small .setting-page .panel-body.plugin-page .app-descript .dtl-header, .app-wap-small .admin-page .panel-body.plugin-page .app-descript .dtl-header { padding-bottom: 0; } .app-wap-small .setting-page .panel-body.plugin-page .app-descript .left-content, .app-wap-small .admin-page .panel-body.plugin-page .app-descript .left-content { float: none; clear: both; margin: -10px 0 10px 0; width: auto; } .app-wap-small .setting-page .panel-body.plugin-page .app-descript .right-content, .app-wap-small .admin-page .panel-body.plugin-page .app-descript .right-content { padding-left: 0; margin-left: -15px; } .app-wap-small .setting-page .panel-body.plugin-page .app-descript .dtl-header .name, .app-wap-small .admin-page .panel-body.plugin-page .app-descript .dtl-header .name { margin: 0; } .app-wap-small .setting-page .panel-body.plugin-page .app-toolbar .search-box input, .app-wap-small .admin-page .panel-body.plugin-page .app-toolbar .search-box input { width: 150px; } .app-wap-small .setting-page .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item, .app-wap-small .admin-page .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item { padding: 8px 8px; margin: 4px 2px -2px 0; } .app-wap-small .setting-page .kodTable .list-col.setting .do-action, .app-wap-small .admin-page .kodTable .list-col.setting .do-action { padding: 2px 1px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col { padding: 6px 10px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.name, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.name { min-width: 70px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.role, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.role { min-width: 70px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.attr-label, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.attr-label { min-width: 65px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.setting, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.setting { min-width: 50px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select, .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select-set, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select-set { margin-left: 10px; top: 2px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col[field="target"], .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col[field="target"] { min-width: 50px; text-align: center; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col[field="subMenu"], .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col[field="subMenu"] { min-width: 40px; text-align: center; } .app-wap-small .setting-page .panel-body .list-page .my-page-box, .app-wap-small .admin-page .panel-body .list-page .my-page-box { border-width: 0.5px; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-content .page-cover, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-content .page-cover { display: none; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-content .page-to, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-content .page-to { padding: 0 4px; min-width: inherit; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-content .page-to.hidden, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-content .page-to.hidden { display: inline-block !important; visibility: visible !important; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-info, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-info { border-left: none; margin-left: 2px; height: 28px; line-height: 28px; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-info input, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-info input { border-width: 0.5px; padding: 2px 0px 2px 0px; height: 16px; line-height: 16px; position: absolute; top: 4px; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-select select, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-select select { width: 60px; padding: 0 5px; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-info-text, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-info-text { padding-left: 32px; } .app-wap-small .setting-page .panel-body .list-page .my-page-box.data-only-one-page .page-content .page-to.hiddden, .app-wap-small .admin-page .panel-body .list-page .my-page-box.data-only-one-page .page-content .page-to.hiddden { display: none !important; } .app-wap-small .setting-page .panel-body .list-page .my-page-box.data-only-one-page .page-info-text, .app-wap-small .admin-page .panel-body .list-page .my-page-box.data-only-one-page .page-info-text { padding-left: 4px; } .app-wap-small .setting-page .panel-body.overview-page, .app-wap-small .admin-page .panel-body.overview-page { padding: 0 !important; } .app-wap-small .setting-page .panel-body.overview-page .tab-table-box, .app-wap-small .admin-page .panel-body.overview-page .tab-table-box { padding: 10px; } .app-wap-small .setting-page .panel-body.overview-page .tab-table-box .kodTable .content, .app-wap-small .admin-page .panel-body.overview-page .tab-table-box .kodTable .content { height: auto; } .app-wap-small .setting-page .panel-body.overview-page .tab-table-box .tab-content .col-md-4, .app-wap-small .admin-page .panel-body.overview-page .tab-table-box .tab-content .col-md-4 { border-top: 1px solid #e8e8e8; margin-top: 5px; } .app-wap-small .setting-page .panel-body.overview-page .tab-table-box .chart-box.opt, .app-wap-small .admin-page .panel-body.overview-page .tab-table-box .chart-box.opt { top: 0px; } .app-wap-small .setting-page .panel-body.overview-page .tab-trend-box, .app-wap-small .admin-page .panel-body.overview-page .tab-trend-box { padding: 10px; } .app-wap-small .setting-page .panel-body.overview-page .option-box .option, .app-wap-small .admin-page .panel-body.overview-page .option-box .option { margin-bottom: 10px; } .app-wap-small .setting-page .panel-body.overview-page .option-box .option .opt-body, .app-wap-small .admin-page .panel-body.overview-page .option-box .option .opt-body { padding: 15px 10px 10px 10px; } .app-wap-small .setting-page .panel-body.member-page, .app-wap-small .admin-page .panel-body.member-page { padding: 0 !important; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-left, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-left { -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; border-right: none; } .app-wap-small .setting-page .panel-body.member-page .page-box .drag-resize, .app-wap-small .admin-page .panel-body.member-page .page-box .drag-resize { display: none; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right { left: 0 !important; margin-left: 10px; margin: 0; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .group-title, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title { font-size: 16px; margin-left: 10px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .group-title a[data-action="group-home"], .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title a[data-action="group-home"] { display: none; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .group-title .group-size, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title .group-size { bottom: 0px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right a.font-icon-label, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right a.font-icon-label { margin: 0; margin-left: 2px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .search-user, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user { right: 10px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .search-user .btn-search, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user .btn-search { padding: 6px 8px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .search-user input, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user input { width: 100px; padding-right: 10px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .button-aciton-muti, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .button-aciton-muti { margin-left: 2px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right div.btn-group-sm > .btn, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right div.btn-group-sm > .btn { padding: 5px 4px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .user-list-content, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-list-content { right: 0px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable> .content, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable> .content { top: 39px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .space-info-bar, .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .space-info-bar .space-process, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .space-info-bar, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .space-info-bar .space-process { width: 75px; font-size: 10px; } .app-wap-small .setting-page .panel-body.plugin-page .app-toolbar .search-box .btn-search, .app-wap-small .admin-page .panel-body.plugin-page .app-toolbar .search-box .btn-search { padding: 5px 10px; } .app-wap-small .setting-page .panel-body.admin-share-page .toolbar .panel-form-body > .form-row.item-time, .app-wap-small .admin-page .panel-body.admin-share-page .toolbar .panel-form-body > .form-row.item-time { clear: both; margin-bottom: 3px; float: none; } .app-wap-small .setting-page .panel-body.admin-share-page .toolbar .panel-form-body > .form-row.item-user, .app-wap-small .admin-page .panel-body.admin-share-page .toolbar .panel-form-body > .form-row.item-user { clear: both; } .app-wap-small .setting-page .panel-body.admin-share-page .toolbar .panel-form-body > .form-row.item-user, .app-wap-small .setting-page .panel-body.admin-share-page .toolbar .panel-form-body > .form-row.item-type, .app-wap-small .setting-page .panel-body.admin-share-page .toolbar .panel-form-body > .form-row.item-status, .app-wap-small .admin-page .panel-body.admin-share-page .toolbar .panel-form-body > .form-row.item-user, .app-wap-small .admin-page .panel-body.admin-share-page .toolbar .panel-form-body > .form-row.item-type, .app-wap-small .admin-page .panel-body.admin-share-page .toolbar .panel-form-body > .form-row.item-status { margin-top: 3px; } .app-wap-small .setting-page .kodTable .content .list-table .list-row, .app-wap-small .admin-page .kodTable .content .list-table .list-row { border-bottom-width: 0.5px; } .app-wap-small .setting-page .panel-body.storage-page .app-content .app-list .app-li, .app-wap-small .setting-page .ztree li a.curSelectedNode, .app-wap-small .setting-page .ztree li a.curDropTreeNode, .app-wap-small .admin-page .panel-body.storage-page .app-content .app-list .app-li, .app-wap-small .admin-page .ztree li a.curSelectedNode, .app-wap-small .admin-page .ztree li a.curDropTreeNode { border-width: 0.5px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .user-toolbar, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-toolbar { border-bottom-width: 0.5px; } .app-wap-small .setting-page .content-main-message .content-main, .app-wap-small .admin-page .content-main-message .content-main { width: 90%; margin: 20% auto; } .app-wap-small .setting-page .admin-main-content .panel-body.log-page .list-table .list-col .log-action .action-icon:before, .app-wap-small .admin-page .admin-main-content .panel-body.log-page .list-table .list-col .log-action .action-icon:before { font-size: 14px !important; position: relative; top: 0px; left: 0px; top: 0.5px; left: 0.5px; } .app-wap-small .setting-page .setting-main-content .panel-body.wall-page .wall-desktop .theme-bg-image .setting-title, .app-wap-small .admin-page .setting-main-content .panel-body.wall-page .wall-desktop .theme-bg-image .setting-title { width: 32px; margin-right: 10px; padding: 8px 0px; } .app-wap-small .dialog-max { left: 0 !important; top: 0px !important; width: 100% !important; height: 100% !important; bottom: 0px !important; min-width: inherit !important; } .app-wap-small .dialog-max.artDialog .aui-outer { border-radius: 0px !important; } .app-wap-small .dialog-max .aui-content { overflow-y: auto; min-width: inherit; } .app-wap-small .dialog-max.dialog-no-title.dialog-form .aui-content { overflow: hidden; } .app-wap-small .dialog-max.dialog-no-title.dialog-form .config-box.form-box { overflow: hidden; position: static; } .app-wap-small .dialog-max.dialog-no-title.dialog-form .form-box .panel-form-body { padding: 10px 0 40px 0; position: absolute !important; top: 45px; bottom: 0; overflow: auto; } .app-wap-small .dialog-max .aui-max, .app-wap-small .dialog-max .aui-min { display: none; } .app-wap-small .dialog-max .resize-handle { display: none !important; } .app-wap-small .dialog-max .aui-main { overflow: inherit; } .app-wap-small .dialog-max:not(.dialog-simple) { margin-top: 5px; border-radius: 6px; overflow: hidden; box-shadow: 0 -1px 8px rgba(0,0,0,0.15); } .app-wap-small .dialog-max:not(.dialog-simple) .aui-main { box-sizing: border-box; } .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title-bar { height: 40px; line-height: 40px; } .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title { height: 40px; line-height: 40px; background: #fafafa; border-bottom: 0.5px solid #eee; } .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-title .path-ico { position: relative; top: -5px; } .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-min, .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-max, .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close { height: 40px; width: 48px; line-height: 40px; background-color: transparent; } .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close:hover, .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer .aui-header .aui-close:active { background-color: #e81123; } .app-wap-small .dialog-max:not(.dialog-simple) .aui-outer { width: 100% !important; height: 100% !important; } .app-wap-small .dialog-max.dialog-bg-blur .aui-border { background: rgba(255,255,255,0.96); } .app-wap-small .dialog-max.check-version-dialog .update-box { height: 100%; } .app-wap-small .dialog-max.dialog-app-select .aui-title-bar { position: absolute; width: 100%; } .app-wap-small .dialog-max.dialog-app-select .aui-content { margin-top: 70px; } .app-wap-small .dialog-max.dialog-file-upload .uploader-content, .app-wap-small .dialog-max.dialog-file-upload .downloader-content { bottom: 30px; } .app-wap-small .dialog-max.dialog-file-upload .file-upload-box .uploader-content { background: none; } .app-wap-small .dialog-max.server-dwonload-textarea textarea { width: 100% !important; box-sizing: border-box; padding: 10px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-to .form-row.item-shareHeader .share-info { height: 75px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-to .form-row.item-shareHeader .share-info .right-desc { left: 15px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-shareHeader .share-info { height: 90px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-shareHeader .share-info .path-ico { display: none; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.share-type-link .form-row.item-shareHeader .share-info .right-desc { left: 15px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box .form-row.item-shareHeader { padding: 0; } .app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box .form-row.item-shareHeader .share-info .right-desc .name { font-weight: normal; } .app-wap-small .dialog-max.share-dialog-box.dialog-form .form-box.config-box .panel-form-body { min-width: 100%; padding-top: 0; top: -2px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.form-checkbox .desc { display: inline-block; } .app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-shareTitle { margin-left: 4px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-authTo .setting-content { padding-left: 0; padding: 2px 5px 2px 2px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-authTo .kod-select-main .auth-select-box { height: 380px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-authTo .kod-select-main .auth-toolbar { margin-right: 5px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form .form-row.item-shareLink .setting-content .desc { position: absolute; right: 5px; top: 0px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form .source-auth-info { display: block; } .app-wap-small .dialog-max.dialog-simple .aui-outer .aui-close { border: 5px solid transparent; } .app-wap-small .dialog-max.dialog-simple.music-player-dialog .aui-min, .app-wap-small .dialog-max.dialog-simple.music-player-dialog .aui-close, .app-wap-small .dialog-max.dialog-simple.music-player-dialog .aui-max { display: block !important; } .app-wap-small .dialog-max.dialog-simple.music-player-dialog .aui-outer .aui-close { border: none; } .app-wap-small .dialog-max.dialog-simple.dplayer-dialog .aui-outer, .app-wap-small .dialog-max.dialog-simple.dplayer-dialog .aui-border { background: #000; width: 100%; height: 100%; } .app-wap-small .dialog-max.dialog-simple.dplayer-dialog .dplayer-full .dplayer-icon.dplayer-full-in-icon { display: none !important; } .app-wap-small .dialog-max.dialog-simple.dplayer-dialog .dplayer-video-wrap { height: calc(100% - 100px); margin-top: 50px; background: #222; } .app-wap-small .dialog-max.pathAuth-dialog .auth-list-body { position: absolute; width: 96%; margin: 10px 2%; padding: 0; overflow: auto; } .app-wap-small .dialog-max.pathAuth-dialog .auth-list-body table td.auth-item-title { width: 37px; } .app-wap-small .dialog-max.pathAuth-dialog .auth-list-body table td.auth-item-title .label { margin-bottom: 5px; } .app-wap-small .dialog-max.dialog-copyright .dialog-copyright-content, .app-wap-small .dialog-max.dialog-copyright .aui-content, .app-wap-small .dialog-max.check-version-dialog .dialog-copyright-content, .app-wap-small .dialog-max.check-version-dialog .aui-content { width: 100%; height: 100%; padding: 0; border-radius: 0; } .app-wap-small .dialog-max.light-app-dialog .light-app-main { min-width: inherit; min-height: inherit; } .app-wap-small .dialog-max.light-app-dialog .light-app-main .app-content .app-model { padding: 15px; } .app-wap-small .dialog-max.explorer-dialog-open .app-wap-small { border-top: 0.5px solid #ddd; } .app-wap-small .dialog-max.dialog-file-upload .aui-min { display: block; } .app-wap-small .dialog-max.dialog-file-upload .file-upload-box .upload-folder-dropdown { display: none; } .app-wap-small .dialog-max.tag-list-dialog .dialog-form .form-box .form-row { margin-top: 10px; } .app-wap-small .dialog-max.tag-list-dialog .dialog-form .form-box .form-row.inline + .inline.form-colorLabel { margin-top: 10px !important; } .app-wap-small .dialog-max.dialog-form .form-box .form-row, .app-wap-small .dialog-max .dialog-form .form-box .form-row { padding: 0px 15px 0px 15px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-title, .app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-title { text-align: left !important; height: 1.5em; line-height: 1.5em; color: #222; padding-left: 0; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-title.no-title, .app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-title.no-title { display: none; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-userSelect .setting-title, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-userSelect .setting-title { padding-top: 5px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row label, .app-wap-small .dialog-max .dialog-form .form-box .form-row label { margin-top: 0px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-content, .app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-content { padding: 0; margin-bottom: 3px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-content .form-save-button, .app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-content .form-save-button { margin: 10px 0 10px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .kod-select-main:hover .clear-select, .app-wap-small .dialog-max .dialog-form .form-box .form-row .kod-select-main:hover .clear-select { display: none; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-button-line:before, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-button-line:before { top: 15px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline { width: 100%; box-sizing: border-box; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline + .inline, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline + .inline { float: none; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline + .inline .setting-content, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline + .inline .setting-content { padding: 0; margin: 0; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline + .inline.form-fontIcon, .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline + .inline.form-colorLabel, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline + .inline.form-fontIcon, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline + .inline.form-colorLabel { position: absolute; right: 15px; width: auto; padding: 0; margin: 0; margin-top: 26px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline + .inline.form-fontIcon .setting-content, .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline + .inline.form-colorLabel .setting-content, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline + .inline.form-fontIcon .setting-content, .app-wap-small .dialog-max .dialog-form .form-box .form-row.inline + .inline.form-colorLabel .setting-content { padding: 0; margin: 0; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .line, .app-wap-small .dialog-max.dialog-form .form-box .form-row hr, .app-wap-small .dialog-max .dialog-form .form-box .form-row .line, .app-wap-small .dialog-max .dialog-form .form-box .form-row hr { margin: 5px 2px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-input .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-password .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-number .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-segment .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-checkbox .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-radio .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-slider .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-fileSelect .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-input .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-password .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-number .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-segment .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-checkbox .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-radio .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-slider .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-fileSelect .desc { display: block; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-tags .setting-content .select2-container, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-tags .setting-content .select2-container { width: inherit !important; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-tags .desc, .app-wap-small .dialog-max .dialog-form .form-box .form-row.form-tags .desc { display: block; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico, .app-wap-small .dialog-max .dialog-form .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico { position: relative; top: -1px; } .app-wap-small .dialog-max.dialog-form .form-box.config-box .form-header .modal-title, .app-wap-small .dialog-max .dialog-form .form-box.config-box .form-header .modal-title { padding-left: 15px; } .app-wap-small .dialog-max.dialog-form .form-box .panel-form-body, .app-wap-small .dialog-max .dialog-form .form-box .panel-form-body { padding: 10px 0 50px 0; position: relative !important; top: 0px; } .app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group, .app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group { margin: 10px 15px -10px 10px; } .app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item, .app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item { padding: 5px 5px; } .app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body, .app-wap-small .dialog-max .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body { padding: 5px 0 40px 0; position: relative !important; top: 15px; } .artDialog.dialog-prompt-box .aui-outer, .artDialog.dialog-confirm-box .aui-outer, .artDialog.dialog-alert-box .aui-outer { width: 330px; } .artDialog.dialog-prompt-box .aui-main, .artDialog.dialog-confirm-box .aui-main, .artDialog.dialog-alert-box .aui-main { padding: 45px 20px !important; } .app-wap-small .artDialog.dialog-prompt-box .aui-header, .app-wap-small .artDialog.dialog-prompt-box .aui-icon, .app-wap-small .artDialog.dialog-confirm-box .aui-header, .app-wap-small .artDialog.dialog-confirm-box .aui-icon, .app-wap-small .artDialog.dialog-alert-box .aui-header, .app-wap-small .artDialog.dialog-alert-box .aui-icon { display: none; } .app-wap-small .artDialog.dialog-prompt-box .aui-outer, .app-wap-small .artDialog.dialog-confirm-box .aui-outer, .app-wap-small .artDialog.dialog-alert-box .aui-outer { border-radius: 13px; width: 300px; background: rgba(255,255,255,0.95); } .app-wap-small .artDialog.dialog-prompt-box .aui-main, .app-wap-small .artDialog.dialog-confirm-box .aui-main, .app-wap-small .artDialog.dialog-alert-box .aui-main { background: none; padding: 35px 20px !important; } .app-wap-small .artDialog.dialog-prompt-box .aui-content, .app-wap-small .artDialog.dialog-confirm-box .aui-content, .app-wap-small .artDialog.dialog-alert-box .aui-content { color: #222; font-size: 1.1em; word-break: break-all; text-align: center; -khtml-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important; } .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons { background: none; padding: 0; border-top: 0.5px solid rgba(0,0,0,0.1); display: flex; } .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight { height: 44px; line-height: 44px; padding: 0; margin: 0; width: 100%; background: transparent; border-radius: 0; font-size: 1.1em; font-weight: 800; color: #007aff; border: none; box-shadow: none; border-right: 0.5px solid rgba(0,0,0,0.1); } .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:last-child, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:last-child, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:last-child, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:last-child, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button:last-child, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:last-child { border-right: none; } .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:active, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button:hover, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:active, .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight:hover, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:active, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button:hover, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:active, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight:hover, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button:active, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button:hover, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:active, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight:hover { color: #007aff; box-shadow: none; background: rgba(0,0,0,0.05); } .app-wap-small .artDialog.dialog-prompt-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-confirm-box .aui-outer .aui-buttons button.aui-state-highlight, .app-wap-small .artDialog.dialog-alert-box .aui-outer .aui-buttons button.aui-state-highlight { font-weight: 800; } .app-wap-small .dialog-max.file-rename-mutil-dialog .header .name-title { font-size: 22px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from { height: 90px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row .setting-content { width: inherit !important; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.inline { padding: 0 0 0 3px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.inline .setting-content { margin: 6px 0 0 6px; padding-left: 5px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.inline+ .inline .setting-content { padding-left: 5px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.inline+ .inline { float: left; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.item-type { width: 95%; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.item-type .select2-container { width: 270px !important; } .app-wap-small .dialog-max.file-rename-mutil-dialog .dialog-content { top: 165px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .rename-start { right: 10px; top: -2px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .actions { top: 45px; right: 5px; } .app-wap-small .edit-main .edit-right-frame { width: 1px !important; display: block; border: none; } .app-wap-small .edit-main .edit-body .edit-content .ace_editor { width: 100% !important; } .app-wap-small .edit-main .edit-body .edit-content .drag-resize { display: none; } .app-wap-small .edit-main .edit-body .edit-content .ace_editor.cal-page .drag-resize.cal-preview-resize { display: block; } .app-wap-small .edit-main .tools a { padding: 0px 8px; } .app-wap-small .edit-main .tools .line { margin: 5px 1px; } .app-wap-small .edit-main .tools a[action="saveAll"], .app-wap-small .edit-main .tools a[action="historyBack"], .app-wap-small .edit-main .tools a[action="historyNext"], .app-wap-small .edit-main .tools a[action="historyNext"] + .line, .app-wap-small .edit-main .tools a[action="preview"], .app-wap-small .edit-main .tools .right, .app-wap-small .edit-main .tools a.menu-view-goto-line { display: none; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar { display: none; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview { padding: 10px; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame a[action="toggle-markdown"] { display: none; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box { height: 105px; top: 5px; right: 10px; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box { top: 5px; right: 40px; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting { top: 75px; right: 40px; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-help { top: 5px; right: 40px; width: 360px; } .app-wap-small .edit-main .search-content .ace_search .ace_search_options { margin: 3px 0 0 10px; } .app-wap-small .edit-main .search-content .ace_search .ace_button { margin-left: -1px; width: 25px; border-radius: 0px; } .app-wap-small .edit-main .search-content .ace_search .ace_search_input { left: 95px; right: 140px; } .app-wap-small .edit-main .search-content .ace_search .ace_searchbtn, .app-wap-small .edit-main .search-content .ace_search .ace_replacebtn { padding: 0 11px !important; width: initial; } .app-wap-small .edit-main .edit-content.markdown-full-page .edit-right-frame { width: 100% !important; } .app-wap-small .edit-main .edit-content.markdown-full-page .edit-right-frame .markdown-preview { margin: 20px auto; } .app-wap-small .edit-main .edit-content.markdown-full-page .preview-markdown-frame .preview-markdown-tool .box { top: 35px; } .app-wap-small .edit-main .edit-content.markdown-full-page .preview-markdown-frame .markdown-menu-box { top: 35px; } .app-wap-small .edit-main .edit-content.markdown-full-page .preview-markdown-frame .markdown-setting { top: 105px; } .app-wap-small .edit-main .tools { border-bottom-width: 0.5px; } .app-wap-small .edit-main .edit-tab .tabs { top: 28.5px; border-bottom-width: 0.5px; } .app-wap-small .edit-main .edit-tab .tabs .tab { border-left-width: 0.5px; border-right-width: 0.5px; } .app-wap-small .ace_search .ace_search_field { width: 80px; } .app-wap-small .dialog-editor .edit-main .tools .top-toolbar { padding-left: 0px; } .app-wap-small .dialog-editor.dialog-max-first--- { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; } .app-wap-small .dialog-editor.dialog-max-first--- td.aui-main { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; width: 100% !important; height: 100% !important; } .app-wap-small .frame-main-explorer .bodymain, .app-wap-small .frame-main-desktop .bodymain { margin-top: 76px; right: 0 !important; } .app-wap-small .frame-main-explorer .bodymain .item-select, .app-wap-small .frame-main-desktop .bodymain .item-select { display: none !important; } .app-wap-small .frame-main-explorer .bodymain .file-select-info, .app-wap-small .frame-main-desktop .bodymain .file-select-info { font-size: 10px; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon, .app-wap-small .frame-main-desktop .bodymain .file-list-icon { padding: 5px; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file, .app-wap-small .frame-main-explorer .bodymain .file-list-icon .flex-empty, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .flex-empty { margin: 0 5px 5px 0; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file { border-radius: 2px; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit { box-shadow: 0 0 0 1px #91d5ff !important; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile { border-radius: 0 0 2px 2px; border: 1px solid #91d5ff; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .title-type-name, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .title-type-name { padding: 4px 1px 3px 1px; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .title-type-name .title, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .title-type-name .title { position: relative; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .title-type-name .title:after1, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .title-type-name .title:after1 { content: attr(ext); position: absolute; bottom: 0; right: 0px; white-space: nowrap; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .meta-info .path-ico .x-item-icon, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .meta-info .path-ico .x-item-icon { margin: 0px; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .meta-info .file-list-tag, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .meta-info .file-list-tag { margin-right: -2px; margin-top: -3px; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file, .app-wap-small .frame-main-desktop .bodymain .file-continer .file { background: transparent; border: none; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file.file-icon-edit, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-icon-edit { background: #e6f7ff !important; box-shadow: 0 0 0 0.5px #1890ff; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file.file-icon-edit .item-menu, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-icon-edit .item-menu { display: none !important; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file.context-menu-active, .app-wap-small .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: #e6f7ff !important; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file.file-focus, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-focus { box-shadow: 0 0 0 0.5px rgba(24,144,255,0.1); box-shadow: none; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file.select, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select { background: #f3f9ff; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-select .item-check:before, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-select .item-check:before { position: relative; left: -3px; top: -1px; } .app-wap-small .frame-main-explorer .bodymain div.file-list-list .file.file-icon-edit .title-item.title-type-name .title, .app-wap-small .frame-main-desktop .bodymain div.file-list-list .file.file-icon-edit .title-item.title-type-name .title { overflow: inherit !important; width: 75% !important; height: 32px !important; margin-left: -3px; padding-left: 3px; display: inline-block; } .app-wap-small .frame-main-explorer .bodymain div.file-list-list .file.file-icon-edit .title-item.title-type-name .title .textarea, .app-wap-small .frame-main-desktop .bodymain div.file-list-list .file.file-icon-edit .title-item.title-type-name .title .textarea { overflow: inherit; } .app-wap-small .frame-main-explorer .bodymain div.file-list-list .file.file-icon-edit .title-item.title-type-name .title .newfile, .app-wap-small .frame-main-desktop .bodymain div.file-list-list .file.file-icon-edit .title-item.title-type-name .title .newfile { padding: 4px 4px 3px 4px; margin: -1px 0 0 0px; min-width: 100%; width: 100%; box-shadow: 0 0 0 1px #1890ff4a, 0 0 0 3px #1890ff21; border-radius: 3px; } .app-wap-small .frame-main-explorer .bodymain div.file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title, .app-wap-small .frame-main-desktop .bodymain div.file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title { margin-top: 15px !important; } .app-wap-small .frame-main-explorer .bodymain .refresh-element, .app-wap-small .frame-main-desktop .bodymain .refresh-element { color: #888; background: #fafafa; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu { display: block !important; width: 20px; height: 20px; padding: 5px; background: none; border: none; border-radius: 0; top: 0px; right: 0px; opacity: 1; box-shadow: none; text-shadow: none; border-radius: 3px; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert { border: none; margin: 0; color: #aaa; width: 20px; height: 20px; line-height: 18px; background: #fff; border-radius: 50%; border: 0.5px solid rgba(0,0,0,0.2); margin: -1px 0 0 -1px; opacity: 0.2; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert:before, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:before { position: relative; top: -1px; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu:active .cert, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert { opacity: 0.8; border-color: #1890ff; color: #1890ff; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert:before, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:before { font-style: normal; vertical-align: middle; text-align: center; line-height: 1em; font-size: 1.3em; width: 1.2em; font-family: "remixicon"; content: "\ef78"; } .app-wap-small .frame-main-desktop .bodymain { margin-top: 0px; } .app-wap-small .frame-main-desktop .bodymain .refresh-element { position: fixed; top: 40px; z-index: 10; background: rgba(24,144,255,0.89); color: #ffffff; } .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert { background: rgba(0,0,0,0.1); border: 0.5px solid rgba(255,255,255,0.2); } .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert { opacity: 0.8; border-color: #1890ff; color: #fff; background: rgba(24,144,255,0.3); } .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover { background: rgba(255,255,255,0.1) !important; } .app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-icon-edit, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: rgba(172,223,255,0.2) !important; } .app-wap-small .frame-main-desktop .desktop-right-menu { display: block !important; visibility: visible !important; } .app-wap-small .pathSelectApi .frame-main-explorer .bodymain .file-continer .file .item-select { display: block !important; border: 4px solid transparent; } .app-wap-small .pathSelectApi .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-select { right: 50px; top: 16px; } .app-wap-small .pathSelectApi .frame-main-explorer .frame-right .frame-header .tools-wap .menu-body-auto { display: none; } .app-wap-small .share-page-main .frame-main-explorer .frame-right .frame-header .header-content .header-address { right: 40px; left: 10px; } .app-wap-small .frame-main-explorer .frame-right .frame-header { min-width: auto; background: none; height: 75px; border-bottom: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content { padding: 0; background: none; border: none; height: 32px; overflow: hidden; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-left { display: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-middle { padding: 0; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-middle .btn-default { height: 28.5px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .btn[data-action="goto-father"], .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .btn.fav-button { display: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address { position: absolute; right: 80px; left: 40px; width: auto; height: 32px; border: none; margin-top: 3px; overflow: hidden; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .loading-item { line-height: 32px; height: 32px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico { position: relative; top: 0; vertical-align: top; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico .svg-icon { position: absolute; top: 5px; margin: 0; margin-left: -2px; font-size: 20px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content { margin: 0; overflow: auto; white-space: nowrap; left: initial !important; width: initial !important; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a { background: transparent; overflow: hidden; margin-left: 0; padding: 0 17px 0 4px; border-radius: 4px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:active, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:focus { background: #eee; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a .ripple-father { padding-right: 15px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:after { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ea6e"; position: absolute; top: 0; margin-left: -2px; opacity: 0.6; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:after { float: none; display: inline-block; height: 32px; line-height: 32px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address span.title-name { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-input { position: absolute; left: 0px; right: 100px; left: 0; width: auto; border-right: none; line-height: 30px; border: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-input input { border-radius: 0px; box-shadow: none; height: 27px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-input input:focus { box-shadow: inset 0 0 3px #def; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right { top: 38px; height: 38px; position: absolute; width: 100%; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box { top: 0; left: 8px; right: 8px; z-index: 50; margin-top: 0; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box input.search { border: none; box-shadow: none; height: 32px; width: 100%; background: #f4f4f4; border-radius: 32px; padding: 0 40px 0 15px; box-sizing: border-box; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .start-search, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .search-more, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .search-clear { width: 30px; height: 30px; line-height: 30px; top: 0; border: none; box-shadow: none; border-radius: 4px; padding: 0; margin: 1px 1px 0 0; text-align: center; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .start-search { background: none; border-radius: 30px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .search-more { right: 30px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .search-clear { right: 60px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right.search-open .search-box input.search, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box input.search:focus { background: #f1f1f1; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-dropdown .form-row.item-searchContentTips .setting-title.no-title { display: inline-block; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-middle .btn { border-width: 0.5px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools { border: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .btn { border-width: 0.5px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right { margin-right: 10px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .menu-file-sort-by { display: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .set-icon-size { display: none !important; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .panel-toggle { display: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .list-type.active { display: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn[data-action="set-list-split"] { display: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm { margin-top: -33px; margin-right: -4px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm > .btn { padding: 7px 8px; margin: 0; border-radius: 4px; background: none; border: none; box-shadow: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm > .btn:active { background: #f3f3f3; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm .font-icon { background: none; padding: 0; margin: 0 !important; width: auto !important; position: relative; top: -1px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm .list-type { color: #888; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm .list-type[data-action="set-list-list"]:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\eeb9"; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn-group-sm .list-type[data-action="set-list-icon"]:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ed9e"; } .app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown.dialog-form { right: 0; border: none; border-radius: 0; margin-top: 35px; width: 450px; max-height: 600px; overflow: auto; box-shadow: 0 10px 20px rgba(0,0,0,0.1); } .app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown.dialog-form .panel-form-body { overflow: inherit; padding: 5px 5px 10px 20px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown.dialog-form .panel-form-body .form-row .setting-content { width: calc(100% - 110px); box-sizing: border-box; } .app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown.dialog-form .panel-form-body .form-row.inline .setting-content { width: auto; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-middle .role-label-box { position: absolute; z-index: 10; right: 40px; left: inherit; margin-top: -27px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .search-down-mask { background: rgba(0,0,0,0.2); position: fixed; z-index: 10; top: 120px; bottom: 0px; left: 0; right: 0px; } .app-wap-small .frame-main-explorer .frame-right .file-select-info { display: none; } .app-wap-small .frame-main-explorer .frame-right .file-page { bottom: 8px; font-size: 10px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box { border-width: 0.5px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-content .page-cover { display: none; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-content .page-to { padding: 0 4px; min-width: inherit; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-content .page-to.hidden { display: inline-block !important; visibility: visible !important; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-info { border-left: none; margin-left: 2px; height: 28px; line-height: 28px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-info input { border-width: 0.5px; padding: 2px 0px 2px 0px; height: 16px; line-height: 16px; position: absolute; top: 4px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-select select { width: 60px; padding: 0 5px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-info-text { padding-left: 32px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box.data-only-one-page .page-content .page-to.hiddden { display: none !important; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box.data-only-one-page .page-info-text { padding-left: 4px; } .app-wap-small .frame-main-explorer .frame-right .file-page.page-hide { display: none; } .app-wap-small .frame-main-explorer .frame-right .tools .btn-group-sm > .btn.panel-toggle { padding: 4px 6px 5px 6px !important; margin-left: 10px; } .app-wap-small .frame-main-explorer .frame-right .bodymain { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; border-top: 0.5px solid #eee; } .app-wap-small .frame-main-explorer .frame-right .bodymain .list-type-header { display: none !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-continer-main { top: 0px !important; padding: 0px 0 50px 0; background: #fff; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list { padding: 10px 0 40px 0; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file { height: auto; min-height: 64px; border: none; margin: 0; width: 100% !important; background: #fff; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file:after { content: " "; width: 100%; height: 0.5px; position: absolute; left: 64.92px; right: 0px; bottom: 0; background: #e6e6e6; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .children-more { display: none !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item { width: initial !important; height: 36px; line-height: 32px; margin-top: 28px; display: inline-block; text-align: left; padding: 0; margin-right: 8px; min-width: 20px; font-size: 0.9em; color: #aaa; overflow: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item .user-info .path-ico { margin-right: 5px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .children-search-content { background: #fafdff; border: none; margin-bottom: 0; width: 100%; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .children-search-content .search-show-more-toggle { margin-left: 17px; padding-left: 6px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .children-search-content .children-search-item { margin-left: 17px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-shareUser { width: 60px !important; min-width: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-shareTime, .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-createTime { width: 100px !important; min-width: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name + .title-item { margin-left: 64.92px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name + .title-item.title-type-driver { margin-left: 35px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-size { min-width: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-size .title-count { float: right; margin-left: 5px; padding: 0; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-size .size-content { float: left; min-width: 45px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name { width: 100% !important; height: 64px; line-height: inherit; position: absolute; margin: 0; padding: 0; padding-left: 8px; color: #333; font-size: 15px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .title-continer { display: block; overflow: inherit; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico { height: 49.92px; width: 49.92px; line-height: 49.92px; margin-right: 5px; margin-top: 7.04px; padding: 0; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon { font-size: 20px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon.x-folder { margin-top: 3px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon.x-tag-label { height: 44.928px !important; width: 44.928px !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon.x-tag-label:before { width: 40%; height: 40%; border-radius: 50%; content: " "; background: linear-gradient(45deg,#ffffff7d,#ffffff00); margin-top: 4px; position: absolute; right: 15%; top: 15%; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico .svg-icon { height: 49.92px; width: 49.92px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .path-ico img { height: inherit; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .title-continer { background: transparent !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .title { display: inline-block; margin-top: 12px; max-width: 75%; height: 25px !important; overflow: hidden; text-overflow: ellipsis; line-height: 1.05em; padding: 4px 0 0px 0; margin-top: 0px; height: 35px !important; position: relative; white-space: initial; display: flex; justify-content: space-around; flex-direction: column; display: -webkit-box; height: 31px !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-box-pack: center; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .title.title-only { margin-top: 22px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .title.title-only { padding: 0; -webkit-box-pack: center; margin: 0; margin-top: -2px; height: 64px !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info { top: 18px; right: 45px; height: 30px; line-height: 30px; z-index: 5; font-size: 0.8em; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info.app-link { top: 38.96px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info em { font-size: 0.8em; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .file-desc { line-height: 30px; max-width: 100px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .path-ico, .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .svg-icon, .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info img { width: 16px; height: 16px; line-height: 30px; margin-top: 0px; margin-left: 2px; overflow: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .meta-icon .x-item-icon { font-size: 16px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .title-item.title-type-name .meta-info .meta-icon .x-item-icon:before { position: relative; top: -3px; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu { height: 64px; line-height: 64px; padding: 0; width: 44.8px; text-align: center; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu .cert { border: none; height: 64px; line-height: 62px; display: inline; background: none; font-size: 14px; color: #ddd; opacity: 1; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu:active, .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu:focus { background: rgba(24,144,255,0.1); } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu:active .cert, .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .file .item-menu:focus .cert { color: #1890ff; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .drag-back-menu { position: absolute; right: 0px; width: 100%; height: 64px; background: #1890ff; opacity: 0.7; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .drag-back-menu.active { opacity: 1; } .app-wap-small .frame-main-explorer .frame-right .bodymain .file-list-list .drag-back-menu .font-icon { height: 64px; width: 64px; line-height: 64px; position: absolute; right: 0; color: #fff; font-size: 20px; background: rgba(255,255,255,0.1); } .app-wap-small .frame-main-explorer .frame-right .refresh-element { font-size: 12px; opacity: 0.8; } .app-wap-small .frame-main-explorer .frame-right .refresh-element .font-icon { display: inline-block; width: 20px; height: 20px; line-height: 20px; } .app-wap-small .frame-main-explorer .frame-right .refresh-element .refresh-icon { transition: transform .3s; text-align: center; margin: 0 auto; width: 20px; height: 20px; } .app-wap-small .frame-main-explorer .frame-right .refresh-element .refresh-icon.loading { -webkit-animation: moveCircleLoopRight 0.7s infinite linear; animation: moveCircleLoopRight 0.7s infinite linear; transition: none; width: 15px; height: 15px; } .app-wap-small .frame-main-explorer .frame-right .refresh-element .refresh-icon.loading .font-icon { width: 15px; height: 15px; border-radius: 50%; border: 2px solid #bbb; position: relative; left: -2px; top: -2px; border-bottom-color: #eee; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle { margin: 2px 0 0 -4px; padding: 0px 5px 2px 0; position: absolute; top: 0px; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; background: none; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .font-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee55"; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn { height: 30px; line-height: 30px; border: none; padding: 0; width: 36px; margin-top: 1px; border-width: 0.5px; padding-left: 5px; text-shadow: none; background: #40a9ff; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn:active { background: #1890ff; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn .font-icon { position: relative; top: 0; padding-left: 2px; height: 30px; line-height: 25px; color: #fff; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn .font-icon:before { font-size: 18px; } .app-wap-small .frame-main-explorer .frame-left, .app-wap-small .frame-main-editor .frame-left { width: 280px !important; z-index: 100; background: #fff; box-shadow: 0 10px 15px rgba(0,0,0,0.1); border-right: none; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-small .frame-main-explorer .drag-resize-tree, .app-wap-small .frame-main-editor .drag-resize-tree { display: none; } .app-wap-small .frame-main-explorer .frame-right, .app-wap-small .frame-main-editor .frame-right { left: 0 !important; min-width: auto; border-left: none; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a, .app-wap-touch .frame-main-editor .frame-left .ztree li a, .app-wap-small .frame-main-explorer .frame-left .ztree li a, .app-wap-small .frame-main-editor .frame-left .ztree li a { height: 36px; line-height: 34px; margin: 0; border: none; padding-left: 5px; font-size: 1.1em; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a span.tree_icon, .app-wap-touch .frame-main-editor .frame-left .ztree li a span.tree_icon, .app-wap-small .frame-main-explorer .frame-left .ztree li a span.tree_icon, .app-wap-small .frame-main-editor .frame-left .ztree li a span.tree_icon { margin-top: -2px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.level1, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level1, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level1, .app-wap-small .frame-main-editor .frame-left .ztree li a.level1 { height: 36px; line-height: 36px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 { padding-left: 0px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0 .menu-item, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0 .menu-item, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0 .menu-item, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 .menu-item { margin-right: 0; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0 span.button.switch, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 span.button.switch { height: 36px; line-height: 36px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch.noline_open, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0 span.button.switch.noline_open, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch.noline_open, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 span.button.switch.noline_open { line-height: 38px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a input.rename, .app-wap-touch .frame-main-editor .frame-left .ztree li a input.rename, .app-wap-small .frame-main-explorer .frame-left .ztree li a input.rename, .app-wap-small .frame-main-editor .frame-left .ztree li a input.rename { height: 34px; margin-top: 1px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch, .app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch, .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch, .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch { height: 36px; line-height: 36px; width: 30px !important; padding: 0; } .app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch.noline_open, .app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch.noline_open, .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch.noline_open, .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch.noline_open { line-height: 38px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li .node_name span.node-name-desc, .app-wap-touch .frame-main-editor .frame-left .ztree li .node_name span.node-name-desc, .app-wap-small .frame-main-explorer .frame-left .ztree li .node_name span.node-name-desc, .app-wap-small .frame-main-editor .frame-left .ztree li .node_name span.node-name-desc { height: 18px; line-height: 18px; margin-top: 9px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item { display: block; width: 36px; height: 36px; margin-top: 0; top: 0; right: 0; border: none; color: rgba(0,0,0,0.05); border-radius: 0; background: none; box-shadow: none; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item .cert { border: none; font-size: 12px; width: 36px; height: 36px; margin: 0; line-height: 34px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item .cert:before, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item .cert:before, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item .cert:before, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item .cert:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef78"; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert { color: #1890ff; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert { background: rgba(24,144,255,0.1); } .app-wap-small .frame-main-explorer .tools-wap { padding-top: 5px; margin-left: 4px; display: block; } .app-wap-small .frame-main-explorer .tools-left { display: none; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon { padding: 10px 0; display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-end; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty { padding: 0; margin: 1px 1px 0 0; border-radius: 0; width: 100px; height: 90px; border: none; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file:active, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty:active { opacity: 0.6; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file.file-icon-edit .title-type-name, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty.file-icon-edit .title-type-name { width: 100%; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty.file-icon-edit .title-type-name .textarea .newfile { width: 100%; padding: 0; margin: -6px 0 0 -2px; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file .path-ico, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty .path-ico { height: 100% !important; width: 100% !important; line-height: inherit !important; font-size: inherit !important; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file .ico.picture, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty .ico.picture { height: 100% !important; width: 100% !important; margin: 0; padding: 0; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file .ico.picture img, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty .ico.picture img { box-shadow: none; height: 100% !important; width: 100% !important; max-height: 100%; border-radius: 0; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file .ico.picture img.lazyload-ready, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty .ico.picture img.lazyload-ready { width: 16px !important; height: 16px !important; box-shadow: none !important; } .app-wap-small .pathinfo .p { margin-bottom: 5px; } .frame-main .select-file-bar { display: none; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar, .app-wap-small .frame-main-explorer.frame-main .select-file-bar, .app-wap-small .frame-main-desktop.frame-main .select-file-bar { position: absolute; top: 0px; z-index: 50; width: 100%; height: 62px; line-height: 62px; background: rgba(24,144,255,0.95); color: #fff; transform: translateY(-62px); visibility: hidden !important; display: block; opacity: 0; font-size: 14px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .item-btn, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .item-btn, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .item-btn, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .item-btn { padding: 0 15px; display: inline-block; cursor: pointer; position: relative; z-index: 2; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .item-btn:active, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .item-btn:active, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .item-btn:active, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .item-btn:active { background: rgba(255,255,255,0.1); } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .left, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .left, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .left, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .left { float: left; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .right, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .right, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .right, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .right { float: right; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .select-num, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .select-num, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .select-num, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .select-num { position: absolute; text-align: center; width: 100%; z-index: 0; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .select-num em, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .select-num em, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .select-num em, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .select-num em { font-style: normal; padding: 0 2px; font-weight: 800; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .menu-action:before, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .menu-action:before, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .menu-action:before, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .menu-action:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ef78"; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .select-all, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .select-all, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .select-all, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .select-all { padding-left: 5px; margin-left: -4px; } .app-wap-touch .frame-main-explorer.frame-main.select-file .select-file-bar, .app-wap-touch .frame-main-desktop.frame-main.select-file .select-file-bar, .app-wap-small .frame-main-explorer.frame-main.select-file .select-file-bar, .app-wap-small .frame-main-desktop.frame-main.select-file .select-file-bar { visibility: visible !important; transform: translateY(0px); opacity: 1; } .app-wap-touch .frame-main-explorer.frame-main.select-file .frame-header .tools-wap .menu-body-auto, .app-wap-touch .frame-main-desktop.frame-main.select-file .frame-header .tools-wap .menu-body-auto, .app-wap-small .frame-main-explorer.frame-main.select-file .frame-header .tools-wap .menu-body-auto, .app-wap-small .frame-main-desktop.frame-main.select-file .frame-header .tools-wap .menu-body-auto { right: -50px !important; } .app-wap-touch .frame-main-explorer.frame-main .tools-left, .app-wap-touch .frame-main-desktop.frame-main .tools-left, .app-wap-small .frame-main-explorer.frame-main .tools-left, .app-wap-small .frame-main-desktop.frame-main .tools-left { display: block; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item { transform: translateY(50px); position: fixed; bottom: 0px; left: 0px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; z-index: 50; text-align: center; background: #1890ff; width: 100%; height: 50px; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn-group, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn-group, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn-group, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn-group { padding: 0; margin: 0; float: none; width: 100%; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .desc-name, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .desc-name, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .desc-name, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .desc-name { position: relative; top: 4px; font-size: 0.8em; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn { flex: 1; color: #fff; height: 50px; margin: 0; padding: 0 0px; text-shadow: none; font-size: 14px; background: none; box-shadow: none; border: none; opacity: 0.6; pointer-events: none; border-left: 0.5px solid rgba(255,255,255,0.05); white-space: normal; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon { background: none; display: block; font-size: 20px; width: 100%; text-align: center; margin: 0; padding: 0; margin-top: -2px; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon.ri-arrow-down-s-fill, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon.ri-arrow-down-s-fill, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon.ri-arrow-down-s-fill, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon.ri-arrow-down-s-fill { display: none; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon:before, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon:before, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon:before, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon:before { display: inline-block; color: #fff !important; background: transparent; text-fill-color: #fff; -webkit-text-fill-color: #fff; background-clip: text; -webkit-background-clip: text; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn:active, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn:active, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn:active, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn:active { background: rgba(255,255,255,0.15); } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar { display: none !important; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-file, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-file, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-file, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-file { display: block !important; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .menu-action, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .menu-action, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .menu-action, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .menu-action { opacity: 0.5; pointer-events: none; } .app-wap-touch .frame-main-explorer.frame-main.select-file.select-file-has .select-file-bar .menu-action, .app-wap-touch .frame-main-desktop.frame-main.select-file.select-file-has .select-file-bar .menu-action, .app-wap-small .frame-main-explorer.frame-main.select-file.select-file-has .select-file-bar .menu-action, .app-wap-small .frame-main-desktop.frame-main.select-file.select-file-has .select-file-bar .menu-action { opacity: 1; pointer-events: auto; } .app-wap-touch .frame-main-explorer.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn, .app-wap-touch .frame-main-desktop.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-explorer.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-desktop.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn { opacity: 1; pointer-events: auto; } .app-wap-touch .frame-main-explorer.frame-main.select-file .kod-toolbar .toolbar-item, .app-wap-touch .frame-main-desktop.frame-main.select-file .kod-toolbar .toolbar-item, .app-wap-small .frame-main-explorer.frame-main.select-file .kod-toolbar .toolbar-item, .app-wap-small .frame-main-desktop.frame-main.select-file .kod-toolbar .toolbar-item { visibility: visible !important; transform: translateY(0px); } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file { opacity: 0.7; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-menu, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-menu, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-menu, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-menu { display: none !important; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-select { display: block !important; width: 16px; height: 16px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select { opacity: 1; background: #e6f7ff !important; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select .item-select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select .item-select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select .item-select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select .item-select { transform: rotate(360deg); } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-icon .item-select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-icon .item-select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-icon .item-select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-icon .item-select { right: 4px; left: unset; top: 5px; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-list .item-select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-list .item-select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-list .item-select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-list .item-select { right: 10px; margin-top: 16px; } .app-wap-touch .frame-main-desktop.frame-main .select-file-bar, .app-wap-small .frame-main-desktop.frame-main .select-file-bar { height: 40px; line-height: 40px; z-index: 110; transform: translateY(-40px); } .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select { background: rgba(255,255,255,0.3) !important; } .app-wap-touch .artDialog.pathSelectApi .app-wap-small .artDialog.pathSelectApi .context-menu-item.file-select-mutil { display: none; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-more { left: 70px; } .app-wap-small .menuBar { top: 0; width: 100%; height: 40px; background: linear-gradient(30deg,#1b6de1,#075fb8); } .app-wap-small .menuBar .logo { height: 40px; min-height: 40px; line-height: 40px; background: none; float: left; position: relative; z-index: 2; } .app-wap-small .menuBar .logo a { line-height: 40px; margin-top: -1px; } .app-wap-small .menuBar .menu-item { height: 40px; line-height: 40px; width: inherit; float: left; padding: 0 10px; border-left: 0.5px solid rgba(255,255,255,0.05); } .app-wap-small .menuBar .menu-item .font-icon { width: 14px; height: 30px; line-height: 25px; font-size: 15px; display: inline-block; padding: 0; } .app-wap-small .menuBar .menu-item .image-icon { display: inline-flex; width: 20px; height: 20px; overflow: visible; padding: 0; margin-right: 2px; } .app-wap-small .menuBar .menu-item .image-icon img { top: 6px; } .app-wap-small .menuBar .menu-item.this:before { display: none; } .app-wap-small .menuBar .activebar-bottom .menu-item { padding: 0; width: 45px; } .app-wap-small .menuBar .menu-group-submenu { float: left; position: relative; } .app-wap-small .menuBar .menu-group-submenu .menu-item { border-right: 1px solid rgba(255,255,255,0.05); padding: 0 15px; } .app-wap-small .menuBar .menu-group-submenu .menu-item span { display: none; } .app-wap-small .menuBar .dropdown-menu { position: absolute; z-index: 9999; margin: 0; margin-top: -2px; left: initial; top: 40px; bottom: initial; right: 0px; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .app-wap-small .menuBar .dropdown-menu:before, .app-wap-small .menuBar .dropdown-menu:after { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(255,255,255,0.8); left: auto; top: 0; bottom: auto; right: 17px; margin-top: -6px; } .app-wap-small .menuBar .dropdown-menu:before { border-left-width: 7px; border-right-width: 7px; border-bottom-width: 7px; top: -1px; right: 16px; } .app-wap-small .menuBar .dropdown-menu li.divider { height: 0.5px; margin: 3px 0px 3px 20px; background: rgba(0,0,0,0.1); } .app-wap-small .menuBar .dropdown-menu .dropdown-menu-back { background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .app-wap-small .menuBar .menu-dropdown-submenu { width: 300px; right: inherit; left: 0px; } .app-wap-small .menuBar .menu-dropdown-submenu:before, .app-wap-small .menuBar .menu-dropdown-submenu:after { right: auto; left: 17px; } .app-wap-small .menuBar .menu-dropdown-submenu:before { left: 16px; } .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-right { right: 0; left: inherit; } .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-right:before { left: inherit; right: 18px; } .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-right:after { left: inherit; right: 19px; } .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-middle { position: fixed; left: 0px; } .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-middle:before, .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-middle:after { display: none; } .app-wap-small .menuBar .menu-group-notice .menu-dropdown-notice { width: 260px; overflow: inherit; margin-right: -55px; } .app-wap-small .menuBar .menu-group-notice .menu-dropdown-notice:before, .app-wap-small .menuBar .menu-group-notice .menu-dropdown-notice:after { right: 70px; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user .menu-dropdown-language { top: 31px; right: 0; left: inherit; bottom: inherit; width: 263px; } .app-wap-small .menuBar .menu-group-user .menu-item-user .avata { width: 32px; height: 32px; padding: 0; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user { margin-right: 2px; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user:before { right: 12px; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user:after { right: 13px; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user li.url-link { line-height: 35px; height: 35px; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user li:active { background: #1890ff; color: #fff; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user li:active .font-icon { color: rgba(255,255,255,0.8); } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user .body-fullscreen { display: none !important; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user .copyright-show + .divider { display: none !important; } .app-wap-small .menuBar .menu-lauguage-item, .app-wap-small .menuBar .menu-notice-item { border-radius: 0; } .app-wap-small .menuBar .menu-lauguage-item .font-icon, .app-wap-small .menuBar .menu-notice-item .font-icon { font-size: 1.1em; } .app-wap-small .menuBar .activebar-bottom { right: 0px; bottom: 0px; height: 40px; } .app-wap-small .menuBar .activebar-bottom .menu-group { float: left; position: relative; } .app-wap-small .app-main { left: 0px; top: 40px; } .app-wap-small .app-admin .app-main { top: 0; left: 0; } .app-wap-small .app-desktop#app .app-main { top: 0px; } .app-wap-small .app-desktop#app .bodymain { left: 0px; top: 40px; } .app-wap-small .app-desktop#app .menuBar { box-shadow: 0 0 5px rgba(0,0,0,0.1), 0 0px 0 0.5px #ffffff3f, 0 1px 0 0.5px #0000001a; background: none; } .app-wap-small .app-desktop#app .menuBar .menu-item { text-shadow: 0px 0px 0px #fff, 0px 0px 2px rgba(0,0,0,0.9), 0px 0px 4px rgba(0,0,0,0.8); } .app-wap-small .app-desktop#app .menuBar .menu-item .font-icon { text-shadow: 0px 0px 0px #fff, 0px 0px 4px rgba(0,0,0,0.4); } .app-wap-small .app-desktop#app .menuBar .area-background { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .app-wap-small .app-desktop#app .menuBar.aero:before { display: none; } .menu-show-parent .menu-show-mask { display: none; } .menu-show-parent .menu-show-toggle { display: none; } .app-wap-small .menu-show-parent .menu-show-toggle { display: block; position: fixed; left: 0; z-index: 5; width: 40px; height: 30px; line-height: 29px; background: #e6f7ff; text-align: center; margin: 20px 0 0 0; border-radius: 0 3px 3px 0; background: rgba(24,144,255,0.6); color: #fff; border-left: none; font-size: 10px; cursor: pointer; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 2px 0 8px rgba(0,0,0,0.1); } .app-wap-small .menu-show-parent .menu-show-toggle .font-icon { position: relative; top: -1px; display: inline-block; height: 30px; line-height: 30px; } .app-wap-small .menu-show-parent .menu-show-toggle .font-icon:before { font-family: "remixicon"; font-style: normal; vertical-align: middle; line-height: 1em; font-size: 1.3em; width: 1.2em; text-align: center; content: "\ee55"; } .app-wap-small .menu-show-parent .menu-show-toggle:active { color: #fff; background: rgba(24,144,255,0.9); } .app-wap-small .menu-show-parent .menu-show-mask { display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.1); z-index: 90; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; visibility: hidden; } .app-wap-small .menu-show-parent .menu-show-mask:before { display: none; } .app-wap-small .menu-show-parent.setting-page .menu-show-toggle { margin: 20px 0 0 0; } .app-wap-small .menu-show-parent.setting-page .setting-menu-left { visibility: hidden; transform: translateX(-255px); } .app-wap-small .menu-show-parent.setting-page .setting-menu-left:before { display: none; } .app-wap-small .menu-show-parent.setting-page.menu-show-open .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.setting-page.menu-show-open .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.setting-page.menu-show-open .setting-menu-left { visibility: visible; transform: translateX(0px); } .app-wap-small .menu-show-parent.setting-page.menu-show-open .setting-menu-left:before { display: block; } .app-wap-small .menu-show-parent.setting-page .setting-main { left: 0; } .app-wap-small .menu-show-parent.setting-page .setting-main .title-address { margin-left: 45px; } .app-wap-small .menu-show-parent.admin-page .menu-show-toggle { margin: 20px 0 0 0; } .app-wap-small .menu-show-parent.admin-page .admin-menu-left { visibility: hidden; transform: translateX(-255px); z-index: 110; } .app-wap-small .menu-show-parent.admin-page.menu-show-open > .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.admin-page.menu-show-open > .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.admin-page.menu-show-open .admin-menu-left { visibility: visible; transform: translateX(0px); } .app-wap-small .menu-show-parent.admin-page.menu-show-open .admin-menu-left:before { display: block; } .app-wap-small .menu-show-parent.admin-page .admin-main { left: 0; } .app-wap-small .menu-show-parent.admin-page .admin-main .title-address { margin-left: 45px; } .app-wap-small .menu-show-parent.light-app-main .menu-show-toggle { margin: 10px 0 0 0; } .app-wap-small .menu-show-parent.light-app-main .app-menu-left { visibility: hidden; transform: translateX(-200px); -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; border: none; } .app-wap-small .menu-show-parent.light-app-main .app-menu-left:before { display: none; } .app-wap-small .menu-show-parent.light-app-main.menu-show-open .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.light-app-main.menu-show-open .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.light-app-main.menu-show-open .app-menu-left { visibility: visible; transform: translateX(0px); } .app-wap-small .menu-show-parent.light-app-main.menu-show-open .app-menu-left:before { display: block; } .app-wap-small .menu-show-parent.light-app-main .app-content { left: 0; } .app-wap-small .menu-show-parent.light-app-main .app-content .app-model .h1 { margin-left: 0; padding-left: 35px; margin-top: -5px; } .app-wap-small .menu-show-parent.frame-main-explorer .frame-right.panel-open .menu-body-auto { right: -50px !important; } .app-wap-small .menu-show-parent:before { line-height: 15px; font-size: 15px; position: relative; top: 0px; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-left { visibility: hidden; transform: translateX(-280px); } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-left:before { display: none; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .frame-left { visibility: visible; transform: translateX(0px); } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .frame-left:before { display: block; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto { position: fixed; bottom: 40px; right: 25px; left: inherit; text-align: center; border-radius: 50px; height: 45px; width: 45px; padding: 0; font-size: 18px; z-index: 10; background: #1890ff; box-shadow: none; border: none; opacity: 0.8; box-shadow: 2px 2px 10px #1890ff5c; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; transition: 0.3s all; transform: rotate(0deg); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto .font-icon { color: #fff; padding: 0; font-size: 26px; margin-top: -1px; display: inline-block; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto.context-menu-active { transform: rotate(45deg); } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .menu-show-toggle .btn { border-color: #40a9ff; background: #40a9ff; border-radius: 0 3px 3px 0; } .app-wap-small .menu-show-parent.frame-main-editor .menu-show-toggle { width: 28px; height: 24px; line-height: 24px; margin: 2px 0 0 0; z-index: 20; } .app-wap-small .menu-show-parent.frame-main-editor .menu-show-toggle .font-icon { color: #fff; position: relative; top: -2px; height: 22px; line-height: 22px; } .app-wap-small .menu-show-parent.frame-main-editor .menu-show-toggle .font-icon:before { font-size: 15px; } .app-wap-small .menu-show-parent.frame-main-editor .frame-left { visibility: hidden; transform: translateX(-280px); } .app-wap-small .menu-show-parent.frame-main-editor .frame-left:before { display: none; } .app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .frame-left { visibility: visible; display: block; transform: translateX(0px); } .app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .frame-left:before { display: block; } .app-wap-small .menu-show-parent.frame-main-editor .edit-main .tools .top-toolbar { padding-left: 25px; } .app-wap-small .menu-show-parent.frame-main-member .menu-show-toggle { width: 30px; height: 24px; line-height: 24px; opacity: 0.8; margin-top: -6px; } .app-wap-small .menu-show-parent.frame-main-member .menu-show-toggle .font-icon { height: inherit; line-height: inherit; } .app-wap-small .menu-show-parent.frame-main-member .menu-show-toggle .font-icon:before { font-size: 1.1em; } .app-wap-small .menu-show-parent.frame-main-member .frame-left { visibility: hidden; transform: translateX(-280px); } .app-wap-small .menu-show-parent.frame-main-member .frame-left:before { display: none; } .app-wap-small .menu-show-parent.frame-main-member.menu-show-open .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.frame-main-member.menu-show-open .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.frame-main-member.menu-show-open .frame-left { visibility: visible; transform: translateX(0px); } .app-wap-small .menu-show-parent.frame-main-member.menu-show-open .frame-left:before { display: block; } .right-menu-box .item-cancle, .right-menu-box .item-back { display: none; } .right-menu-box .context-menu-list { width: initial !important; } .app-wap-touch div.right-menu-box.open, .app-wap-small div.right-menu-box.open { overflow: hidden !important; } .app-wap-touch .right-menu-box, .app-wap-small .right-menu-box { position: absolute; z-index: 99999; left: 0; top: 0; bottom: 0; right: 0; font-size: 14px; display: none; } .app-wap-touch .right-menu-box.open, .app-wap-small .right-menu-box.open { display: block; } .app-wap-touch .right-menu-box .dialog-menu-title .dialog-max, .app-wap-touch .right-menu-box .dialog-menu-title .dialog-min, .app-wap-small .right-menu-box .dialog-menu-title .dialog-max, .app-wap-small .right-menu-box .dialog-menu-title .dialog-min { display: none; } .app-wap-touch .right-menu-box .context-menu-list, .app-wap-small .right-menu-box .context-menu-list { top: inherit !important; right: 0 !important; bottom: 5px !important; left: 0px !important; border: none !important; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; border-radius: 6px; box-shadow: 0 0px 30px rgba(0,0,0,0.2); overflow: hidden; bottom: 59.5px !important; padding: 15px 0 8px 0; animation-fill-mode: forwards; width: 420px !important; max-width: 100%; min-width: inherit; max-height: 80%; overflow-y: auto; margin: 0 auto; box-sizing: border-box; border-radius: 10px 10px 0 0; background: rgba(250,250,250,0.98); background: #f9faf9; background: #fff; background: rgba(255,255,255,0.99); } .app-wap-touch .right-menu-box .context-menu-list:before, .app-wap-small .right-menu-box .context-menu-list:before { content: ""; position: absolute; top: 8px; left: 50%; width: 40px; height: 5px; margin-left: -20px; background: #eee; border-radius: 3px; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item, .app-wap-small .right-menu-box .context-menu-list .context-menu-item { height: 40px; line-height: 40px; border-bottom: 0.5px solid rgba(0,0,0,0.02); border: none; color: inherit; font-size: 1.1em; padding: 0px 30px 0 30px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; -ms-transition: all 0.35s; transition: all 0.35s; cursor: pointer; overflow: hidden; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item.context-menu-separator, .app-wap-small .right-menu-box .context-menu-list .context-menu-item.context-menu-separator { height: 0.5px; background: rgba(0,0,0,0.1); border: none !important; padding: 0; margin: 2px 0 2px 0px; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view, .app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view { padding: 0; transition: none !important; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item, .app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item { padding: 0px 30px 0 30px; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item .x-item-icon.label, .app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item .x-item-icon.label { top: 2px; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item .item-add:before, .app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item .item-add:before { position: relative; top: -2px; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item.this:after, .app-wap-small .right-menu-box .context-menu-list .context-menu-item.file-tag-view .item.this:after { right: 15px; top: 10px; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item span b, .app-wap-small .right-menu-box .context-menu-list .context-menu-item span b { display: none; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item:active, .app-wap-small .right-menu-box .context-menu-list .context-menu-item:active { background: rgba(0,0,0,0.15); } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item .font-icon .x-item-icon, .app-wap-small .right-menu-box .context-menu-list .context-menu-item .font-icon .x-item-icon { width: 120%; max-width: 120%; max-height: 120%; margin-top: -2px; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-item span.context-menu-accesskey, .app-wap-small .right-menu-box .context-menu-list .context-menu-item span.context-menu-accesskey { display: none; } .app-wap-touch .right-menu-box .context-menu-list .context-menu-submenu:after, .app-wap-small .right-menu-box .context-menu-list .context-menu-submenu:after { top: 9px; } .app-wap-touch .right-menu-box .context-menu-item.hidden + .context-menu-separator, .app-wap-small .right-menu-box .context-menu-item.hidden + .context-menu-separator { display: none; } .app-wap-touch .right-menu-box .menu-path-file .context-menu-item.open, .app-wap-touch .right-menu-box .menu-path-folder .context-menu-item.open, .app-wap-touch .right-menu-box .menu-simple-file .context-menu-item.open, .app-wap-touch .right-menu-box .menu-simple-folder .context-menu-item.open, .app-wap-touch .right-menu-box .menu-path-guest-file .context-menu-item.open, .app-wap-touch .right-menu-box .menu-path-guest-folder .context-menu-item.open, .app-wap-small .right-menu-box .menu-path-file .context-menu-item.open, .app-wap-small .right-menu-box .menu-path-folder .context-menu-item.open, .app-wap-small .right-menu-box .menu-simple-file .context-menu-item.open, .app-wap-small .right-menu-box .menu-simple-folder .context-menu-item.open, .app-wap-small .right-menu-box .menu-path-guest-file .context-menu-item.open, .app-wap-small .right-menu-box .menu-path-guest-folder .context-menu-item.open { display: none !important; } .app-wap-touch .right-menu-box .menu-path-file .context-menu-item.open + .context-menu-separator, .app-wap-touch .right-menu-box .menu-path-folder .context-menu-item.open + .context-menu-separator, .app-wap-touch .right-menu-box .menu-simple-file .context-menu-item.open + .context-menu-separator, .app-wap-touch .right-menu-box .menu-simple-folder .context-menu-item.open + .context-menu-separator, .app-wap-touch .right-menu-box .menu-path-guest-file .context-menu-item.open + .context-menu-separator, .app-wap-touch .right-menu-box .menu-path-guest-folder .context-menu-item.open + .context-menu-separator, .app-wap-small .right-menu-box .menu-path-file .context-menu-item.open + .context-menu-separator, .app-wap-small .right-menu-box .menu-path-folder .context-menu-item.open + .context-menu-separator, .app-wap-small .right-menu-box .menu-simple-file .context-menu-item.open + .context-menu-separator, .app-wap-small .right-menu-box .menu-simple-folder .context-menu-item.open + .context-menu-separator, .app-wap-small .right-menu-box .menu-path-guest-file .context-menu-item.open + .context-menu-separator, .app-wap-small .right-menu-box .menu-path-guest-folder .context-menu-item.open + .context-menu-separator { display: none; } .app-wap-touch .right-menu-box .menu-path-guest-body .context-menu-item.refresh, .app-wap-touch .right-menu-box .menu-path-body .context-menu-item.refresh, .app-wap-small .right-menu-box .menu-path-guest-body .context-menu-item.refresh, .app-wap-small .right-menu-box .menu-path-body .context-menu-item.refresh { display: none !important; } .app-wap-touch .right-menu-box .context-menu-list .set-list-type-item.set-list-split, .app-wap-small .right-menu-box .context-menu-list .set-list-type-item.set-list-split { display: none !important; } .app-wap-touch .right-menu-box .context-menu-list .refresh, .app-wap-touch .right-menu-box .context-menu-list .refresh+.context-menu-separator, .app-wap-small .right-menu-box .context-menu-list .refresh, .app-wap-small .right-menu-box .context-menu-list .refresh+.context-menu-separator { display: none; } .app-wap-touch .right-menu-box .context-menu-list, .app-wap-small .right-menu-box .context-menu-list { transform: translateX(-630px) !important; } .app-wap-touch .right-menu-box .context-menu-list.menu-show-current, .app-wap-small .right-menu-box .context-menu-list.menu-show-current { transform: translateX(0) !important; } .app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-left, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-left { transform: translateX(-630px) !important; } .app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-right, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-right { transform: translateX(630px) !important; } .app-wap-touch .right-menu-box .context-menu-list.menu-show-current.menu-at-middle, .app-wap-small .right-menu-box .context-menu-list.menu-show-current.menu-at-middle { transform: translateX(0) !important; } .app-wap-touch .right-menu-box .context-menu-list.menu-at-left, .app-wap-small .right-menu-box .context-menu-list.menu-at-left { transform: translateX(-630px) !important; } .app-wap-touch .right-menu-box .context-menu-list.menu-at-right, .app-wap-small .right-menu-box .context-menu-list.menu-at-right { transform: translateX(630px) !important; } .app-wap-touch .right-menu-box .context-menu-list.menu-at-middle, .app-wap-small .right-menu-box .context-menu-list.menu-at-middle { transform: translateX(0) !important; } .app-wap-touch .right-menu-box .menu-content, .app-wap-small .right-menu-box .menu-content { z-index: 1000; position: relative; height: 100%; width: 100%; -webkit-transition: 0.35s all; -moz-transition: 0.35s all; -o-transition: 0.35s all; -ms-transition: 0.35s all; transition: 0.35s all; } .app-wap-touch .right-menu-box .menu-content .menu-footer, .app-wap-small .right-menu-box .menu-content .menu-footer { width: 100%; height: 60px; text-align: center; position: fixed; bottom: 0px; z-index: 100000; } .app-wap-touch .right-menu-box .menu-content .item-cancle, .app-wap-touch .right-menu-box .menu-content .item-back, .app-wap-small .right-menu-box .menu-content .item-cancle, .app-wap-small .right-menu-box .menu-content .item-back { width: 420px !important; max-width: 100%; height: 60px; line-height: 55px; display: block; font-size: 1.2em; margin: 0 auto; border-radius: 0; background: #fff; border-top: 5px solid #eee; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; transition: 0.3s all; cursor: pointer; opacity: 1; } .app-wap-touch .right-menu-box .menu-content .item-cancle .font-icon, .app-wap-touch .right-menu-box .menu-content .item-back .font-icon, .app-wap-small .right-menu-box .menu-content .item-cancle .font-icon, .app-wap-small .right-menu-box .menu-content .item-back .font-icon { color: #999; padding-right: 10px; } .app-wap-touch .right-menu-box .menu-content .item-cancle.disabled, .app-wap-touch .right-menu-box .menu-content .item-back.disabled, .app-wap-small .right-menu-box .menu-content .item-cancle.disabled, .app-wap-small .right-menu-box .menu-content .item-back.disabled { pointer-events: none; } .app-wap-touch .right-menu-box .menu-content .item-cancle.hover, .app-wap-touch .right-menu-box .menu-content .item-cancle:active, .app-wap-touch .right-menu-box .menu-content .item-back.hover, .app-wap-touch .right-menu-box .menu-content .item-back:active, .app-wap-small .right-menu-box .menu-content .item-cancle.hover, .app-wap-small .right-menu-box .menu-content .item-cancle:active, .app-wap-small .right-menu-box .menu-content .item-back.hover, .app-wap-small .right-menu-box .menu-content .item-back:active { background: #eee; } .app-wap-touch .right-menu-box .menu-content .item-back, .app-wap-small .right-menu-box .menu-content .item-back { display: none; } .app-wap-touch .right-menu-box .menu-content.menu-show-sub .item-cancle, .app-wap-small .right-menu-box .menu-content.menu-show-sub .item-cancle { display: none; } .app-wap-touch .right-menu-box .menu-content.menu-show-sub .item-back, .app-wap-small .right-menu-box .menu-content.menu-show-sub .item-back { display: block; } .app-wap-touch .right-menu-box .menu-mask-view, .app-wap-small .right-menu-box .menu-mask-view { position: fixed; background: rgba(0,0,0,0.15); top: 0; left: 0; right: 0; bottom: 0; z-index: 999; opacity: 0; display: block; -webkit-transition: 0.35s all; -moz-transition: 0.35s all; -o-transition: 0.35s all; -ms-transition: 0.35s all; transition: 0.35s all; } .app-wap-touch .right-menu-box.status-closing .menu-content > .context-menu-list, .app-wap-small .right-menu-box.status-closing .menu-content > .context-menu-list { display: block !important; } .app-wap-small .edit-main .context-menu-list li.selected i.font-icon { top: -3px; } .app-wap-small .edit-main .context-menu-list.code-charset-list .context-menu-item { padding-left: 0px; } .app-wap-touch .edit-main .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input, .app-wap-small .edit-main .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input { position: relative; width: auto; border: none; margin: 0; padding: 0 0 5px 30px; text-align: left; } .app-wap-touch .edit-main.code-theme-black .context-menu-list .context-menu-item.line-top, .app-wap-small .edit-main.code-theme-black .context-menu-list .context-menu-item.line-top { border-top: 0.5px solid #eee !important; } .app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon { padding: 10px 0 10px 5px; background: #eaebea; } .app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item { width: 64px; height: 85px; line-height: 26px; font-size: 0.8em; border-radius: 10px; padding: 5px; margin: 0 0 2px 6px; text-align: center; border: none; float: left; clear: inherit; } .app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.hover, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.hover { background: none; opacity: 0.8; } .app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.hover .font-icon, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.hover .font-icon { background-color: #f6f6f6; } .app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item span, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item span { width: 72px; overflow: hidden; position: relative; left: -4px; } .app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item .font-icon, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item .font-icon { width: 64px; height: 64px; line-height: 64px; background: #fff; border-radius: 10px; margin: 0; padding: 0; font-size: 28px; display: block; } .app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item .font-icon:before, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item .font-icon:before { display: inline-block; background-image: -webkit-linear-gradient(10deg,#666,#999); text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.context-menu-submenu:after, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-item.context-menu-submenu:after { content: "\ea13"; opacity: 0.15; right: 8px; top: 8px; } .app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-separator, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon .context-menu-separator { width: 0; height: 0px; float: none; clear: both; padding: 0; margin: 0; display: none; } .app-wap-touch .rightmenu-content-list .right-menu-box .context-menu-list.list-icon.set-sort-by .context-menu-separator, .app-wap-small .rightmenu-content-list .right-menu-box .context-menu-list.list-icon.set-sort-by .context-menu-separator { display: block; } .app-wap-touch .frame-header .btn[data-action="set-list-split"] { display: none; } .app-wap-touch .file-upload-box .upload-folder-dropdown { display: none; } .app-wap-touch .frame-main-explorer .bodymain .file-select-info, .app-wap-touch .frame-main-explorer .bodymain .file-page, .app-wap-touch .frame-main-desktop .bodymain .file-select-info, .app-wap-touch .frame-main-desktop .bodymain .file-page { font-size: 10px; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file { background: transparent; border: none; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.hover, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover { background: #e6e6e6 !important; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.select.file-icon-edit, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.select.file-icon-edit { background: #e6f7ff; box-shadow: 0 0 0 0.5px #1890ff; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.context-menu-active, .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: #e6f7ff !important; } .app-wap-touch .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit .title-item.title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit .title-item.title-type-name .title { overflow: inherit !important; width: 75% !important; } .app-wap-touch .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title { margin-top: 15px !important; } .app-wap-touch .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit .title-type-name .textarea .newfile { height: 22px; line-height: 22px; padding: 0px 4px 0px 4px; margin: -4px 0 0 0px; min-width: 100%; width: 100%; box-shadow: 0 0 0 1px #1890ff4a, 0 0 0 3px #1890ff21; border-radius: 2px; } .app-wap-touch .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit, .app-wap-touch .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit { box-shadow: 0 0 0 1px #91d5ff !important; } .app-wap-touch .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-touch .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile { border-radius: 0 0 2px 2px; border: 1px solid #91d5ff; } .app-wap-touch .frame-main-explorer .bodymain .file-list-list .file .title-type-name .title, .app-wap-touch .frame-main-explorer .bodymain .file-list-split .file .title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file .title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-split .file .title-type-name .title { background: transparent !important; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu { display: block !important; width: 20px; height: 20px; padding: 5px; background: none; border: none; border-radius: 0; top: 0px; right: 0px; opacity: 1; box-shadow: none; text-shadow: none; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu .cert, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu .cert { border: none; margin: 0; color: #aaa; width: 20px; height: 20px; line-height: 20px; background: #fff; border-radius: 50%; border: 0.5px solid rgba(0,0,0,0.2); margin: -1px 0 0 -1px; opacity: 0.2; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu:active .cert, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert { opacity: 0.8; border-color: #1890ff; color: #1890ff; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu .cert:before, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:before { font-style: normal; vertical-align: middle; text-align: center; line-height: 1em; font-size: 1.3em; width: 1.2em; font-family: "remixicon"; content: "\ef78"; } .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu .cert { background: rgba(0,0,0,0.1); border: 0.5px solid rgba(255,255,255,0.2); } .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert { opacity: 0.8; border-color: #1890ff; color: #fff; background: rgba(24,144,255,0.3); } .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover { background: rgba(255,255,255,0.1) !important; } .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: rgba(172,223,255,0.2) !important; } .app-wap-touch .frame-main-desktop .desktop-right-menu { display: block !important; visibility: visible !important; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .frame-header { min-width: inherit; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .frame-header .tools-wap { display: block; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.file2, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.file2 { background: #fafafa; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.select, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.select.hover, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select.hover, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: #e6f7ff !important; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-list-list .file.hover .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-list-split .file.hover .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-list-list .file.file2 .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-list-split .file.file2 .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-list-list .file.hover .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-list-split .file.hover .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-list-list .file.file2 .title-type-name .title-continer, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-list-split .file.file2 .title-type-name .title-continer { background: transparent; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .split-box .file.file2, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .split-box .file.file2 { background: none; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .split-box .file.file2 .item-menu, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .split-box .file.file2 .item-menu { right: 20px; } .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.hover { background: rgba(255,255,255,0.1) !important; } .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.file2 { background: transparent; } .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select.hover, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: rgba(255,255,255,0.2) !important; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .refresh-element { color: #888; background: #fafafa; } .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .refresh-element { position: fixed; top: 0px; z-index: 10; background: rgba(24,144,255,0.89); color: #ffffff; } body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file { border: 1px solid transparent; border-radius: 0; } body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file.select, body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file.select.hover, body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file.context-menu-active, body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.select, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.select.hover, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.context-menu-active, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: #e6f7ff !important; border-color: #66baff; } body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file.file-select-drag-temp, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.file-select-drag-temp { background: #e6f7ff; } body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer.file-list-list .file, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer.file-list-list .file { border-left: none; border-right: 0; margin-top: -1px; } body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.hover { background: rgba(255,255,255,0.1) !important; } body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.file2 { background: transparent; } body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.select, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.select.hover, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.context-menu-active, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: rgba(255,255,255,0.2) !important; } .app-wap-small.app-wap-touch .btn, .app-wap-small.app-wap-touch .kui-btn, .app-wap-small.app-wap-touch .info-alert, .app-wap-small.app-wap-touch .dropdown-menu, .app-wap-small.app-wap-touch .my-page-box .page-info, .app-wap-small.app-wap-touch .pathinfo input, .app-wap-small.app-wap-touch .tox-tinymce, .app-wap-small.app-wap-touch .light-app-main .app-content .app-list .app-li, .app-wap-small.app-wap-touch .file-list-list .file .meta-info .file-list-tag .item, .app-wap-small.app-wap-touch .panel-body.plugin-page .app-content .app-list .app-li, .app-wap-small.app-wap-touch .pathinfo .tag-view .tag-list .item, .app-wap-small.app-wap-touch .dialog-app-select .app-list, .app-wap-small.app-wap-touch .dialog-app-select .tab-group .tab-item, .app-wap-small.app-wap-touch .file-rename-mutil-dialog .dialog-content .item, .app-wap-small.app-wap-touch .file-rename-mutil-dialog .dialog-content .item .title-name-new, .app-wap-small.app-wap-touch .file-panel .panel-log .content-list .list-item, .app-wap-small.app-wap-touch .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row, .app-wap-small.app-wap-touch .kod-user-group-select, .app-wap-small.app-wap-touch .kod-user-group-select .select-search input, .app-wap-small.app-wap-touch .form-row .kod-select-main.auth-table .auth-select-box, .app-wap-small.app-wap-touch .panel-body.member-page .page-box .frame-right .search-user input, .app-wap-small.app-wap-touch .panel-body.member-page .page-box .frame-left .select-search input, .app-wap-small.app-wap-touch .form-box .form-row .setting-content .kod-select, .app-wap-small.app-wap-touch .form-box .form-row.form-codeEditor .ace_editor, .app-wap-small.app-wap-touch .form-box .form-row textarea, .app-wap-small.app-wap-touch .form-box .form-row input[type='text'], .app-wap-small.app-wap-touch .form-box .form-row input[type='password'], .app-wap-small.app-wap-touch .form-box .form-row input[type='number'], .app-wap-small.app-wap-touch .form-box .form-row.form-cityPicker .city-picker-span, .app-wap-small.app-wap-touch .form-box .form-row.form-cityPicker .city-picker-span .arrow, .app-wap-small.app-wap-touch .file-upload-box .list input, .app-wap-small.app-wap-touch .form-box .form-row .setting-content .input-title-left, .app-wap-small.app-wap-touch .form-box .form-row .setting-content .input-title-right, .app-wap-small.app-wap-touch span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option, .app-wap-small.app-wap-touch span.select2-container .select2-search--dropdown .select2-search__field, .app-wap-small.app-wap-touch span.select2-container--default .select2-dropdown, .app-wap-small.app-wap-touch span.select2-container--classic .select2-dropdown, .app-wap-small.app-wap-touch span.select2-container--default .select2-selection--multiple, .app-wap-small.app-wap-touch span.select2-container--default .select2-selection--single, .app-wap-small.app-wap-touch span.select2-container--classic .select2-selection--multiple, .app-wap-small.app-wap-touch span.select2-container--classic .select2-selection--single { border-width: 0.5px !important; } .app-wap-small.app-wap-touch .dialog-form.form-box-title-block .form-box .form-row .setting-content .input-title-left, .app-wap-small.app-wap-touch .dialog-form.form-box-title-block .form-box .form-row .setting-content .input-title-right { border-width: 0.5px !important; padding-bottom: 1px; z-index: 10; } .app-wap-small.app-wap-touch .dialog-form.form-box-title-block .form-box .form-row.form-color .setting-content .input-title-left, .app-wap-small.app-wap-touch .dialog-form.form-box-title-block .form-box .form-row.form-color .setting-content .input-title-right { padding-bottom: 0; } .app-wap-small.app-wap-touch .dialog-form.form-box-title-block .form-box .form-row .setting-content .input-title-right { margin-left: -16px; } .app-wap-small.app-wap-touch .form-box .form-row.form-select .setting-title { height: 29px; line-height: 29px; } .app-wap-small.app-wap-touch .panel-body.member-page .page-box .frame-right .search-user .btn-search { border-left-width: 0.5px; } .app-wap-small.app-wap-touch .btn-group .btn+.btn, .app-wap-small.app-wap-touch .btn-group .btn+.btn-group, .app-wap-small.app-wap-touch .btn-group .btn-group+.btn, .app-wap-small.app-wap-touch .btn-group .btn-group+.btn-group { margin-left: -0.5px; } .app-wap-small.app-wap-touch .dialog-tab, .app-wap-small.app-wap-touch .pathinfo .line, .app-wap-small.app-wap-touch .kodTable .content .list-table .list-row, .app-wap-small.app-wap-touch .light-app-main .app-content .app-model .h1, .app-wap-small.app-wap-touch .panel-body.plugin-page .app-toolbar .panel-tab, .app-wap-small.app-wap-touch .file-rename-mutil-dialog .dialog-content .item.item-title, .app-wap-small.app-wap-touch .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-title.has-title, .app-wap-small.app-wap-touch .form-row .kod-select-main.auth-table .item-choice-title, .app-wap-small.app-wap-touch .kod-user-group-select .select-search, .app-wap-small.app-wap-touch .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group, .app-wap-small.app-wap-touch .panel-body.admin-backup-page .backup-set .bak-main { border-bottom-width: 0.5px; } .app-wap-small.app-wap-touch .panel-body.overview-page .option-box .option .opt-body .opt-footer { border-top-width: 0.5px; } .app-wap-small.app-wap-touch span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option { margin: 0 -0.5px -0.5px 0; } .app-wap-touch .right-menu-box.open, .app-wap-touch .pswp__bg, .app-wap-touch .menu-show-mask, .app-wap-touch .menu-mask-view, .app-wap-touch .search-down-mask, .app-wap-touch .frame-main-explorer .frame-left .ztree, .app-wap-touch .frame-main-explorer .file-panel .panel-tab-content, .app-wap-touch .frame-main-explorer .file-panel .content-list-items, .app-wap-touch .kod-user-group-select, .app-wap-touch .select2-dropdown, .app-wap-touch .dropdown-backdrop { overflow: scroll !important; } .app-wap-touch .right-menu-box.open:before, .app-wap-touch .pswp__bg:before, .app-wap-touch .menu-show-mask:before, .app-wap-touch .menu-mask-view:before, .app-wap-touch .search-down-mask:before, .app-wap-touch .frame-main-explorer .frame-left .ztree:before, .app-wap-touch .frame-main-explorer .file-panel .panel-tab-content:before, .app-wap-touch .frame-main-explorer .file-panel .content-list-items:before, .app-wap-touch .kod-user-group-select:before, .app-wap-touch .select2-dropdown:before, .app-wap-touch .dropdown-backdrop:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 1px 0; pointer-events: none; } .app-wap-small.app-wap-android .menu-show-parent.frame-main-member .menu-show-toggle .font-icon { line-height: 26px; } .app-wap-small.app-wap-android .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn .font-icon { line-height: 30px; } .app-share-file-show { width: 52%; left: 14%; top: 50px; bottom: 32px; height: auto; } .app-share-file-show>.dialog-simple.movie-player-dialog { position: sticky !important; width: 100% !important; } .app-share-file-show>.dialog-simple.movie-player-dialog .aui-title { margin-right: 2px; } .app-share-file-show>.dialog-simple.movie-player-dialog .aui-min, .app-share-file-show>.dialog-simple.movie-player-dialog .aui-max, .app-share-file-show>.dialog-simple.movie-player-dialog .aui-close { display: none !important; } .app-share-file-show>.dialog-simple.music-player-dialog { position: sticky !important; width: 320px; margin-top: 10px; } .app-share-file-show>.dialog-simple.music-player-dialog .aui-min, .app-share-file-show>.dialog-simple.music-player-dialog .aui-max, .app-share-file-show>.dialog-simple.music-player-dialog .aui-close { display: none !important; } .app-share-file-show .dplayer-dialog .aui-min, .app-share-file-show .dplayer-dialog .aui-close { display: none !important; } .app-share-file-show .dplayer-dialog .aui-max { right: 10px !important; } .app-share-file-show .dplayer-dialog.dialog-max { position: static !important; } .app-share-file-show .dplayer-dialog.dialog-max .aui-header { top: 107px !important; z-index: 9999; } .app-share-file-show .dplayer-dialog.dialog-max .aui-main { position: fixed; z-index: 100; left: 0px; right: 0px; top: 107px; bottom: 32px; width: inherit !important; height: inherit !important; } .app-share-file-show .dplayer-dialog.dialog-max .dplayer { box-shadow: none; } .app-share-file-show.app-wap-small .dplayer-dialog.dialog-max { position: static !important; } .app-share-file-show.app-wap-small .dplayer-dialog.dialog-max .aui-header { top: 107px !important; z-index: 9999; } .app-share-file-show.app-wap-small .dplayer-dialog.dialog-max .aui-main { position: fixed; z-index: 100; left: 0px; right: 0px; top: 107px; bottom: 32px; width: inherit !important; height: inherit !important; } .app-share-file-show.app-wap-small .dplayer-dialog.dialog-max .dplayer { box-shadow: none; } .app-share-file-show .music-player-dialog .aui-min, .app-share-file-show .music-player-dialog .aui-close, .app-share-file-show .music-player-dialog .aui-max { display: none !important; } .app-share-file-show .music-player-dialog.dialog-max { top: 107px !important; bottom: 32px !important; height: inherit !important; } .app-share-file-show .music-player-dialog.dialog-max .aui-header { top: 107px !important; z-index: 9999; } .app-share-file-show .music-player-dialog.dialog-max .aui-main { position: fixed; z-index: 100; min-height: inherit !important; left: 0px; right: 0px; top: 107px; bottom: 32px; width: inherit !important; height: inherit !important; } .app-share-file-show .music-player-dialog.dialog-max .player-bg { border-radius: 0; } .app-share-file-show .music-player-dialog.dialog-max .jPlayer-music { box-shadow: none; min-height: inherit !important; } .app-share-file-show .music-player-dialog .jPlayer-music .play-list .item .action-right { display: none !important; } .app-share-file-show.app-wap-small .dialog-max.music-player-dialog { top: 107px !important; bottom: 32px !important; height: inherit !important; } .app-share-file-show.app-wap-small .dialog-max.music-player-dialog .aui-header { top: 107px !important; z-index: 9999; } .app-share-file-show.app-wap-small .dialog-max.music-player-dialog .aui-main { position: fixed; z-index: 100; min-height: inherit !important; left: 0px; right: 0px; top: 107px; bottom: 32px; width: inherit !important; height: inherit !important; } .app-share-file-show.app-wap-small .dialog-max.music-player-dialog .player-bg { border-radius: 0; } .app-share-file-show.app-wap-small .dialog-max.music-player-dialog .jPlayer-music { box-shadow: none; min-height: inherit !important; } @media (max-width: 1080px) { .app-share-file-show { width: 100%; left: 0px; position: static !important; } .app-share-file-show .aui-header { top: 107px !important; z-index: 9999; } .app-share-file-show .aui-main { position: fixed; z-index: 100; left: 0px; right: 0px; top: 107px; bottom: 32px; width: inherit !important; height: inherit !important; } .app-share-file-show .dplayer { box-shadow: none; } } .app-wap-small .content-main-message .content-main { width: 90%; margin: 120px auto; } .app-wap-small .content-main-message .content-main .message-content { padding: 40px 10px 100px 10px; } .app-wap-small .content-main-message .content-main .title { margin: 15px 0px; font-size: 18px; } .app-wap-small .common-footer { font-size: 0.9em; } .app-wap-small .common-footer .copyright-content { width: 90%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1080px) { .share-page-main .content-box { width: 100%; left: 0px; border-radius: 4px; } .share-page-main .content-box.content-show { border-radius: 0px 0px 4px 4px; } .share-page-main .content-box.content-show .common-main { right: 0px; top: 57px; } .share-page-main .common-side { height: 80px; width: 100%; left: 0px; border: none; border-radius: 4px 4px 0px 0px; border-bottom: 1px solid rgba(0,0,0,0.1); } .share-page-main .common-side>div { padding: 0px; } .share-page-main .common-side>.line { display: none; } .share-page-main .common-side .share-user-info { text-align: left; padding: 0px; } .share-page-main .common-side .share-user-info .img-box { width: 60px; height: 60px; margin: 10px; float: left; } .share-page-main .common-side .share-user-info .name { display: inline-block; margin: 0px; height: 20px; line-height: 20px; margin-top: 10px; } .share-page-main .common-side .share-file-info { position: absolute; left: 80px; right: 0px; padding: 0px; } .share-page-main .common-side .share-file-info .title { display: none; } .share-page-main .common-side .share-file-info .info-line { line-height: 20px; } .share-page-main .common-side .share-file-info .info-line.name .content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .share-page-main .common-side .share-file-info .info-line.time { float: left; } .share-page-main .common-side .share-file-info .info-line.time .content { width: 100%; } .share-page-main .common-side .share-file-info .info-line.size { display: inline-block; margin-left: 10px; } .share-page-main .common-side .share-file-info .info-line.size .content { width: 100%; } .share-page-main .common-side .share-file-info .info-line.view, .share-page-main .common-side .share-file-info .info-line.down { display: none; } .share-page-main .common-side>.report { position: absolute; right: 10px; margin-top: 0px; bottom: 15px; margin-bottom: 0px; } .share-page-main div.content-box { bottom: 32px; top: 41px; } .share-page-main div.common-side { height: 56px; } .share-page-main div.common-side .share-user-info .img-box { width: 40px; height: 40px; margin: 8px 10px 0 10px; } .share-page-main div.common-side .share-file-info { left: 62px; } .share-page-main div.common-side .share-file-info .info-line.name .content { display: none; } .share-page-main div.common-side .share-file-info .info-line.view, .share-page-main div.common-side .share-file-info .info-line.down { display: inline; padding-left: 5px; position: relative; top: -6px; } .share-page-main div.common-side .share-file-info .info-line.view .title, .share-page-main div.common-side .share-file-info .info-line.view .content, .share-page-main div.common-side .share-file-info .info-line.down .title, .share-page-main div.common-side .share-file-info .info-line.down .content { display: inline; width: inherit; float: none; } .share-page-main div.common-side .share-file-info .info-line.view .clear, .share-page-main div.common-side .share-file-info .info-line.down .clear { display: inline; } .share-page-main .menu-show-parent.frame-main-explorer .menu-show-toggle { display: none; } } .app-wap-small .share-page-main .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto { bottom: 80px; } .app-wap-small .share-page-main .content-box { width: 100%; left: 0px; border-radius: 4px; } .app-wap-small .share-page-main .content-box.content-show { border-radius: 0px 0px 4px 4px; } .app-wap-small .share-page-main .content-box.content-show .common-main { right: 0px; top: 57px; } .app-wap-small .share-page-main .common-side { height: 80px; width: 100%; left: 0px; border: none; border-radius: 4px 4px 0px 0px; border-bottom: 1px solid rgba(0,0,0,0.1); } .app-wap-small .share-page-main .common-side>div { padding: 0px; } .app-wap-small .share-page-main .common-side>.line { display: none; } .app-wap-small .share-page-main .common-side .share-user-info { text-align: left; padding: 0px; } .app-wap-small .share-page-main .common-side .share-user-info .img-box { width: 60px; height: 60px; margin: 10px; float: left; } .app-wap-small .share-page-main .common-side .share-user-info .name { display: inline-block; margin: 0px; height: 20px; line-height: 20px; margin-top: 10px; } .app-wap-small .share-page-main .common-side .share-file-info { position: absolute; left: 80px; right: 0px; padding: 0px; } .app-wap-small .share-page-main .common-side .share-file-info .title { display: none; } .app-wap-small .share-page-main .common-side .share-file-info .info-line { line-height: 20px; } .app-wap-small .share-page-main .common-side .share-file-info .info-line.name .content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .app-wap-small .share-page-main .common-side .share-file-info .info-line.time { float: left; } .app-wap-small .share-page-main .common-side .share-file-info .info-line.time .content { width: 100%; } .app-wap-small .share-page-main .common-side .share-file-info .info-line.size { display: inline-block; margin-left: 10px; } .app-wap-small .share-page-main .common-side .share-file-info .info-line.size .content { width: 100%; } .app-wap-small .share-page-main .common-side .share-file-info .info-line.view, .app-wap-small .share-page-main .common-side .share-file-info .info-line.down { display: none; } .app-wap-small .share-page-main .common-side>.report { position: absolute; right: 10px; margin-top: 0px; bottom: 15px; margin-bottom: 0px; } .app-wap-small .share-page-main div.content-box { bottom: 32px; top: 41px; } .app-wap-small .share-page-main div.common-side { height: 56px; } .app-wap-small .share-page-main div.common-side .share-user-info .img-box { width: 40px; height: 40px; margin: 8px 10px 0 10px; } .app-wap-small .share-page-main div.common-side .share-file-info { left: 62px; } .app-wap-small .share-page-main div.common-side .share-file-info .info-line.name .content { display: none; } .app-wap-small .share-page-main div.common-side .share-file-info .info-line.view, .app-wap-small .share-page-main div.common-side .share-file-info .info-line.down { display: inline; padding-left: 5px; position: relative; top: -6px; } .app-wap-small .share-page-main div.common-side .share-file-info .info-line.view .title, .app-wap-small .share-page-main div.common-side .share-file-info .info-line.view .content, .app-wap-small .share-page-main div.common-side .share-file-info .info-line.down .title, .app-wap-small .share-page-main div.common-side .share-file-info .info-line.down .content { display: inline; width: inherit; float: none; } .app-wap-small .share-page-main div.common-side .share-file-info .info-line.view .clear, .app-wap-small .share-page-main div.common-side .share-file-info .info-line.down .clear { display: inline; } .app-wap-small .share-page-main .menu-show-parent.frame-main-explorer .menu-show-toggle { display: none; } .app-wap-small .share-page-main .content-box.perfectScroll { overflow: auto; } .app-wap-small .share-page-main .content-box .show-code { width: 100%; border: none; top: 0; bottom: 0; left: 0; right: 0; } .app-wap-small .share-page-main .content-box .markdown-preview { margin: 10px auto 50px auto; } .app-wap-small .share-page-main .common-header .topbar .content .topbar-menu.title { font-size: 16px; width: inherit; padding: 0 7px; } .app-wap-small .share-page-main .common-header .topbar .top-right a[share-action="fullscreen"], .app-wap-small .share-page-main .common-header .topbar .top-right a[share-action="qrcode"] { display: none; } .app-wap-small .share-page-main .common-header .topbar .content .top-left { position: absolute; left: 0; right: 170px; width: inherit !important; } .app-wap-small .share-page-main .common-header .topbar .content .top-left .share-info { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; word-break: break-all; float: none; line-height: 40px; } .app-wap-small .share-page-main .common-header .topbar .content .top-left .share-info .share-title { margin: 0 5px; float: none; } .app-wap-small .share-page-main .common-header .topbar .content .top-left .share-info .share-title-info { font-size: 1.1em; } .app-wap-small .frame-main-explorer .drag-resize-panel { display: none !important; } .app-wap-small .frame-main-explorer .file-panel { margin-top: 61px; width: 100% !important; } .app-wap-small .frame-main-explorer .file-panel .emoji-panel { width: 100%; left: 0 !important; border-left: none; } .app-wap-small .frame-main-explorer .file-panel .emoji-panel .tab-content { padding: 5px 3px 30px 3px; max-width: 410px; } .app-wap-small .frame-main-explorer .file-panel .emoji-panel .tab-content .item-face { width: 27px; height: 30px; line-height: 30px; font-size: 22px; } .app-wap-small .frame-main-explorer .file-panel .emoji-panel .tab-content .item-face.item-face-emoji { width: 26px; padding: 0 1px 0 0; } .app-wap-small .frame-main-explorer .file-panel .emoji-panel .tab-content .item-face img { position: relative; top: -3px; } .app-wap-small .frame-main-explorer .file-panel .dialog-tab { border-top-width: 0.5px; } .app-wap-small .frame-main-explorer .file-panel .panel-info-header { border-bottom-width: 0.5px; } .app-wap-small .frame-main-explorer .file-panel .content-header { border-bottom-width: 0.5px; } .app-wap-small .frame-main-explorer .file-panel .panel-tab-content .panel-chat .chat-content-box { border-top-width: 0.5px; } .app-wap-small .frame-main-explorer .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .kui-btn { border-radius: 0.2em; } .app-wap-small .frame-main-explorer .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send-group .send-hotkey { display: none; } .app-wap-small .frame-main-explorer .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content { padding: 8px 12px; font-size: 14px; } .app-wap-small .frame-main-explorer .file-panel .pathinfo .line { border-bottom-width: 0.5px; } .app-wap-small .dialog-file-panel .file-panel { position: absolute; top: 0; bottom: 0; } .app-wap-small .dialog-file-panel .file-panel .dialog-tab .tab-item { font-size: 1.0em; } .app-wap-small .dialog-file-panel .file-panel .panel-info-header { padding-top: 10px; height: 55px; } .app-wap-small .dialog-file-panel .file-panel .pathinfo .tag-view .tag-list .item .x-item-icon.label { top: 2px; } .app-wap-small .dialog-file-panel .file-panel .panel-tab-content { position: absolute; top: 45px; bottom: 0; left: 0; right: 0; } .app-wap-small .dialog-file-panel .file-panel.panel-no-tab .panel-tab-content { top: 10px; } .app-wap-small .dialog-file-panel .file-panel.panel-image.panel-no-tab .panel-tab-content { top: 10px; } .app-wap-small .dialog-file-panel .file-panel.panel-image .panel-info-header .header-content .file-name .btn-actiont { top: 4px; } .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-auth, .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat, .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log, .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history, .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta, .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-info { min-width: inherit; min-height: inherit; height: inherit; } .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-history .panel-content, .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .panel-content, .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-log .panel-content, .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-chat .panel-content { top: 45px; } .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body { overflow: inherit; position: static !important; } .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .setting-title.has-title { height: 30px; line-height: 30px; } .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys { top: -5px; right: 20px; } .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content.panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content { width: 100%; padding: 5px 3% 5px 3%; margin-bottom: 0; } .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .p { margin-bottom: 3px; } .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .p.line-bottom { padding-bottom: 3px; } .app-wap-small .dialog-file-panel .file-panel .panel-tab-content .tab-content .pathinfo .tag-view .tag-list .item .close { top: 0px; } .app-wap-small .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content { top: 115px; } .app-wap-small .dialog-file-panel.dialog-no-title .file-panel.panel-no-tab .panel-tab-content { top: 80px; } .app-wap-small .dialog-file-panel.dialog-no-title .file-panel.panel-image.panel-no-tab .panel-tab-content { top: 80px; } .app-wap-small .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content.panel-history .panel-content, .app-wap-small .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content.panel-meta .panel-content, .app-wap-small .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content.panel-log .panel-content, .app-wap-small .dialog-file-panel.dialog-no-title .file-panel .panel-tab-content .tab-content.panel-chat .panel-content { top: 45px; } .app-wap-small .setting-main-content .panel-body.user-stats-page .log-box { border-top: 1px solid rgba(0,0,0,0.1); } .app-wap-small .setting-main-content .panel-body.user-stats-page .log-box .file-panel { border-left: none; } .app-wap-small .setting-main-content .panel-body.user-stats-page .log-box .file-panel .panel-log .list-item { margin-left: 35px; } .app-wap-small .setting-main-content .panel-body.user-stats-page .log-box .file-panel .content { overflow-y: auto; } .app-wap-small .page-model-login .loginbox { width: 100%; max-width: 100%; box-shadow: none; border-radius: 0; margin: 0; top: 0; bottom: 29px; } .app-wap-small .page-model-login .loginbox .title .logo.logo-text { padding-top: 70px; } .app-wap-small .page-model-login .loginbox .form { position: absolute; padding: 8% 15px 0px 15px; left: 0; right: 0; top: 200px; bottom: 0; border-radius: 0; } .app-wap-small .page-model-login .loginbox .inputs .input-item { margin: 0 auto 20px auto; } .app-wap-small .page-model-login .loginbox .inputs .input-item input { height: 40px; line-height: 40px; width: 300px; margin-left: -44px; padding-left: 50px; box-sizing: border-box; background: rgba(255,255,255,0.9); border-width: 0.5px; } .app-wap-small .page-model-login .loginbox .inputs .input-item.check-code input { width: 218px; } .app-wap-small .page-model-login .loginbox .inputs .input-item.check-code img, .app-wap-small .page-model-login .loginbox .inputs .input-item.check-code .input-button { height: 39px; border-width: 0.5px; } .app-wap-small .page-model-login .loginbox .inputs .input-item .font-icon { width: 40px; height: 40px; line-height: 40px; } .app-wap-small .page-model-login .loginbox .license-box .form-bottom { background: none; border: none; } .app-wap-small .page-model-login .loginbox .form .actions { width: 300px; margin: 30px auto 15px auto; } .app-wap-small .page-model-login .loginbox .form .actions .forget-password { padding: 8px 5px 8px 5px; margin: 0 -2px 0 0; } .app-wap-small .page-model-login .loginbox .form .actions label { padding: 8px 5px 8px 5px; margin: 0 0 0 -2px; } .app-wap-small .page-model-login .loginbox .form .submit-button { width: 300px; box-sizing: border-box; padding: 10px 0px; } .app-wap-small .page-model-login .loginbox .form .url-link { padding: 8px 15px; } .app-wap-small .page-model-login .common-footer .footer-content { background: rgba(255,255,255,0.7); } html, body { width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; -webkit-overflow-scrolling: touch; } .app-wap-touch::-webkit-scrollbar { width: 1px; } .app-wap-touch *::-webkit-scrollbar { width: 1px; } body.app-wap-small { font-size: 14px; } body.app-wap-small .form-box .form-row .desc { font-size: 0.9em; } .ps__rail-x, .ps__rail-y { z-index: 10; } .app-main.app-main.list-view-masonry .file-continer-main { background: #f0f2f5; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file { height: initial; margin: 0 2px 10px 0; box-shadow: 1px 1px 10px rgba(0,0,0,0.01); border: none !important; max-height: inherit; border-radius: 3px; background: #fff; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty>.path-ico, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty>.path-ico .x-item-icon, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file>.path-ico, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file>.path-ico .x-item-icon { height: inherit !important; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .ico, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .ico { height: inherit !important; width: 100% !important; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico { width: 100% !important; margin-bottom: -2px; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico .x-item-icon, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico .ico, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico .x-item-icon, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico .ico { min-height: 110px; background-size: contain; margin: 5px auto 0px; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.select .item-select, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.select .item-select { color: #fff; background: #2070e5; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .title-type-name { -webkit-transition: 0.2s border-color; -moz-transition: 0.2s border-color; -o-transition: 0.2s border-color; -ms-transition: 0.2s border-color; transition: 0.2s border-color; line-height: 22px; -webkit-line-clamp: 2; border-top: 0.5px solid #f8f8f8; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico .picture, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico .picture { margin: 0; line-height: 0; font-size: 0; min-height: 50%; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico .picture img, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico .picture img { width: 100%; border-radius: 0; box-shadow: none; position: relative; left: inherit; top: inherit; right: inherit; bottom: inherit; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico .picture img.lazyload-ready, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico .picture img.lazyload-ready { margin: 50px 0; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.hover, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.select, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.file-select-drag-temp, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.hover, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.select, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.file-select-drag-temp { box-shadow: 1px 5px 20px rgba(0,0,0,0.2); color: #fff; background: #1890ff; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.hover .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.select .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.file-select-drag-temp .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.hover .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.select .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.file-select-drag-temp .title-type-name { border-top-color: rgba(255,255,255,0.1); } .app-main.app-main.list-view-masonry .file-continer.file-list-icon.file-draging-box .file.select { box-shadow: none; }