.iconfont { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } html { min-width: 1200px; } body { font-size: .875rem; } ::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } ::-webkit-scrollbar-thumb { border-radius: 0.125rem; -moz-border-radius: 0.125rem; -webkit-border-radius: 0.125rem; background-color: #ccc; } ::-webkit-scrollbar-track { background-color: transparent; } a:hover { text-decoration: none; } .Clipboard { cursor: pointer; } .btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus { outline: none !important; box-shadow: none !important; } .form-control:focus { outline: none !important; box-shadow: none !important; } .custom-control { cursor: pointer; } .custom-control-label { position: relative; display: inherit; cursor: pointer; } .custom-control-input:checked~.custom-control-label, .custom-control:hover { color: #007bff; } .editor-box { min-height: 300px; } /*index*/ .index-user-bar a { color:#0062cc; font-size: 14px; } .index-user-bar a:hover { background: #f1f1f9; color: #072342; } .index-user-bar .iconfont { width: 1.2rem; height: 1.2rem; } /*index*/ .user-box { border:1px solid #eee; background: #fff; } .user-left { width: 190px; border-right: 1px solid #eee; } .user-left h6 { border-bottom: 1px solid #eee; } .user-nav a { height: 40px; line-height: 40px; border-left: 3px solid transparent; -webkit-transition: all .7s cubic-bezier(0,0,.7,1); transition: all .7s cubic-bezier(0,0,.7,1); color: #000; opacity: 0.9; padding-left: 1.5rem; } .user-nav a:hover { color: #1f87cc; border-left-color: #1f87cc; opacity: 1; } .user-nav a.active { color: #3498db; border-left-color: #3498db; opacity: 1; } /*admin*/ .admin-top { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); width: 100%; transition: all 0.4s ease-in-out; padding-left: 160px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .admin-top>div>a { display: block; height: 50px; line-height: 50px; color: #555; } .admin-top>div>a:hover { background: #f1f1f9; } .admin-top>div>a.active { background: #f1f1f9; } .left-bar { position: fixed; left: 0; top: 0; bottom: 0; width: 160px; background-color: #20222a; -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); z-index: 1050 } .left-bar h5 {text-align: center;line-height: 50px;color: #fff;} .left-nav>a { display: block; line-height: 42px; height: 42px; padding: 0 25px; border-left: 3px solid transparent; color: rgba(255, 255, 255, 0.7); -webkit-transition: all .7s cubic-bezier(0,0,.7,1); transition: all .7s cubic-bezier(0,0,.7,1); } .left-nav>a:hover { border-left: 3px solid #1686ef; background: rgba(22, 134, 239, 0.6); color: rgba(255, 255, 255, 0.9); } .left-nav>a.active { border-left: 3px solid #1686ef; background: #1686ef; color: #fff; } .admin-content { transition: all 0.4s ease-in-out; position: relative; margin-left: 160px; margin-top: 50px; } .cursor { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } /*Dialog*/ html #dialogcss-dialog { display: none; position: absolute; width: 1989px; } .dialog-box-shade, .dialog-box { position: fixed; _position: absolute; pointer-events: auto; } .dialog-box-shade { top: 0; left: 0; width: 100%; height: 100%; _height: expression(document.body.offsetHeight+"px"); } .dialog-box { -webkit-overflow-scrolling: touch; } .dialog-box { top: 150px; left: 0; margin: 0; padding: 0; background-color: #fff; -webkit-background-clip: content; border-radius: 2px; box-shadow: 1px 1px 50px rgba(0,0,0,.3); } .dialog-box-close { position: absolute; } .dialog-box-content { position: relative; } .dialog-box-border { border: 1px solid #B2B2B2; border: 1px solid rgba(0,0,0,.1); box-shadow: 1px 1px 5px rgba(0,0,0,.2); } .dialog-box-load { background: url(../images/loading-1.gif) #eee center center no-repeat; } .dialog-box-ico { background: url(../images/icon.png) no-repeat; } .dialog-box-dialog .dialog-box-ico, .dialog-box-setwin a, .dialog-box-btn a { display: inline-block; *display: inline; *zoom:1; vertical-align: top; } .dialog-box-move { display: none; position: fixed; *position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: move; opacity: 0; filter: alpha(opacity=0); background-color: #fff; z-index: 2147483647; } .dialog-box-resize { position: absolute; width: 15px; height: 15px; right: 0; bottom: 0; cursor: se-resize; } /* 动画 */ .dialog-anim { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; animation-duration: .3s; } @-webkit-keyframes dialog-bounceIn { /* 默认 */ 0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5) } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes dialog-bounceIn { 0% { opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .dialog-anim-00 { -webkit-animation-name: dialog-bounceIn; animation-name: dialog-bounceIn } @-webkit-keyframes dialog-zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes dialog-zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .dialog-anim-01 { -webkit-animation-name: dialog-zoomInDown; animation-name: dialog-zoomInDown } @-webkit-keyframes dialog-fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes dialog-fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .dialog-anim-02 { -webkit-animation-name: dialog-fadeInUpBig; animation-name: dialog-fadeInUpBig } @-webkit-keyframes dialog-zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes dialog-zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .dialog-anim-03 { -webkit-animation-name: dialog-zoomInLeft; animation-name: dialog-zoomInLeft } @-webkit-keyframes dialog-rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } @keyframes dialog-rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } .dialog-anim-04 { -webkit-animation-name: dialog-rollIn; animation-name: dialog-rollIn } @keyframes dialog-fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .dialog-anim-05 { -webkit-animation-name: dialog-fadeIn; animation-name: dialog-fadeIn } @-webkit-keyframes dialog-shake { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0) } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 20%,40%,60%,80% { -webkit-transform: translateX(10px); transform: translateX(10px) } } @keyframes dialog-shake { 0%,100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 20%,40%,60%,80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } } .dialog-anim-06 { -webkit-animation-name: dialog-shake; animation-name: dialog-shake } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } /* 标题栏 */ .dialog-box-title { padding: 0 80px 0 20px; height: 42px; line-height: 42px; border-bottom: 1px solid #eee; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #F8F8F8; border-radius: 2px 2px 0 0; } .dialog-box-setwin { position: absolute; right: 15px; *right: 0; top: 15px; font-size: 0; line-height: initial; } .dialog-box-setwin a { position: relative; width: 16px; height: 16px; margin-left: 10px; font-size: 12px; _overflow: hidden; } .dialog-box-setwin .dialog-box-min cite { position: absolute; width: 14px; height: 2px; left: 0; top: 50%; margin-top: -1px; background-color: #2E2D3C; cursor: pointer; _overflow: hidden; } .dialog-box-setwin .dialog-box-min:hover cite { background-color: #2D93CA; } .dialog-box-setwin .dialog-box-max { background-position: -32px -40px; } .dialog-box-setwin .dialog-box-max:hover { background-position: -16px -40px; } .dialog-box-setwin .dialog-box-maxmin { background-position: -65px -40px; } .dialog-box-setwin .dialog-box-maxmin:hover { background-position: -49px -40px; } .dialog-box-setwin .dialog-box-close1 { background-position: 1px -40px; cursor: pointer; } .dialog-box-setwin .dialog-box-close1:hover { opacity: 0.7; } .dialog-box-setwin .dialog-box-close2 { position: absolute; right: -28px; top: -28px; width: 30px; height: 30px; margin-left: 0; background-position: -149px -31px; *right: -18px; _display: none; } .dialog-box-setwin .dialog-box-close2:hover { background-position: -180px -31px; } /* 按钮栏 */ .dialog-box-btn { text-align: right; padding: 0 15px 12px; pointer-events: auto; user-select: none; -webkit-user-select: none; } .dialog-box-btn a { height: 28px; line-height: 28px; margin: 5px 5px 0; padding: 0 15px; border: 1px solid #dedede; background-color: #fff; color: #333; border-radius: 2px; font-weight: 400; cursor: pointer; text-decoration: none; } .dialog-box-btn a:hover { opacity: 0.9; text-decoration: none; } .dialog-box-btn a:active { opacity: 0.8; } .dialog-box-btn .dialog-box-btn0 { border-color: #1E9FFF; background-color: #1E9FFF; color: #fff; } .dialog-box-btn-l { text-align: left; } .dialog-box-btn-c { text-align: center; } /* 定制化 */ .dialog-box-dialog { min-width: 260px; } .dialog-box-dialog .dialog-box-content { position: relative; padding: 20px; line-height: 24px; word-break: break-all; overflow: hidden; font-size: 14px; overflow-x: hidden; overflow-y: auto; } .dialog-box-dialog .dialog-box-content .dialog-box-ico { position: absolute; top: 16px; left: 15px; _left: -40px; width: 30px; height: 30px; } .dialog-box-ico1 { background-position: -30px 0 } .dialog-box-ico2 { background-position: -60px 0; } .dialog-box-ico3 { background-position: -90px 0; } .dialog-box-ico4 { background-position: -120px 0; } .dialog-box-ico5 { background-position: -150px 0; } .dialog-box-ico6 { background-position: -180px 0; } .dialog-box-rim { border: 6px solid #8D8D8D; border: 6px solid rgba(0,0,0,.3); border-radius: 5px; box-shadow: none; } .dialog-box-msg { min-width: 180px; border: 1px solid #D3D4D3; box-shadow: none; } .dialog-box-hui { min-width: 100px; background-color: #000; filter: alpha(opacity=60); background-color: rgba(0,0,0,0.6); color: #fff; border: none; } .dialog-box-hui .dialog-box-content { padding: 10px 15px; text-align: center; } .dialog-box-dialog .dialog-box-padding { padding: 20px 20px 20px 55px; text-align: left; } .dialog-box-page .dialog-box-content { position: relative; overflow: auto; } .dialog-box-page .dialog-box-btn,.dialog-box-iframe .dialog-box-btn { padding-top: 10px; } .dialog-box-nobg { background: none; } .dialog-box-iframe iframe { display: block; width: 100%; } .dialog-box-loading { border-radius: 100%; background: none; box-shadow: none; border: none; } .dialog-box-loading .dialog-box-content { width: 60px; height: 24px; background: url(../images/loading-0.gif) no-repeat; } .dialog-box-loading .dialog-box-loading1 { width: 37px; height: 37px; background: url(../images/loading-1.gif) no-repeat; } .dialog-box-loading .dialog-box-loading2, .dialog-box-ico16 { width: 32px; height: 32px; background: url(../images/loading-2.gif) no-repeat; } .dialog-box-tips { background: none; box-shadow: none; border: none; } .dialog-box-tips .dialog-box-content { position: relative; line-height: 22px; min-width: 12px; padding: 8px 15px; font-size: 12px; _float: left; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); background-color: #000; color: #fff; } .dialog-box-tips .dialog-box-close { right: -2px; top: -1px; } .dialog-box-tips i.dialog-box-TipsG { position: absolute; width: 0; height: 0; border-width: 8px; border-color: transparent; border-style: dashed; *overflow: hidden; } .dialog-box-tips i.dialog-box-TipsT, .dialog-box-tips i.dialog-box-TipsB { left: 5px; border-right-style: solid; border-right-color: #000; } .dialog-box-tips i.dialog-box-TipsT { bottom: -8px; } .dialog-box-tips i.dialog-box-TipsB { top: -8px; } .dialog-box-tips i.dialog-box-TipsR, .dialog-box-tips i.dialog-box-TipsL { top: 5px; border-bottom-style: solid; border-bottom-color: #000; } .dialog-box-tips i.dialog-box-TipsR { left: -8px; } .dialog-box-tips i.dialog-box-TipsL { right: -8px; } /* skin */ .dialog-box-lan[type="dialog"] { min-width: 280px; } .dialog-box-lan .dialog-box-title { background: #4476A7; color: #fff; border: none; } .dialog-box-lan .dialog-box-btn { padding: 5px 10px 10px; text-align: right; border-top: 1px solid #E9E7E7 } .dialog-box-lan .dialog-box-btn a { background: #fff; border-color: #E9E7E7; color: #333; } .dialog-box-lan .dialog-box-btn .dialog-box-btn1 { background: #C9C5C5; } .dialog-box-molv .dialog-box-title { background: #009f95; color: #fff; border: none; } .dialog-box-molv .dialog-box-btn a { background: #009f95; border-color: #009f95; } .dialog-box-molv .dialog-box-btn .dialog-box-btn1 { background: #92B8B1; } .dialog-box-iconext { background: url(../images/icon-ext.png) no-repeat; } /* prompt模式 */ .dialog-box-prompt .dialog-box-input { display: block; width: 230px; height: 36px; margin: 0 auto; line-height: 30px; padding-left: 10px; border: 1px solid #e6e6e6; color: #333; } .dialog-box-prompt textarea.dialog-box-input { width: 300px; height: 100px; line-height: 20px; padding: 6px 10px; } .dialog-box-prompt .dialog-box-content { padding: 20px; } .dialog-box-prompt .dialog-box-btn { padding-top: 0; } /* tab模式 */ .dialog-box-tab { box-shadow: 1px 1px 50px rgba(0,0,0,.4); } .dialog-box-tab .dialog-box-title { padding-left: 0; overflow: visible; } .dialog-box-tab .dialog-box-title span { position: relative; float: left; min-width: 80px; max-width: 260px; padding: 0 20px; text-align: center; cursor: default; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; } .dialog-box-tab .dialog-box-title span.dialog-this { height: 43px; border-left: 1px solid #eee; border-right: 1px solid #eee; background-color: #fff; z-index: 10; } .dialog-box-tab .dialog-box-title span:first-child { border-left: none; } .dialog-box-tabmain { line-height: 24px; clear: both; } .dialog-box-tabmain .dialog-box-tabli { display: none; } .dialog-box-tabmain .dialog-box-tabli.dialog-this { display: block; } .dialog-box-photos { -webkit-animation-duration: .8s; animation-duration: .8s; } .dialog-box-photos .dialog-box-content { overflow: hidden; text-align: center; } .dialog-box-photos .dialog-box-phimg img { position: relative; width: 100%; display: inline-block; *display: inline; *zoom:1; vertical-align: top; } .dialog-box-imguide,.dialog-box-imgbar { display: none; } .dialog-box-imgprev, .dialog-box-imgnext { position: absolute; top: 50%; width: 27px; _width: 44px; height: 44px; margin-top: -22px; outline: none; blr: expression(this.onFocus=this.blur()); } .dialog-box-imgprev { left: 10px; background-position: -5px -5px; _background-position: -70px -5px; } .dialog-box-imgprev:hover { background-position: -33px -5px; _background-position: -120px -5px; } .dialog-box-imgnext { right: 10px; _right: 8px; background-position: -5px -50px; _background-position: -70px -50px; } .dialog-box-imgnext:hover { background-position: -33px -50px; _background-position: -120px -50px; } .dialog-box-imgbar { position: absolute; left: 0; bottom: 0; width: 100%; height: 32px; line-height: 32px; background-color: rgba(0,0,0,.8); background-color: #000\9; filter: Alpha(opacity=80); color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 0; } .dialog-box-imgtit { /*position:absolute; left:20px;*/ } .dialog-box-imgtit * { display: inline-block; *display: inline; *zoom:1; vertical-align: top; font-size: 12px; } .dialog-box-imgtit a { max-width: 65%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fff; } .dialog-box-imgtit a:hover { color: #fff; text-decoration: underline; } .dialog-box-imgtit em { padding-left: 10px; font-style: normal; } /* 关闭动画 */ @-webkit-keyframes dialog-bounceOut { 100% { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7) } 30% { -webkit-transform: scale(1.05); transform: scale(1.05) } 0% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes dialog-bounceOut { 100% { opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } 30% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .dialog-anim-close { -webkit-animation-name: dialog-bounceOut; animation-name: dialog-bounceOut; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .2s; animation-duration: .2s; } @media screen and (max-width: 1100px) { .dialog-box-iframe { overflow-y: auto; -webkit-overflow-scrolling: touch; } } .dialog-msg-error { background-color: rgba(234, 36, 55, 0.6); } .dialog-msg-info { background-color: rgba(255, 143, 0, 0.6); } .dialog-msg-success { background-color: rgba(40, 167, 69, 0.6); } .dialog-msg-loading { background-color: rgba(21, 200, 228, 0.6); } /*editor*/ @font-face { font-family: "summernote"; font-style: normal; font-weight: normal; src: url("../fonts/summernote.eot?4c7e83314b68cfa6a0d18a8b4690044b"); src: url("../fonts/summernote.eot?4c7e83314b68cfa6a0d18a8b4690044b#iefix") format("embedded-opentype"),url("../fonts/summernote.woff?4c7e83314b68cfa6a0d18a8b4690044b") format("woff"),url("../fonts/summernote.ttf?4c7e83314b68cfa6a0d18a8b4690044b") format("truetype") } [class^="note-icon-"]:before,[class*=" note-icon-"]:before { display: inline-block; font: normal normal normal 14px summernote; font-size: inherit; -webkit-font-smoothing: antialiased; text-decoration: inherit; text-rendering: auto; text-transform: none; vertical-align: middle; speak: none; -moz-osx-font-smoothing: grayscale } .note-icon-align-center:before,.note-icon-align-indent:before,.note-icon-align-justify:before,.note-icon-align-left:before,.note-icon-align-outdent:before,.note-icon-align-right:before,.note-icon-align:before,.note-icon-arrow-circle-down:before,.note-icon-arrow-circle-left:before,.note-icon-arrow-circle-right:before,.note-icon-arrow-circle-up:before,.note-icon-arrows-alt:before,.note-icon-arrows-h:before,.note-icon-arrows-v:before,.note-icon-bold:before,.note-icon-caret:before,.note-icon-chain-broken:before,.note-icon-circle:before,.note-icon-close:before,.note-icon-code:before,.note-icon-col-after:before,.note-icon-col-before:before,.note-icon-col-remove:before,.note-icon-eraser:before,.note-icon-font:before,.note-icon-frame:before,.note-icon-italic:before,.note-icon-link:before,.note-icon-magic:before,.note-icon-menu-check:before,.note-icon-minus:before,.note-icon-orderedlist:before,.note-icon-pencil:before,.note-icon-picture:before,.note-icon-question:before,.note-icon-redo:before,.note-icon-row-above:before,.note-icon-row-below:before,.note-icon-row-remove:before,.note-icon-special-character:before,.note-icon-square:before,.note-icon-strikethrough:before,.note-icon-subscript:before,.note-icon-summernote:before,.note-icon-superscript:before,.note-icon-table:before,.note-icon-text-height:before,.note-icon-trash:before,.note-icon-underline:before,.note-icon-undo:before,.note-icon-unorderedlist:before,.note-icon-video:before { display: inline-block; font-family: "summernote"; font-style: normal; font-weight: normal; text-decoration: inherit } .note-icon-align-center:before { content: "\f101" } .note-icon-align-indent:before { content: "\f102" } .note-icon-align-justify:before { content: "\f103" } .note-icon-align-left:before { content: "\f104" } .note-icon-align-outdent:before { content: "\f105" } .note-icon-align-right:before { content: "\f106" } .note-icon-align:before { content: "\f107" } .note-icon-arrow-circle-down:before { content: "\f108" } .note-icon-arrow-circle-left:before { content: "\f109" } .note-icon-arrow-circle-right:before { content: "\f10a" } .note-icon-arrow-circle-up:before { content: "\f10b" } .note-icon-arrows-alt:before { content: "\f10c" } .note-icon-arrows-h:before { content: "\f10d" } .note-icon-arrows-v:before { content: "\f10e" } .note-icon-bold:before { content: "\f10f" } .note-icon-caret:before { content: "\f110" } .note-icon-chain-broken:before { content: "\f111" } .note-icon-circle:before { content: "\f112" } .note-icon-close:before { content: "\f113" } .note-icon-code:before { content: "\f114" } .note-icon-col-after:before { content: "\f115" } .note-icon-col-before:before { content: "\f116" } .note-icon-col-remove:before { content: "\f117" } .note-icon-eraser:before { content: "\f118" } .note-icon-font:before { content: "\f119" } .note-icon-frame:before { content: "\f11a" } .note-icon-italic:before { content: "\f11b" } .note-icon-link:before { content: "\f11c" } .note-icon-magic:before { content: "\f11d" } .note-icon-menu-check:before { content: "\f11e" } .note-icon-minus:before { content: "\f11f" } .note-icon-orderedlist:before { content: "\f120" } .note-icon-pencil:before { content: "\f121" } .note-icon-picture:before { content: "\f122" } .note-icon-question:before { content: "\f123" } .note-icon-redo:before { content: "\f124" } .note-icon-row-above:before { content: "\f125" } .note-icon-row-below:before { content: "\f126" } .note-icon-row-remove:before { content: "\f127" } .note-icon-special-character:before { content: "\f128" } .note-icon-square:before { content: "\f129" } .note-icon-strikethrough:before { content: "\f12a" } .note-icon-subscript:before { content: "\f12b" } .note-icon-summernote:before { content: "\f12c" } .note-icon-superscript:before { content: "\f12d" } .note-icon-table:before { content: "\f12e" } .note-icon-text-height:before { content: "\f12f" } .note-icon-trash:before { content: "\f130" } .note-icon-underline:before { content: "\f131" } .note-icon-undo:before { content: "\f132" } .note-icon-unorderedlist:before { content: "\f133" } .note-icon-video:before { content: "\f134" } .note-editor { position: relative } .note-editor .note-dropzone { position: absolute; z-index: 100; display: none; color: #87cefa; background-color: #fff; opacity: .95 } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 28px; font-weight: 700; text-align: center; vertical-align: middle } .note-editor .note-dropzone.hover { color: #098ddf } .note-editor.dragover .note-dropzone { display: table } .note-editor .note-editing-area { position: relative } .note-editor .note-editing-area .note-editable { outline: 0 } .note-editor .note-editing-area .note-editable sup { vertical-align: super } .note-editor .note-editing-area .note-editable sub { vertical-align: sub } .note-editor .note-editing-area img.note-float-left { margin-right: 10px } .note-editor .note-editing-area img.note-float-right { margin-left: 10px } .note-editor.note-frame { border: 1px solid #a9a9a9 } .note-editor.note-frame.codeview .note-editing-area .note-editable { display: none } .note-editor.note-frame.codeview .note-editing-area .note-codable { display: block } .note-editor.note-frame .note-editing-area { overflow: hidden } .note-editor.note-frame .note-editing-area .note-editable { padding: 10px; overflow: auto; color: #000; word-wrap: break-word; background-color: #fff } .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] { background-color: #e5e5e5 } .note-editor.note-frame .note-editing-area .note-codable { display: none; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo,Monaco,monospace,sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none } .note-editor.note-frame.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%!important } .note-editor.note-frame.fullscreen .note-editable { background-color: #fff } .note-editor.note-frame.fullscreen .note-resizebar { display: none } .note-editor.note-frame .note-status-output { display: block; width: 100%; height: 20px; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; color: #000; border: 0; border-top: 1px solid #e2e2e2 } .note-editor.note-frame .note-status-output:empty { height: 0; border-top: 0 solid transparent } .note-editor.note-frame .note-status-output .pull-right { float: right!important } .note-editor.note-frame .note-status-output .text-muted { color: #777 } .note-editor.note-frame .note-status-output .text-primary { color: #286090 } .note-editor.note-frame .note-status-output .text-success { color: #3c763d } .note-editor.note-frame .note-status-output .text-info { color: #31708f } .note-editor.note-frame .note-status-output .text-warning { color: #8a6d3b } .note-editor.note-frame .note-status-output .text-danger { color: #a94442 } .note-editor.note-frame .note-status-output .alert { padding: 7px 10px 2px 10px; margin: -7px 0 0 0; color: #000; background-color: #f5f5f5; border-radius: 0 } .note-editor.note-frame .note-status-output .alert .note-icon { margin-right: 5px } .note-editor.note-frame .note-status-output .alert-success { color: #3c763d!important; background-color: #dff0d8!important } .note-editor.note-frame .note-status-output .alert-info { color: #31708f!important; background-color: #d9edf7!important } .note-editor.note-frame .note-status-output .alert-warning { color: #8a6d3b!important; background-color: #fcf8e3!important } .note-editor.note-frame .note-status-output .alert-danger { color: #a94442!important; background-color: #f2dede!important } .note-editor.note-frame .note-statusbar { background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .note-editor.note-frame .note-statusbar .note-resizebar { width: 100%; height: 9px; padding-top: 1px; cursor: ns-resize } .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9 } .note-editor.note-frame .note-statusbar.locked .note-resizebar { cursor: default } .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar { display: none } .note-editor.note-frame .note-placeholder { padding: 10px } .note-popover.popover { display: none; max-width: none } .note-popover.popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle } .note-popover.popover .arrow { left: 20px!important } .note-toolbar { position: relative; z-index: 500 } .note-popover .popover-content,.card-header.note-toolbar { padding: 0 0 5px 5px; margin: 0; background: #f5f5f5 } .note-popover .popover-content>.btn-group,.card-header.note-toolbar>.btn-group { margin-top: 5px; margin-right: 5px; margin-left: 0 } .note-popover .popover-content .btn-group .note-table,.card-header.note-toolbar .btn-group .note-table { min-width: 0; padding: 5px } .note-popover .popover-content .btn-group .note-table .note-dimension-picker,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker { font-size: 18px } .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer } .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat } .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat } .note-popover .popover-content .note-style .dropdown-style blockquote,.card-header.note-toolbar .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre,.card-header.note-toolbar .note-style .dropdown-style pre { padding: 5px 10px; margin: 0 } .note-popover .popover-content .note-style .dropdown-style h1,.card-header.note-toolbar .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.card-header.note-toolbar .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.card-header.note-toolbar .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.card-header.note-toolbar .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.card-header.note-toolbar .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.card-header.note-toolbar .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p,.card-header.note-toolbar .note-style .dropdown-style p { padding: 0; margin: 0 } .note-popover .popover-content .note-color-all .dropdown-menu,.card-header.note-toolbar .note-color-all .dropdown-menu { min-width: 337px } .note-popover .popover-content .note-color .dropdown-toggle,.card-header.note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px } .note-popover .popover-content .note-color .dropdown-menu .note-palette,.card-header.note-toolbar .note-color .dropdown-menu .note-palette { display: inline-block; width: 160px; margin: 0 } .note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child,.card-header.note-toolbar .note-color .dropdown-menu .note-palette:first-child { margin: 0 5px } .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee } .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select { width: 100%; padding: 0 3px; margin: 3px; font-size: 11px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row { height: 20px } .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover { background: #eee } .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select-btn,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select-btn { display: none } .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn { border: 1px solid #eee } .note-popover .popover-content .note-para .dropdown-menu,.card-header.note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px } .note-popover .popover-content .note-para .dropdown-menu>div:first-child,.card-header.note-toolbar .note-para .dropdown-menu>div:first-child { margin-right: 5px } .note-popover .popover-content .dropdown-menu,.card-header.note-toolbar .dropdown-menu { min-width: 90px } .note-popover .popover-content .dropdown-menu.right,.card-header.note-toolbar .dropdown-menu.right { right: 0; left: auto } .note-popover .popover-content .dropdown-menu.right::before,.card-header.note-toolbar .dropdown-menu.right::before { right: 9px; left: auto!important } .note-popover .popover-content .dropdown-menu.right::after,.card-header.note-toolbar .dropdown-menu.right::after { right: 10px; left: auto!important } .note-popover .popover-content .dropdown-menu.note-check a i,.card-header.note-toolbar .dropdown-menu.note-check a i { color: deepskyblue; visibility: hidden } .note-popover .popover-content .dropdown-menu.note-check a.checked i,.card-header.note-toolbar .dropdown-menu.note-check a.checked i { visibility: visible } .note-popover .popover-content .note-fontsize-10,.card-header.note-toolbar .note-fontsize-10 { font-size: 10px } .note-popover .popover-content .note-color-palette,.card-header.note-toolbar .note-color-palette { line-height: 1 } .note-popover .popover-content .note-color-palette div .note-color-btn,.card-header.note-toolbar .note-color-palette div .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff } .note-popover .popover-content .note-color-palette div .note-color-btn:hover,.card-header.note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000 } .note-dialog>div { display: none } .note-dialog .form-group { margin-right: 0; margin-left: 0 } .note-dialog .note-modal-form { margin: 0 } .note-dialog .note-image-dialog .note-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 30px; line-height: 4; color: lightgray; text-align: center; border: 4px dashed lightgray } @-moz-document url-prefix() { .note-image-input { height: auto } } .note-placeholder { position: absolute; display: none; color: gray } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black } .note-handle .note-control-selection>div { position: absolute } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30) } .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black } .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black } .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; background-color: white; border: 1px solid black } .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0 } .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none } .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0 } .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize } .note-handle .note-control-selection .note-control-se.note-control-holder { cursor: default; border-top: 0; border-left: none } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: #fff; background-color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: .7; -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70) } .note-hint-popover { min-width: 100px; padding: 2px } .note-hint-popover .popover-content { max-height: 150px; padding: 3px; overflow: auto } .note-hint-popover .popover-content .note-hint-group .note-hint-item { display: block!important; padding: 3px } .note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover { display: block; clear: both; font-weight: 400; line-height: 1.4; color: #fff; text-decoration: none; white-space: nowrap; cursor: pointer; background-color: #428bca; outline: 0 } /*timeer*/ .xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent } .xdsoft_noselect::-moz-selection { background: transparent } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px } .xdsoft_datetimepicker .xdsoft_monthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev , .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover>span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year{ width: 48px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #33aaff; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: default; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: #fff !important; background: #ff8000 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover { background: #33aaff !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar >.xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div { background: #0a0a0a; border-top: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color:#000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color:#000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller { background: #333 !important; } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #dddddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px; } .xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans", "Book Antiqua", sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 ); /* IE6-9 */ } .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* IE10+ */ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ } .system-jump-box { border: 0.25rem solid #c6e9ff; margin: 1rem 0; } .system-jump-message>h5>.system-jump-icon { font-size: 1.25rem; width: 1.25rem; height: 1.25rem; margin-right: 0.75rem; } .system-jump-right { background: #e2ffea; } .system-jump-right>h5 { color: #59ba74; } .system-jump-info { background: #F2F9FD; } .system-jump-info>h5 { color: #888888; } .system-jump-error { background: #fff0f0; } .system-jump-error>h5 { color: #d70000; } .system-jump-loading { background: #e8ecff; } .system-jump-loading>h5 { color: #36befa; } #package-list { line-height: 2em;} #package-list p { color:#b2b2b7;} #package-list h5{font-size: 1.3em;padding-left: 20px;} #package-list .vip {background: url(../images/vip.png) no-repeat right center; padding-right: 20px;} #package-list .tao {background: url(../images/tao.png) no-repeat right center; padding-right: 20px;} #package-list .text-danger { font-size: 15px;} .user-nav .d-block img { margin-top:-3px; margin-right: 5px;} .card-body .site-list {line-height: 2.2rem;} .card-body .site-list a button { margin-right: 0.25rem; }