@charset "UTF-8"; /*! * ZUI: Standard edition - v1.9.1 - 2019-05-10 * http://zui.sexy * GitHub: https://github.com/easysoft/zui.git * Copyright (c) 2019 cnezsoft.com; Licensed MIT */ /*! Some code copy from Bootstrap v3.0.0 by @fat and @mdo. (Copyright 2013 Twitter, Inc. Licensed under http://www.apache.org/licenses/)*/ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } a { background: 0 0 } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { margin: .67em 0; font-size: 2em } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } mark { color: #000; background: #ff0 } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em } pre { white-space: pre-wrap } q { quotes: "\201C""\201D""\2018""\2019" } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver } legend { padding: 0; border: 0 } button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100% } button, input { line-height: normal } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } textarea { overflow: auto; vertical-align: top } table { border-spacing: 0; border-collapse: collapse } .btn-group-vertical>.btn-group-vertical:after, .btn-group-vertical>.btn-group-vertical:before, .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .cards:after, .cards:before, .clearfix:after, .clearfix:before, .container-fixed-md:after, .container-fixed-md:before, .container-fixed-sm:after, .container-fixed-sm:before, .container-fixed-xs:after, .container-fixed-xs:before, .container-fixed:after, .container-fixed:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .dl-inline:after, .dl-inline:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager-justify:after, .pager-justify:before, .pager-loose:after, .pager-loose:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical>.btn-group-vertical:after, .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .cards:after, .clearfix:after, .container-fixed-md:after, .container-fixed-sm:after, .container-fixed-xs:after, .container-fixed:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .dl-inline:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager-justify:after, .pager-loose:after, .panel-body:after, .row:after { clear: both } .center-block { display: block; margin-right: auto; margin-left: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none } .showing { display: block } .hidden { display: none !important; visibility: hidden !important } .show { display: block !important; visibility: visible !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .affix { position: fixed } .with-padding { padding: 5px 12px } .no-padding { padding: 0 !important } .no-margin { margin: 0 !important } .inline-block.visible-xs, .inline.visible-xs, .visible-xs, td.visible-xs, th.visible-xs, tr.visible-xs { display: none !important } @media (max-width:767px) { .visible-xs { display: block !important } .inline.visible-xs { display: inline !important } .inline-block.visible-xs { display: inline-block !important } tr.visible-xs { display: table-row !important } td.visible-xs, th.visible-xs { display: table-cell !important } } @media (min-width:768px) and (max-width:991px) { .visible-xs.visible-sm { display: block !important } .inline.visible-xs.visible-sm { display: inline !important } .inline-block.visible-xs.visible-sm { display: inline-block !important } tr.visible-xs.visible-sm { display: table-row !important } td.visible-xs.visible-sm, th.visible-xs.visible-sm { display: table-cell !important } } @media (min-width:992px) and (max-width:1199px) { .visible-xs.visible-md { display: block !important } .inline.visible-xs.visible-md { display: inline !important } .inline-block.visible-xs.visible-md { display: inline-block !important } tr.visible-xs.visible-md { display: table-row !important } td.visible-xs.visible-md, th.visible-xs.visible-md { display: table-cell !important } } @media (min-width:1200px) { .visible-xs.visible-lg { display: block !important } .inline.visible-xs.visible-lg { display: inline !important } .inline-block.visible-xs.visible-lg { display: inline-block !important } tr.visible-xs.visible-lg { display: table-row !important } td.visible-xs.visible-lg, th.visible-xs.visible-lg { display: table-cell !important } } .inline-block.visible-sm, .inline.visible-sm, .visible-sm, td.visible-sm, th.visible-sm, tr.visible-sm { display: none !important } @media (max-width:767px) { .visible-sm.visible-xs { display: block !important } .inline.visible-sm.visible-xs { display: inline !important } .inline-block.visible-sm.visible-xs { display: inline-block !important } tr.visible-sm.visible-xs { display: table-row !important } td.visible-sm.visible-xs, th.visible-sm.visible-xs { display: table-cell !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block !important } .inline.visible-sm { display: inline !important } .inline-block.visible-sm { display: inline-block !important } tr.visible-sm { display: table-row !important } td.visible-sm, th.visible-sm { display: table-cell !important } } @media (min-width:992px) and (max-width:1199px) { .visible-sm.visible-md { display: block !important } .inline.visible-sm.visible-md { display: inline !important } .inline-block.visible-sm.visible-md { display: inline-block !important } tr.visible-sm.visible-md { display: table-row !important } td.visible-sm.visible-md, th.visible-sm.visible-md { display: table-cell !important } } @media (min-width:1200px) { .visible-sm.visible-lg { display: block !important } .inline.visible-sm.visible-lg { display: inline !important } .inline-block.visible-sm.visible-lg { display: inline-block !important } tr.visible-sm.visible-lg { display: table-row !important } td.visible-sm.visible-lg, th.visible-sm.visible-lg { display: table-cell !important } } .inline-block.visible-md, .inline.visible-md, .visible-md, td.visible-md, th.visible-md, tr.visible-md { display: none !important } @media (max-width:767px) { .visible-md.visible-xs { display: block !important } .inline.visible-md.visible-xs { display: inline !important } .inline-block.visible-md.visible-xs { display: inline-block !important } tr.visible-md.visible-xs { display: table-row !important } td.visible-md.visible-xs, th.visible-md.visible-xs { display: table-cell !important } } @media (min-width:768px) and (max-width:991px) { .visible-md.visible-sm { display: block !important } .inline.visible-md.visible-sm { display: inline !important } .inline-block.visible-md.visible-sm { display: inline-block !important } tr.visible-md.visible-sm { display: table-row !important } td.visible-md.visible-sm, th.visible-md.visible-sm { display: table-cell !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important } .inline.visible-md { display: inline !important } .inline-block.visible-md { display: inline-block !important } tr.visible-md { display: table-row !important } td.visible-md, th.visible-md { display: table-cell !important } } @media (min-width:1200px) { .visible-md.visible-lg { display: block !important } .inline.visible-md.visible-lg { display: inline !important } .inline-block.visible-md.visible-lg { display: inline-block !important } tr.visible-md.visible-lg { display: table-row !important } td.visible-md.visible-lg, th.visible-md.visible-lg { display: table-cell !important } } .inline-block.visible-lg, .inline.visible-lg, .visible-lg, td.visible-lg, th.visible-lg, tr.visible-lg { display: none !important } @media (max-width:767px) { .visible-lg.visible-xs { display: block !important } .inline.visible-lg.visible-xs { display: inline !important } .inline-block.visible-lg.visible-xs { display: inline-block !important } tr.visible-lg.visible-xs { display: table-row !important } td.visible-lg.visible-xs, th.visible-lg.visible-xs { display: table-cell !important } } @media (min-width:768px) and (max-width:991px) { .visible-lg.visible-sm { display: block !important } .inline.visible-lg.visible-sm { display: inline !important } .inline-block.visible-lg.visible-sm { display: inline-block !important } tr.visible-lg.visible-sm { display: table-row !important } td.visible-lg.visible-sm, th.visible-lg.visible-sm { display: table-cell !important } } @media (min-width:992px) and (max-width:1199px) { .visible-lg.visible-md { display: block !important } .inline.visible-lg.visible-md { display: inline !important } .inline-block.visible-lg.visible-md { display: inline-block !important } tr.visible-lg.visible-md { display: table-row !important } td.visible-lg.visible-md, th.visible-lg.visible-md { display: table-cell !important } } @media (min-width:1200px) { .visible-lg { display: block !important } .inline.visible-lg { display: inline !important } .inline-block.visible-lg { display: inline-block !important } tr.visible-lg { display: table-row !important } td.visible-lg, th.visible-lg { display: table-cell !important } } .hidden-xs { display: block !important } .inline.hidden-xs { display: inline !important } .inline-block.hidden-xs { display: inline-block !important } tr.hidden-xs { display: table-row !important } td.hidden-xs, th.hidden-xs { display: table-cell !important } @media (max-width:767px) { .hidden-xs, .inline-block.hidden-xs, .inline.hidden-xs, td.hidden-xs, th.hidden-xs, tr.hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-xs.hidden-sm, .inline-block.hidden-xs.hidden-sm, .inline.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-xs.hidden-md, .inline-block.hidden-xs.hidden-md, .inline.hidden-xs.hidden-md, td.hidden-xs.hidden-md, th.hidden-xs.hidden-md, tr.hidden-xs.hidden-md { display: none !important } } @media (min-width:1200px) { .hidden-xs.hidden-lg, .inline-block.hidden-xs.hidden-lg, .inline.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg { display: none !important } } .hidden-sm { display: block !important } .inline.hidden-sm { display: inline !important } .inline-block.hidden-sm { display: inline-block !important } tr.hidden-sm { display: table-row !important } td.hidden-sm, th.hidden-sm { display: table-cell !important } @media (max-width:767px) { .hidden-sm.hidden-xs, .inline-block.hidden-sm.hidden-xs, .inline.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm, .inline-block.hidden-sm, .inline.hidden-sm, td.hidden-sm, th.hidden-sm, tr.hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-sm.hidden-md, .inline-block.hidden-sm.hidden-md, .inline.hidden-sm.hidden-md, td.hidden-sm.hidden-md, th.hidden-sm.hidden-md, tr.hidden-sm.hidden-md { display: none !important } } @media (min-width:1200px) { .hidden-sm.hidden-lg, .inline-block.hidden-sm.hidden-lg, .inline.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg { display: none !important } } .hidden-md { display: block !important } .inline.hidden-md { display: inline !important } .inline-block.hidden-md { display: inline-block !important } tr.hidden-md { display: table-row !important } td.hidden-md, th.hidden-md { display: table-cell !important } @media (max-width:767px) { .hidden-md.hidden-xs, .inline-block.hidden-md.hidden-xs, .inline.hidden-md.hidden-xs, td.hidden-md.hidden-xs, th.hidden-md.hidden-xs, tr.hidden-md.hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-md.hidden-sm, .inline-block.hidden-md.hidden-sm, .inline.hidden-md.hidden-sm, td.hidden-md.hidden-sm, th.hidden-md.hidden-sm, tr.hidden-md.hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md, .inline-block.hidden-md, .inline.hidden-md, td.hidden-md, th.hidden-md, tr.hidden-md { display: none !important } } @media (min-width:1200px) { .hidden-md.hidden-lg, .inline-block.hidden-md.hidden-lg, .inline.hidden-md.hidden-lg, td.hidden-md.hidden-lg, th.hidden-md.hidden-lg, tr.hidden-md.hidden-lg { display: none !important } } .hidden-lg { display: block !important } .inline.hidden-lg { display: inline !important } .inline-block.hidden-lg { display: inline-block !important } tr.hidden-lg { display: table-row !important } td.hidden-lg, th.hidden-lg { display: table-cell !important } @media (max-width:767px) { .hidden-lg.hidden-xs, .inline-block.hidden-lg.hidden-xs, .inline.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-lg.hidden-sm, .inline-block.hidden-lg.hidden-sm, .inline.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-lg.hidden-md, .inline-block.hidden-lg.hidden-md, .inline.hidden-lg.hidden-md, td.hidden-lg.hidden-md, th.hidden-lg.hidden-md, tr.hidden-lg.hidden-md { display: none !important } } @media (min-width:1200px) { .hidden-lg, .inline-block.hidden-lg, .inline.hidden-lg, td.hidden-lg, th.hidden-lg, tr.hidden-lg { display: none !important } } .inline-block.visible-print, .inline.visible-print, .visible-print, td.visible-print, th.visible-print, tr.visible-print { display: none !important } @media print { .visible-print { display: block !important } .inline.visible-print { display: inline !important } .inline-block.visible-print { display: inline-block !important } tr.visible-print { display: table-row !important } td.visible-print, th.visible-print { display: table-cell !important } .hidden-print, .inline-block.hidden-print, .inline.hidden-print, td.hidden-print, th.hidden-print, tr.hidden-print { display: none !important } } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: transparent } body { font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, 'PingFang SC', 'Source Han Sans CN', 'Source Han Sans', 'Source Han Serif', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', sans-serif; font-size: 13px; line-height: 1.53846154; color: #353535; background-color: #fff } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #2aa0ea; text-decoration: none; cursor: pointer; -webkit-transition: .4s cubic-bezier(.175, .885, .32, 1); -o-transition: .4s cubic-bezier(.175, .885, .32, 1); transition: .4s cubic-bezier(.175, .885, .32, 1); -webkit-transition-property: color, background, opacity, left, top, right, bottom, -webkit-transform; -o-transition-property: color, background, opacity, left, top, right, bottom, -o-transform; transition-property: color, background, opacity, left, top, right, bottom, -webkit-transform; transition-property: color, background, transform, opacity, left, top, right, bottom; transition-property: color, background, transform, opacity, left, top, right, bottom, -webkit-transform, -o-transform } a:focus, a:hover { color: #0d3d88; text-decoration: underline } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } a.disabled, a.disabled:focus, a.disabled:hover, a[disabled], a[disabled]:focus, a[disabled]:hover { color: #aaa; text-decoration: none; cursor: default } audio, canvas, img, video { max-width: 100%; vertical-align: middle } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0 } ::-moz-selection { text-shadow: none; background: #b3d4fc } ::selection { text-shadow: none; background: #b3d4fc } fieldset { padding: 0; margin: 0; border: 0 } textarea { resize: vertical } ol, ul { padding-left: 20px } .container, .container-fixed, .container-fixed-md, .container-fixed-sm, .container-fixed-xs, .container-fluid { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto } @media (min-width:768px) { .container { max-width: 740px } } @media (min-width:992px) { .container { max-width: 960px } } @media (min-width:1200px) { .container { max-width: 1160px } } .container-fixed { width: 1160px } .container-fixed-md { width: 960px } .container-fixed-sm { width: 740px } .container-fixed-xs { width: 440px } .row { margin-right: -10px; margin-left: -10px } .col, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px } .col, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-1, .col-xs-1 { width: 8.33333333% } .col-2, .col-xs-2 { width: 16.66666667% } .col-3, .col-xs-3 { width: 25% } .col-4, .col-xs-4 { width: 33.33333333% } .col-5, .col-xs-5 { width: 41.66666667% } .col-6, .col-xs-6 { width: 50% } .col-7, .col-xs-7 { width: 58.33333333% } .col-8, .col-xs-8 { width: 66.66666667% } .col-9, .col-xs-9 { width: 75% } .col-10, .col-xs-10 { width: 83.33333333% } .col-11, .col-xs-11 { width: 91.66666667% } .col-12, .col-xs-12 { width: 100% } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-1 { width: 8.33333333% } .col-sm-2 { width: 16.66666667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333333% } .col-sm-5 { width: 41.66666667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333333% } .col-sm-8 { width: 66.66666667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333333% } .col-sm-11 { width: 91.66666667% } .col-sm-12 { width: 100% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-11 { left: 91.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-11 { margin-left: 91.66666667% } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-1 { width: 8.33333333% } .col-md-2 { width: 16.66666667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333333% } .col-md-5 { width: 41.66666667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333333% } .col-md-8 { width: 66.66666667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333333% } .col-md-11 { width: 91.66666667% } .col-md-12 { width: 100% } .col-md-push-0 { left: auto } .col-md-push-1 { left: 8.33333333% } .col-md-push-2 { left: 16.66666667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333333% } .col-md-push-5 { left: 41.66666667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333333% } .col-md-push-8 { left: 66.66666667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333333% } .col-md-push-11 { left: 91.66666667% } .col-md-pull-0 { right: auto } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-11 { right: 91.66666667% } .col-md-offset-0 { margin-left: 0 } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-11 { margin-left: 91.66666667% } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-1 { width: 8.33333333% } .col-lg-2 { width: 16.66666667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333333% } .col-lg-5 { width: 41.66666667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333333% } .col-lg-8 { width: 66.66666667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333333% } .col-lg-11 { width: 91.66666667% } .col-lg-12 { width: 100% } .col-lg-push-0 { left: auto } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-11 { left: 91.66666667% } .col-lg-pull-0 { right: auto } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-offset-0 { margin-left: 0 } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-11 { margin-left: 91.66666667% } } p { margin: 0 0 10px } .lead { margin-bottom: 20px; font-size: 14px; line-height: 1.4 } @media (min-width:768px) { .lead { font-size: 19.5px } } .small, small { font-size: 85% } cite { font-style: normal } .text-gray, .text-muted { color: grey } .text-gray a, .text-muted a { color: #737373 } .text-gray a:active, .text-gray a:hover, .text-muted a:active, .text-muted a:hover { color: #145ccd } .text-primary { color: #3280fc } .text-warning, .text-yellow { color: #f1a325 } .text-danger, .text-red { color: #ea644a } .text-green, .text-success { color: #38b03f } .text-blue, .text-info { color: #03b8cf } .text-brown, .text-important { color: #bd7b46 } .text-purple, .text-special { color: #8666b8 } .text-link { color: #353535 } .text-link:active, .text-link:hover { color: #145ccd } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .nobr, .text-nowrap { overflow: hidden; white-space: nowrap } .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } ol, ul { margin-top: 0; margin-bottom: 10px } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } .list-unstyled { padding-left: 0; list-style: none } dl { margin-bottom: 20px } dd, dt { line-height: 1.53846154 } dt { font-weight: 700 } dd { margin-left: 0 } .dl-inline dt { display: inline-block } .dl-inline dd { display: inline-block; padding-right: 1em } .dl-inline dd:last-child { padding-right: 0 } @media (min-width:768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 16.25px; border-left: 5px solid #e5e5e5 } blockquote ol, blockquote p, blockquote ul { font-weight: 300 } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0 } blockquote small { display: block; line-height: 1.53846154; color: grey } blockquote small:before { content: '\2014 \00A0' } blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #e5e5e5; border-left: 0 } blockquote.pull-right p, blockquote.pull-right small { text-align: right } blockquote.pull-right small:before { content: '' } blockquote.pull-right small:after { content: '\00A0 \2014' } .ol-pd-2 { padding-left: 40px } .ol-pd-3 { padding-left: 60px } .ol-pd-4 { padding-left: 80px } .bg-black, .bg-default { color: #fff; background-color: #353535 } .bg-primary { color: #fff; background-color: #3280fc } .bg-green, .bg-success { color: #fff; background-color: #38b03f } .bg-blue, .bg-info { color: #fff; background-color: #03b8cf } .bg-warning, .bg-yellow { color: #fff; background-color: #f1a325 } .bg-danger, .bg-red { color: #fff; background-color: #ea644a } .bg-brown, .bg-important { color: #fff; background-color: #bd7b46 } .bg-purple, .bg-special { color: #fff; background-color: #8666b8 } .hl-default, .hl-gray { background-color: #f1f1f1 } .hl-primary { background-color: #ebf2f9 } .hl-green, .hl-success { background-color: #ddf4df } .hl-blue, .hl-info { background-color: #ddf3f5 } .hl-warning, .hl-yellow { background-color: #fff0d5 } .hl-danger, .hl-red { background-color: #ffe5e0 } .hl-brown, .hl-important { background-color: #f7ebe1 } .hl-purple, .hl-special { background-color: #f5eeff } .header-dividing, .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #e5e5e5 } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, 'PingFang SC', 'Source Han Sans CN', 'Source Han Sans', 'Source Han Serif', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', sans-serif; font-weight: 700; line-height: 1.1; color: inherit } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400; line-height: 1; color: grey } h1, h2, h3 { margin-top: 20px; margin-bottom: 10px } h1 small, h2 small, h3 small { font-size: 65% } h4, h5, h6 { margin-top: 10px; margin-bottom: 10px } h4 small, h5 small, h6 small { font-size: 75% } h1 { font-size: 26px } h2 { font-size: 20px } h3 { font-size: 16px } h4 { font-size: 14px } h5 { font-size: 13px } h6 { font-size: 12px } .btn { display: inline-block; padding: 5px 12px; margin-bottom: 0; font-size: 13px; font-weight: 400; line-height: 1.53846154; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 2px; -webkit-transition: .4s cubic-bezier(.175, .885, .32, 1); -o-transition: .4s cubic-bezier(.175, .885, .32, 1); transition: .4s cubic-bezier(.175, .885, .32, 1); -webkit-transition-property: background, border, outline, opacity, -webkit-box-shadow; -o-transition-property: background, border, box-shadow, outline, opacity; transition-property: background, border, outline, opacity, -webkit-box-shadow; transition-property: background, border, box-shadow, outline, opacity; transition-property: background, border, box-shadow, outline, opacity, -webkit-box-shadow } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn:focus, .btn:hover { color: #353535; text-decoration: none } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; opacity: .65 } .btn { color: #353535; background-color: #f2f2f2; border-color: #bfbfbf } .btn.active, .btn:active, .btn:focus, .btn:hover, .open .dropdown-toggle.btn { color: #353535; background-color: #dedede; border-color: #a1a1a1; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1); box-shadow: 0 2px 1px rgba(0, 0, 0, .1) } .btn.active, .btn:active, .open .dropdown-toggle.btn { background-color: #ccc; background-image: none; border-color: #a6a6a6; -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15); box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15) } .btn.disabled, .btn.disabled.active, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover, fieldset[disabled] .btn, fieldset[disabled] .btn.active, fieldset[disabled] .btn:active, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:hover { background-color: #f2f2f2; border-color: #bfbfbf } .btn-primary { color: #fff; background-color: #3280fc; border-color: #1970fc } .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #0a67fb; border-color: #0354d4; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1); box-shadow: 0 2px 1px rgba(0, 0, 0, .1) } .btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary { background-color: #0358de; background-image: none; border-color: #0358de; -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15); box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15) } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #3280fc; border-color: #1970fc } .btn-warning { color: #fff; background-color: #f1a325; border-color: #ed980f } .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning { color: #fff; background-color: #df8f0e; border-color: #b4730c; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1); box-shadow: 0 2px 1px rgba(0, 0, 0, .1) } .btn-warning.active, .btn-warning:active, .open .dropdown-toggle.btn-warning { background-color: #bd7a0c; background-image: none; border-color: #bd7a0c; -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15); box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15) } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f1a325; border-color: #ed980f } .btn-danger { color: #fff; background-color: #ea644a; border-color: #e75033 } .btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger { color: #fff; background-color: #e64525; border-color: #c63317; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1); box-shadow: 0 2px 1px rgba(0, 0, 0, .1) } .btn-danger.active, .btn-danger:active, .open .dropdown-toggle.btn-danger { background-color: #cf3618; background-image: none; border-color: #cf3618; -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15); box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15) } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #ea644a; border-color: #e75033 } .btn-success { color: #fff; background-color: #38b03f; border-color: #329d38 } .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success { color: #fff; background-color: #2e9134; border-color: #236e27; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1); box-shadow: 0 2px 1px rgba(0, 0, 0, .1) } .btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-success { background-color: #26762a; background-image: none; border-color: #26762a; -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15); box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15) } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #38b03f; border-color: #329d38 } .btn-info { color: #fff; background-color: #03b8cf; border-color: #03a2b6 } .btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info { color: #fff; background-color: #0294a7; border-color: #026c7a; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1); box-shadow: 0 2px 1px rgba(0, 0, 0, .1) } .btn-info.active, .btn-info:active, .open .dropdown-toggle.btn-info { background-color: #027584; background-image: none; border-color: #027584; -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15); box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15) } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #03b8cf; border-color: #03a2b6 } .btn-link { font-weight: 400; color: #145ccd; text-shadow: none; cursor: pointer; background: 0 0; -webkit-box-shadow: none; box-shadow: none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover, .btn-link[disabled], fieldset[disabled] .btn-link { border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link:focus, .btn-link:hover { color: #0d3d88 } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #ddd; text-decoration: none } .btn-lg { padding: 10px 16px; font-size: 17px; line-height: 1.25; border-radius: 4px } .btn-mini, .btn-sm, .btn-xs { padding: 2px 8px; font-size: 12px; line-height: 1.5; border-radius: 2px } .btn-mini, .btn-xs { padding: 1px 5px } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: 5px } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; float: left } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 2 } .btn-group-vertical>.btn:focus, .btn-group>.btn:focus { outline: 0 } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group, .btn-group-vertical .btn+.btn, .btn-group-vertical .btn+.btn-group-vertical, .btn-group-vertical .btn-group-vertical+.btn, .btn-group-vertical .btn-group-vertical+.btn-group-vertical { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .btn-group-vertical, .btn-toolbar .input-group { float: left } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.btn-group-vertical, .btn-toolbar>.input-group { margin-left: 5px } .btn-group-vertical>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group-vertical>.btn:first-child, .btn-group>.btn:first-child { margin-left: 0 } .btn-group-vertical>.btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group-vertical>.btn:last-child:not(:first-child), .btn-group-vertical>.dropdown-toggle:not(:first-child), .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group-vertical, .btn-group>.btn-group { float: left } .btn-group-vertical>.btn-group-vertical:not(:first-child):not(:last-child)>.btn, .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group-vertical>.btn-group-vertical:first-child>.btn:last-child, .btn-group-vertical>.btn-group-vertical:first-child>.dropdown-toggle, .btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group-vertical>.btn-group-vertical:last-child>.btn:first-child, .btn-group>.btn-group:last-child>.btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group .dropdown-toggle:active, .btn-group-vertical .dropdown-toggle:active, .btn-group-vertical.open .dropdown-toggle, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group-xs>.btn { padding: 2px 8px; padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 4px } .btn-group-sm>.btn { padding: 2px 8px; font-size: 12px; line-height: 1.5; border-radius: 4px } .btn-group-lg>.btn { padding: 10px 16px; font-size: 17px; line-height: 1.25; border-radius: 4px } .btn-group-vertical>.btn+.dropdown-toggle, .btn-group>.btn+.dropdown-toggle { padding-right: 8px; padding-left: 8px } .btn-group-vertical>.btn-lg+.dropdown-toggle, .btn-group>.btn-lg+.dropdown-toggle { padding-right: 12px; padding-left: 12px } .btn-group-vertical.open .dropdown-toggle, .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-group-vertical.open .dropdown-toggle.btn-link, .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0 } .dropup .btn-lg .caret { border-width: 0 5px 5px } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified>.btn, .btn-group-justified>.btn-group, .btn-group-justified>.btn-group-vertical { display: table-cell; float: none; width: 1% } .btn-group-justified>.btn-group .btn, .btn-group-justified>.btn-group-vertical .btn { width: 100% } .btn-group-justified>.btn-group .dropdown-menu, .btn-group-justified>.btn-group-vertical .dropdown-menu { left: auto } [data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group-vertical>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group-vertical>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group-vertical, .btn-group-vertical>.btn-group-vertical>.btn, .btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical>.btn-group-vertical>.btn, .btn-group-vertical>.btn-group>.btn { float: none } .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn+.btn-group-vertical, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group, .btn-group-vertical>.btn-group-vertical+.btn, .btn-group-vertical>.btn-group-vertical+.btn-group-vertical { margin-top: -1px; margin-left: 0 } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical>.btn:first-child:not(:last-child), .btn-group-vertical>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .btn-group-vertical>.btn-group-vertical:not(:first-child):not(:last-child)>.btn, .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group-vertical>.btn-group-vertical:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group-vertical:first-child:not(:last-child)>.dropdown-toggle, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group-vertical:last-child:not(:first-child)>.btn:first-child, .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #e5e5e5; border-radius: 4px } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; color: #fff; text-align: center; background-color: #3280fc; border-radius: 4px; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color: #38b03f } .progress-bar-info { background-color: #03b8cf } .progress-bar-warning { background-color: #f1a325 } .progress-bar-danger { background-color: #ea644a } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.53846154; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #e5e5e5 } hr.divider-sm { margin-top: 10px; margin-bottom: 10px } hr.divider { margin: 0 } .label { display: inline; padding: .2em .6em .2em; font-size: 85.71428571%; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: grey; border-radius: .25em } .label[href]:focus, .label[href]:hover { color: #fff; background-color: #666 } .label.label-outline { color: grey; background: 0 0; border: 1px solid grey } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer } .label:empty { display: none } .label-badge { display: inline-block; min-width: 18px; padding: 3px 7px; font-size: 12px; line-height: 1; border-radius: 9px } .label-dot { display: inline-block; width: 10px; height: 10px; padding: 0; line-height: 20px; text-indent: -9999em; border-radius: 50% } .label-dot:empty { display: inline-block } .label-primary { background-color: #3280fc } .label-primary[href]:focus, .label-primary[href]:hover { color: #fff; background-color: #0462f7 } .label-primary.label-outline { color: #3280fc; background: 0 0; border: 1px solid #3280fc } .label-success { background-color: #38b03f } .label-success[href]:focus, .label-success[href]:hover { color: #fff; background-color: #2c8931 } .label-success.label-outline { color: #38b03f; background: 0 0; border: 1px solid #38b03f } .label-info { background-color: #03b8cf } .label-info[href]:focus, .label-info[href]:hover { color: #fff; background-color: #028b9d } .label-info.label-outline { color: #03b8cf; background: 0 0; border: 1px solid #03b8cf } .label-warning { background-color: #f1a325 } .label-warning[href]:focus, .label-warning[href]:hover { color: #fff; background-color: #d5890e } .label-warning.label-outline { color: #f1a325; background: 0 0; border: 1px solid #f1a325 } .label-danger { background-color: #ea644a } .label-danger[href]:focus, .label-danger[href]:hover { color: #fff; background-color: #e53d1c } .label-danger.label-outline { color: #ea644a; background: 0 0; border: 1px solid #ea644a } .btn .label, .nav-primary>li>a>.label { position: relative; top: -1px } .btn-danger .label, .btn-info .label, .btn-primary .label, .btn-success .label, .btn-warning .label { background-color: rgba(0, 0, 0, .2) } .list-group-item.active>.label, .nav-pills>.active>a>.label, .nav-primary>.active>a>.label { color: #145ccd; background-color: #fff } .nav>li>a>.label { margin-left: 3px } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px } .breadcrumb>li { display: inline-block } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0" } .breadcrumb>.active { color: grey } /*@font-face { font-family: ZenIcon; font-style: normal; font-weight: 400; src: url(../fonts/zenicon.eot?v=2.2.0); src: url(../fonts/zenicon.eot?#iefix&v=2.2.0) format('embedded-opentype'), url(../fonts/zenicon.woff?v=2.2.0) format('woff'), url(../fonts/zenicon.ttf?v=2.2.0) format('truetype'), url(../fonts/zenicon.svg#regular?v=2.2.0) format('svg') }*/ .icon, [class*=" icon-"], [class^=icon-] { font-family: ZenIcon; font-size: 14px; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon:before { display: inline-block; min-width: 14px; text-align: center } a .icon, a [class*=" icon-"], a [class^=icon-] { display: inline } .icon-lg:before { font-size: 1.33333333em; vertical-align: -10% } .icon-2x { font-size: 28px } .icon-3x { font-size: 42px } .icon-4x { font-size: 56px } .icon-5x { font-size: 70px } .icon-spin { display: inline-block; -webkit-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear } a .icon-spin { display: inline-block; text-decoration: none } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @-o-keyframes spin { 0% { -o-transform: rotate(0); transform: rotate(0) } 100% { -o-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg) } } .icon-rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .icon-rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .icon-rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg) } .icon-flip-horizontal { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1) } .icon-flip-vertical { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1) } .icon.icon-flip-horizontal, .icon.icon-flip-vertical, .icon.icon-rotate-180, .icon.icon-rotate-270, .icon.icon-rotate-90 { display: inline-block } .icon-resize:before { content: '\e667' } .icon-expand-full:before { content: '\e6a3' } .icon-arrows-alt:before { content: '\e6a3' } .icon-fullscreen:before { content: '\e6a3' } .icon-collapse-full:before { content: '\e682' } .icon-yinyang:before { content: '\e687' } .icon-taiji:before { content: '\e687' } .icon-window:before { content: '\e68e' } .icon-window-alt:before { content: '\e68f' } .icon-carousel:before { content: '\e6b0' } .icon-spinner-snake:before { content: '\e97b' } .icon-spinner-indicator:before { content: '\e97c' } .icon-check-board:before { content: '\e9b8' } .icon-bar-chart:before { content: '\f080' } .icon-bar-chart-o:before { content: '\f080' } .icon-github:before { content: '\f09b' } .icon-dot-circle:before { content: '\f192' } .icon-dot-circle-o:before { content: '\f192' } .icon-cube-alt:before { content: '\f1b2' } .icon-cubes:before { content: '\f1b3' } .icon-file-pdf:before { content: '\f1c1' } .icon-file-word:before { content: '\f1c2' } .icon-file-excel:before { content: '\f1c3' } .icon-file-powerpoint:before { content: '\f1c4' } .icon-file-image:before { content: '\f1c5' } .icon-file-photo:before { content: '\f1c5' } .icon-file-picture:before { content: '\f1c5' } .icon-file-archive:before { content: '\f1c6' } .icon-file-zip:before { content: '\f1c6' } .icon-file-audio:before { content: '\f1c7' } .icon-file-sound:before { content: '\f1c7' } .icon-file-movie:before { content: '\f1c8' } .icon-file-video:before { content: '\f1c8' } .icon-file-code:before { content: '\f1c9' } .icon-circle-o-notch:before { content: '\f1ce' } .icon-chanzhi:before { content: '\e906' } .icon-chanzhi-pro:before { content: '\e905' } .icon-zsite:before { content: '\e904' } .icon-zsite-pro:before { content: '\e903' } .icon-qq:before { content: '\f600' } .icon-wechat:before { content: '\f1d7' } .icon-weixin:before { content: '\f1d7' } .icon-history:before { content: '\f1da' } .icon-circle-thin:before { content: '\f1db' } .icon-sliders:before { content: '\f1de' } .icon-newspaper-o:before { content: '\f1ea' } .icon-calculator:before { content: '\f1ec' } .icon-paint-brush:before { content: '\f1fc' } .icon-area-chart:before { content: '\f1fe' } .icon-pie-chart:before { content: '\f200' } .icon-line-chart:before { content: '\f201' } .icon-toggle-off:before { content: '\f204' } .icon-toggle-on:before { content: '\f205' } .icon-diamond:before { content: '\f219' } .icon-venus:before { content: '\f221' } .icon-mars:before { content: '\f222' } .icon-server:before { content: '\f233' } .icon-music:before { content: '\e602' } .icon-search:before { content: '\e603' } .icon-envelope:before { content: '\e604' } .icon-heart:before { content: '\e605' } .icon-star:before { content: '\e606' } .icon-star-empty:before { content: '\e607' } .icon-user:before { content: '\e608' } .icon-film:before { content: '\e609' } .icon-th-large:before { content: '\e60a' } .icon-th:before { content: '\e60b' } .icon-th-list:before { content: '\e60c' } .icon-ok:before { content: '\e60d' } .icon-check:before { content: '\e60d' } .icon-remove:before { content: '\d7' } .icon-times:before { content: '\d7' } .icon-zoom-in:before { content: '\e60f' } .icon-zoom-out:before { content: '\e610' } .icon-off:before { content: '\e611' } .icon-cog:before { content: '\e613' } .icon-trash:before { content: '\e614' } .icon-home:before { content: '\e615' } .icon-file-o:before { content: '\e616' } .icon-file-alt:before { content: '\e616' } .icon-time:before { content: '\e617' } .icon-download-alt:before { content: '\e618' } .icon-download:before { content: '\e619' } .icon-upload:before { content: '\e61a' } .icon-inbox:before { content: '\e61b' } .icon-play-circle:before { content: '\e61c' } .icon-repeat:before { content: '\e61d' } .icon-refresh:before { content: '\e61e' } .icon-list-alt:before { content: '\e61f' } .icon-lock:before { content: '\e620' } .icon-flag:before { content: '\e621' } .icon-headphones:before { content: '\e622' } .icon-volume-off:before { content: '\e623' } .icon-volume-up:before { content: '\e625' } .icon-qrcode:before { content: '\e626' } .icon-barcode:before { content: '\e627' } .icon-tag:before { content: '\e628' } .icon-tags:before { content: '\e629' } .icon-book:before { content: '\e62a' } .icon-bookmark:before { content: '\e62b' } .icon-print:before { content: '\e62c' } .icon-camera:before { content: '\e62d' } .icon-font:before { content: '\e62e' } .icon-bold:before { content: '\e62f' } .icon-italic:before { content: '\f033' } .icon-header:before { content: '\f1dc' } .icon-underline:before { content: '\f0cd' } .icon-strikethrough:before { content: '\f0cc' } .icon-eraser:before { content: '\f12d' } .icon-align-justify:before { content: '\e636' } .icon-list:before { content: '\e637' } .icon-picture:before { content: '\e63b' } .icon-pencil:before { content: '\e63c' } .icon-map-marker:before { content: '\e63d' } .icon-adjust:before { content: '\e63e' } .icon-tint:before { content: '\e63f' } .icon-edit:before { content: '\e640' } .icon-share:before { content: '\e641' } .icon-checked:before { content: '\e642' } .icon-move:before { content: '\e643' } .icon-arrows:before { content: '\e643' } .icon-step-backward:before { content: '\e644' } .icon-fast-backward:before { content: '\e645' } .icon-backward:before { content: '\e646' } .icon-play:before { content: '\e647' } .icon-pause:before { content: '\e648' } .icon-stop:before { content: '\e649' } .icon-forward:before { content: '\e64a' } .icon-fast-forward:before { content: '\e64b' } .icon-step-forward:before { content: '\e64c' } .icon-eject:before { content: '\e64d' } .icon-chevron-left:before { content: '\e64e' } .icon-chevron-right:before { content: '\e64f' } .icon-plus-sign:before { content: '\e650' } .icon-minus-sign:before { content: '\e651' } .icon-remove-sign:before { content: '\e652' } .icon-ok-sign:before { content: '\e653' } .icon-check-circle:before { content: '\e653' } .icon-question-sign:before { content: '\e654' } .icon-info-sign:before { content: '\e655' } .icon-remove-circle:before { content: '\e657' } .icon-ok-circle:before { content: '\e658' } .icon-check-circle-o:before { content: '\e658' } .icon-ban-circle:before { content: '\e659' } .icon-arrow-left:before { content: '\e65a' } .icon-arrow-right:before { content: '\e65b' } .icon-arrow-up:before { content: '\e65c' } .icon-arrow-down:before { content: '\e65d' } .icon-share-alt:before { content: '\e65e' } .icon-resize-full:before { content: '\e65f' } .icon-resize-small:before { content: '\e660' } .icon-plus:before { content: '\e661' } .icon-minus:before { content: '\e662' } .icon-asterisk:before { content: '\e663' } .icon-exclamation-sign:before { content: '\e664' } .icon-gift:before { content: '\e665' } .icon-leaf:before { content: '\e666' } .icon-eye-open:before { content: '\e668' } .icon-eye-close:before { content: '\e669' } .icon-warning-sign:before { content: '\e66a' } .icon-plane:before { content: '\e66b' } .icon-calendar:before { content: '\e66c' } .icon-random:before { content: '\e66d' } .icon-comment:before { content: '\e66e' } .icon-chevron-up:before { content: '\e670' } .icon-chevron-down:before { content: '\e671' } .icon-shopping-cart:before { content: '\e673' } .icon-folder-close:before { content: '\e674' } .icon-folder-open:before { content: '\e675' } .icon-resize-v:before { content: '\e676' } .icon-resize-h:before { content: '\e677' } .icon-bar-chart-alt:before { content: '\e678' } .icon-camera-retro:before { content: '\e679' } .icon-key:before { content: '\e67a' } .icon-cogs:before { content: '\e67b' } .icon-comments:before { content: '\e67c' } .icon-thumbs-o-up:before { content: '\e67d' } .icon-thumbs-o-down:before { content: '\e67e' } .icon-star-half:before { content: '\e67f' } .icon-heart-empty:before { content: '\e680' } .icon-signout:before { content: '\e681' } .icon-pushpin:before { content: '\e683' } .icon-external-link:before { content: '\e684' } .icon-signin:before { content: '\e685' } .icon-trophy:before { content: '\e686' } .icon-upload-alt:before { content: '\e688' } .icon-lemon:before { content: '\e689' } .icon-phone:before { content: '\e68a' } .icon-check-empty:before { content: '\e68b' } .icon-bookmark-empty:before { content: '\e68c' } .icon-phone-sign:before { content: '\e68d' } .icon-credit:before { content: '\e690' } .icon-rss:before { content: '\e691' } .icon-hdd:before { content: '\e692' } .icon-bullhorn:before { content: '\e693' } .icon-bell:before { content: '\e694' } .icon-certificate:before { content: '\e695' } .icon-hand-right:before { content: '\e696' } .icon-hand-left:before { content: '\e697' } .icon-hand-up:before { content: '\e698' } .icon-hand-down:before { content: '\e699' } .icon-circle-arrow-left:before { content: '\e69a' } .icon-circle-arrow-right:before { content: '\e69b' } .icon-circle-arrow-up:before { content: '\e69c' } .icon-circle-arrow-down:before { content: '\e69d' } .icon-globe:before { content: '\e69e' } .icon-wrench:before { content: '\e69f' } .icon-tasks:before { content: '\e6a0' } .icon-filter:before { content: '\e6a1' } .icon-group:before { content: '\e6a4' } .icon-link:before { content: '\e6a5' } .icon-cloud:before { content: '\e6a6' } .icon-beaker:before { content: '\e6a7' } .icon-cut:before { content: '\e6a8' } .icon-copy:before { content: '\e6a9' } .icon-paper-clip:before { content: '\e6aa' } .icon-save:before { content: '\e6ab' } .icon-sign-blank:before { content: '\e6ac' } .icon-bars:before { content: '\e6ad' } .icon-reorder:before { content: '\e6ad' } .icon-list-ul:before { content: '\e6ae' } .icon-list-ol:before { content: '\e6af' } .icon-table:before { content: '\e6b2' } .icon-magic:before { content: '\e6b3' } .icon-caret-down:before { content: '\e6b8' } .icon-caret-up:before { content: '\e6b9' } .icon-caret-left:before { content: '\e6ba' } .icon-caret-right:before { content: '\e6bb' } .icon-columns:before { content: '\e6bc' } .icon-sort:before { content: '\e6bd' } .icon-sort-down:before { content: '\e6be' } .icon-sort-up:before { content: '\e6bf' } .icon-envelope-alt:before { content: '\e6c0' } .icon-undo:before { content: '\e6c1' } .icon-dashboard:before { content: '\e6c3' } .icon-comment-alt:before { content: '\e6c4' } .icon-comments-alt:before { content: '\e6c5' } .icon-bolt:before { content: '\e6c6' } .icon-sitemap:before { content: '\e6c7' } .icon-umbrella:before { content: '\e6c8' } .icon-paste:before { content: '\e6c9' } .icon-lightbulb:before { content: '\e6ca' } .icon-exchange:before { content: '\e6cb' } .icon-cloud-download:before { content: '\e6cc' } .icon-cloud-upload:before { content: '\e6cd' } .icon-bell-alt:before { content: '\e6d1' } .icon-coffee:before { content: '\e6d2' } .icon-file-text-o:before { content: '\e6d4' } .icon-file-text-alt:before { content: '\e6d4' } .icon-building:before { content: '\e6d5' } .icon-double-angle-left:before { content: '\e6dc' } .icon-double-angle-right:before { content: '\e6dd' } .icon-double-angle-up:before { content: '\e6de' } .icon-double-angle-down:before { content: '\e6df' } .icon-angle-left:before { content: '\e6e0' } .icon-angle-right:before { content: '\e6e1' } .icon-angle-up:before { content: '\e6e2' } .icon-angle-down:before { content: '\e6e3' } .icon-desktop:before { content: '\e6e4' } .icon-laptop:before { content: '\e6e5' } .icon-tablet:before { content: '\e6e6' } .icon-mobile:before { content: '\e6e7' } .icon-circle-blank:before { content: '\e6e8' } .icon-quote-left:before { content: '\e6e9' } .icon-quote-right:before { content: '\e6ea' } .icon-spinner:before { content: '\e6eb' } .icon-circle:before { content: '\e6ec' } .icon-reply:before { content: '\e6ed' } .icon-folder-close-alt:before { content: '\e6ef' } .icon-folder-open-alt:before { content: '\e6f0' } .icon-expand-alt:before { content: '\e6f1' } .icon-collapse-alt:before { content: '\e6f2' } .icon-smile:before { content: '\e6f3' } .icon-frown:before { content: '\e6f4' } .icon-meh:before { content: '\e6f5' } .icon-gamepad:before { content: '\e6f6' } .icon-keyboard:before { content: '\e6f7' } .icon-flag-alt:before { content: '\e6f8' } .icon-flag-checkered:before { content: '\e6f9' } .icon-terminal:before { content: '\e6fa' } .icon-code:before { content: '\e6fb' } .icon-reply-all:before { content: '\e6fc' } .icon-star-half-full:before { content: '\e6fd' } .icon-location-arrow:before { content: '\e6fe' } .icon-crop:before { content: '\e6ff' } .icon-code-fork:before { content: '\e700' } .icon-unlink:before { content: '\e701' } .icon-question:before { content: '\e702' } .icon-info:before { content: '\e703' } .icon-shield:before { content: '\e70b' } .icon-calendar-empty:before { content: '\e70c' } .icon-rocket:before { content: '\e70e' } .icon-chevron-sign-left:before { content: '\e70f' } .icon-chevron-sign-right:before { content: '\e710' } .icon-chevron-sign-up:before { content: '\e711' } .icon-chevron-sign-down:before { content: '\e712' } .icon-html5:before { content: '\e713' } .icon-anchor:before { content: '\e714' } .icon-unlock-alt:before { content: '\e715' } .icon-bullseye:before { content: '\e716' } .icon-ellipsis-h:before { content: '\e717' } .icon-ellipsis-v:before { content: '\e718' } .icon-rss-sign:before { content: '\e719' } .icon-play-sign:before { content: '\e71a' } .icon-minus-sign-alt:before { content: '\e71c' } .icon-plus-sign-alt:before { content: '\f0fe' } .icon-check-minus:before { content: '\e71d' } .icon-check-plus:before { content: '\f196' } .icon-level-up:before { content: '\e71e' } .icon-level-down:before { content: '\e71f' } .icon-check-sign:before { content: '\e720' } .icon-edit-sign:before { content: '\e721' } .icon-external-link-sign:before { content: '\e722' } .icon-share-sign:before { content: '\e723' } .icon-compass:before { content: '\e724' } .icon-collapse:before { content: '\e725' } .icon-collapse-top:before { content: '\e726' } .icon-expand:before { content: '\e727' } .icon-dollar:before { content: '\e728' } .icon-yen:before { content: '\e729' } .icon-file:before { content: '\e72b' } .icon-file-text:before { content: '\e72c' } .icon-sort-by-alphabet:before { content: '\e72d' } .icon-sort-by-alphabet-alt:before { content: '\e72e' } .icon-sort-by-attributes:before { content: '\e72f' } .icon-sort-by-attributes-alt:before { content: '\e730' } .icon-sort-by-order:before { content: '\e731' } .icon-sort-by-order-alt:before { content: '\e732' } .icon-thumbs-up:before { content: '\e733' } .icon-thumbs-down:before { content: '\e734' } .icon-long-arrow-down:before { content: '\e736' } .icon-long-arrow-up:before { content: '\e737' } .icon-long-arrow-left:before { content: '\e738' } .icon-long-arrow-right:before { content: '\e739' } .icon-apple:before { content: '\e73a' } .icon-windows:before { content: '\e73b' } .icon-android:before { content: '\e73c' } .icon-linux:before { content: '\e73d' } .icon-sun:before { content: '\e742' } .icon-moon:before { content: '\e743' } .icon-archive:before { content: '\e744' } .icon-bug:before { content: '\e745' } .icon-alipay:before, .icon-zhifubao:before { content: '\e901' } .icon-alipay-square:before, .icon-zhifubao-square:before { content: '\e900' } .icon-taobao:before { content: '\e902' } .icon-weibo:before { content: '\e746' } .icon-renren:before { content: '\e747' } .icon-chrome:before { content: '\e76c' } .icon-firefox:before { content: '\e76d' } .icon-ie:before { content: '\e76e' } .icon-opera:before { content: '\e76f' } .icon-safari:before { content: '\e770' } .icon-node:before { content: '\e76a' } .icon-layout:before { content: '\e768' } .icon-usecase:before { content: '\e74a' } .icon-stack:before { content: '\e769' } .icon-branch:before { content: '\e74b' } .icon-chat:before { content: '\e74c' } .icon-chat-line:before { content: '\e74f' } .icon-comment-line:before { content: '\e74f' } .icon-chat-dot:before { content: '\e750' } .icon-cube:before { content: '\e751' } .icon-database:before { content: '\f1c0' } .icon-align-left:before { content: '\e633' } .load-indicator { position: relative } .load-indicator:after, .load-indicator:before { position: absolute; color: grey; text-align: center; visibility: hidden; opacity: 0; -webkit-transition: .2s cubic-bezier(.175, .885, .32, 1); -o-transition: .2s cubic-bezier(.175, .885, .32, 1); transition: .2s cubic-bezier(.175, .885, .32, 1); -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity } .load-indicator:before { top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 50px; font-size: 12px; content: attr(data-loading); background-color: rgba(255, 255, 255, .65); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .load-indicator:after { top: 50%; left: 50%; z-index: 101; display: block; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-family: ZenIcon; font-size: 14px; font-size: 24px; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; line-height: 30px; text-transform: none; content: '\e97c'; -webkit-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .load-indicator.loading:after, .load-indicator.loading:before { visibility: visible; opacity: 1 } fieldset { padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 19.5px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; margin-bottom: 5px; font-weight: 700 } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } input[type=checkbox], input[type=radio] { margin: 5px 0 0; line-height: normal } input[type=file] { display: block } select[multiple], select[size] { height: auto } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000 } select optgroup { font-family: inherit; font-size: inherit; font-style: inherit } .os-mac select.form-control { -webkit-appearance: none; background-image: url(data:image/gif;base64,R0lGODlhCQAFAIAAAMvQ2////yH5BAEAAAEALAAAAAAJAAUAAAIKhH+BGYoNGWxgFgA7); background-image: url(data:image/gif;base64,R0lGODlhBwAEAIAAAMvQ2////yH5BAEAAAEALAAAAAAHAAQAAAIIhA+BGWoNWSgAOw==); background-repeat: no-repeat; background-position: right 5px top 14px; -moz-appearance: none } .input-sm .os-mac select.form-control { background-position: right 5px top 9px } .input-lg .os-mac select.form-control { background-position: right 5px top 19px } input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } .form-control::-webkit-input-placeholder { color: grey } .form-control::-moz-placeholder { color: grey } .form-control::placeholder { color: grey } .form-control { display: block; width: 100%; height: 32px; padding: 5px 8px; font-size: 13px; line-height: 1.53846154; color: #222; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s } .form-control.focus, .form-control:focus { border-color: #145ccd; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6) } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #e5e5e5 } .form-control[readonly] { cursor: default } textarea.form-control { height: auto; min-height: 32px } .form-group { margin-bottom: 15px } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-top: 3px; margin-left: -20px } .os-android .checkbox input[type=checkbox], .os-android .checkbox-inline input[type=checkbox], .os-android .radio input[type=radio], .os-android .radio-inline input[type=radio] { margin-top: 0 } .checkbox+.checkbox, .radio+.radio { margin-top: -5px } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed } .input-sm { height: 24px; padding: 2px 8px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-sm { height: 24px; line-height: 24px } textarea.input-sm { height: auto } .input-lg { height: 43px; padding: 10px 16px; font-size: 17px; line-height: 1.25; border-radius: 6px } select.input-lg { height: 43px; line-height: 43px } textarea.input-lg { height: auto } .has-warning .help-block, .has-warning>label { color: #f1a325 } .has-warning .form-control { border-color: #f1a325; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-warning .form-control:focus { border-color: #d5890e; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f7cb85; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f7cb85 } .has-warning .input-group-addon { color: #f1a325; background-color: #fff0d5; border-color: #f1a325 } .has-error .help-block, .has-error>label { color: #ea644a } .has-error .form-control { border-color: #ea644a; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-error .form-control:focus { border-color: #e53d1c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f5b2a5; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f5b2a5 } .has-error .input-group-addon { color: #ea644a; background-color: #ffe5e0; border-color: #ea644a } .has-success .help-block, .has-success>label { color: #38b03f } .has-success .form-control { border-color: #38b03f; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-success .form-control:focus { border-color: #2c8931; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #79d57f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #79d57f } .has-success .input-group-addon { color: #38b03f; background-color: #ddf4df; border-color: #38b03f } .form-control-static { min-height: 33px; padding-top: 6px; padding-bottom: 6px; margin-bottom: 0 } .help-block { display: block; margin: 5px 0; color: #757575 } @media (min-width:768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .checkbox, .form-inline .radio { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0 } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { float: none; margin-left: 0 } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .form-group>label, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 6px; margin-top: 0; margin-bottom: 0 } .form-horizontal .form-group { margin-right: -10px; margin-left: -10px } @media (min-width:768px) { .form-horizontal .form-group>label { text-align: right } } .required { position: relative } .required:after { position: absolute; top: 0; right: -10px; display: inline-block; font-size: 17px; color: #ea644a; content: '*' } .form-horizontal .required:after { top: 5px; right: -1px } .form-condensed .form-group { margin-bottom: 10px } .form-condensed .form-control { height: 24px; padding: 2px 8px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.form-condensed .form-control { height: 24px; line-height: 24px } textarea.form-condensed .form-control { height: auto } .form-condensed textarea.form-control { height: auto } .form-condensed .btn { padding: 2px 8px; font-size: 12px; line-height: 1.5; border-radius: 4px } .form-condensed .input-group>.form-control, .form-condensed .input-group>.input-group-addon, .form-condensed .input-group>.input-group-btn>.btn { padding: 2px 8px; font-size: 12px; border-radius: 3px } .form-condensed .input-group .form-control:first-child, .form-condensed .input-group-addon:first-child, .form-condensed .input-group-btn:first-child>.btn, .form-condensed .input-group-btn:first-child>.btn-group-vertical>.btn, .form-condensed .input-group-btn:first-child>.btn-group>.btn, .form-condensed .input-group-btn:first-child>.dropdown-toggle, .form-condensed .input-group-btn:last-child>.btn-group-vertical:not(:last-child)>.btn, .form-condensed .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .form-condensed .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .form-condensed .input-group .form-control:last-child, .form-condensed .input-group-addon:last-child, .form-condensed .input-group-btn:first-child>.btn-group-vertical:not(:first-child)>.btn, .form-condensed .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .form-condensed .input-group-btn:first-child>.btn:not(:first-child), .form-condensed .input-group-btn:last-child>.btn, .form-condensed .input-group-btn:last-child>.btn-group-vertical>.btn, .form-condensed .input-group-btn:last-child>.btn-group>.btn, .form-condensed .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0 } .form-condensed .input-group-addon:first-child { border-right: 0 } .form-condensed .input-group-addon:last-child { border-left: 0 } .form-condensed .input-group-addon.fix-border, .form-condensed .input-group-btn.fix-border>.btn { border-right: 0; border-left: 0; border-radius: 0 } .form-condensed.form-horizontal .checkbox, .form-condensed.form-horizontal .checkbox-inline, .form-condensed.form-horizontal .form-group>label, .form-condensed.form-horizontal .radio, .form-condensed.form-horizontal .radio-inline { padding-top: 1px } .switch { position: relative } .switch>input { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; opacity: 0 } .switch>label { display: block; padding: 5px 0 5px 35px; margin: 0; font-weight: 400; line-height: 20px } .switch>label:after, .switch>label:before { position: absolute; top: 5px; left: 0; display: block; width: 30px; height: 20px; pointer-events: none; content: ' '; border: 1px solid #ddd; border-radius: 10px; -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1); -o-transition: all .4s cubic-bezier(.175, .885, .32, 1); transition: all .4s cubic-bezier(.175, .885, .32, 1) } .switch>label:after { top: 6px; width: 18px; height: 18px; background-color: #fff; border-color: #ccc; border-radius: 9px; -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 4px, rgba(0, 0, 0, .12) 0 1px 2px; box-shadow: rgba(0, 0, 0, .05) 0 1px 4px, rgba(0, 0, 0, .12) 0 1px 2px } .switch>input:checked+label:before { background-color: #3280fc; border-color: #3280fc } .switch>input:checked+label:after { left: 11px; border-color: #fff } .switch.text-left>label { padding: 5px 35px 5px 0 } .switch.text-left>label:after, .switch.text-left>label:before { right: 0; left: auto } .switch.text-left>label:after { right: 12px } .switch.text-left>input:checked+label:after { right: 1px; left: auto } .switch.disabled { pointer-events: none } .switch.disabled>label, .switch>input[disabled]+label { color: #ddd; pointer-events: none } .switch.disabled>label:before, .switch>input[disabled]+label:before { background-color: #fafafa } .switch.disabled>label:after, .switch>input[disabled]+label:after { opacity: .7 } .switch.disabled>input:checked+label:before, .switch>input[disabled]:checked+label:before { background-color: #ccc; border-color: #ccc } .switch input:focus+label:before { border-color: #3280fc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #3280fc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #3280fc } .switch-inline { display: inline-block } .checkbox-primary, .radio-primary { position: relative; display: block } .checkbox-primary>input, .radio-primary>input { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; width: 20px; height: 100%; margin: 0; opacity: 0 } .checkbox-primary>label, .radio-primary>label { padding-left: 25px; font-weight: 400; cursor: pointer } .checkbox-primary>label:after, .checkbox-primary>label:before, .radio-primary>label:after, .radio-primary>label:before { position: absolute; top: 2px; right: 0; left: 0; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; content: ' '; border-radius: 2px } .checkbox-primary>label:after, .radio-primary>label:after { z-index: 1; border: 1px solid grey; -webkit-transition: .4s cubic-bezier(.175, .885, .32, 1); -o-transition: .4s cubic-bezier(.175, .885, .32, 1); transition: .4s cubic-bezier(.175, .885, .32, 1); -webkit-transition-property: border, background-color; -o-transition-property: border, background-color; transition-property: border, background-color } .checkbox-primary>label:before, .radio-primary>label:before { top: 3px; z-index: 2; font-family: ZenIcon; font-size: 14px; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; text-transform: none; content: '\e60d'; opacity: 0; -webkit-transition: .2s cubic-bezier(.175, .885, .32, 1); -o-transition: .2s cubic-bezier(.175, .885, .32, 1); transition: .2s cubic-bezier(.175, .885, .32, 1); -webkit-transition-property: opacity, -webkit-transform; -o-transition-property: opacity, -o-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -o-transform; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .checkbox-primary.checked>label:after, .checkbox-primary>input:checked+label:after, .radio-primary.checked>label:after, .radio-primary>input:checked+label:after { background-color: #3280fc; border-color: #3280fc; border-width: 4px } .checkbox-primary.checked>label:before, .checkbox-primary>input:checked+label:before, .radio-primary.checked>label:before, .radio-primary>input:checked+label:before { color: #fff; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .checkbox-primary.focus>label:after, .checkbox-primary>input:focus+label:after, .radio-primary.focus>label:after, .radio-primary>input:focus+label:after { border-color: #3280fc; -webkit-box-shadow: 0 0 8px #3280fc; box-shadow: 0 0 8px #3280fc } .checkbox-primary input:disabled+label:after, .checkbox-primary.disabled>label:after, .radio-primary input:disabled+label:after, .radio-primary.disabled>label:after { background-color: #e5e5e5; border-color: #bbb } .checkbox-primary input:disabled:checked+label:after, .checkbox-primary.checked.disabled>label:after, .radio-primary input:disabled:checked+label:after, .radio-primary.checked.disabled>label:after { background-color: #bbb } .radio-primary>label:after { border-radius: 50% } .radio-primary>label:before { top: 7px; left: 5px; width: 6px; height: 6px; content: ' '; border: none; border-radius: 50% } .radio-primary.checked>label:after, .radio-primary>input:checked+label:after { background-color: transparent; border-color: #3280fc; border-width: 2px } .radio-primary.checked>label:before, .radio-primary>input:checked+label:before { background-color: #3280fc } .radio-primary input:disabled:checked+label:after, .radio-primary.checked.disabled>label:after { background-color: transparent; border-color: #bbb } .radio-primary input:disabled:checked+label:before, .radio-primary.checked.disabled>label:before { background-color: #bbb } .close { float: right; font-size: 19.5px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2 } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5 } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0 } .scrollbar-hover::-webkit-scrollbar, .scrollbar-hover::-webkit-scrollbar-button, .scrollbar-hover::-webkit-scrollbar-thumb, .scrollbar-hover::-webkit-scrollbar-track { visibility: hidden } .scrollbar-hover:hover::-webkit-scrollbar, .scrollbar-hover:hover::-webkit-scrollbar-button, .scrollbar-hover:hover::-webkit-scrollbar-thumb, .scrollbar-hover:hover::-webkit-scrollbar-track { visibility: visible } @media (min-width:768px) { ::-webkit-scrollbar { width: 10px; height: 10px } ::-webkit-scrollbar-button { width: 0; height: 0 } ::-webkit-scrollbar-button:end:increment, ::-webkit-scrollbar-button:start:decrement { display: block } ::-webkit-scrollbar-button:vertical:end:decrement, ::-webkit-scrollbar-button:vertical:start:increment { display: none } ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-track:vertical { border-color: transparent; border-style: solid } ::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal { background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box } ::-webkit-scrollbar-thumb { min-height: 28px; background-color: rgba(0, 0, 0, .2); -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07) } ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, .4); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25) } ::-webkit-scrollbar-thumb:active { background-color: rgba(0, 0, 0, .5); -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35) } ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-track:vertical { border-width: 0 } ::-webkit-scrollbar-track:hover { background-color: rgba(0, 0, 0, .05); -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1) } ::-webkit-scrollbar-track:active { background-color: rgba(0, 0, 0, .05); -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07) } } table { max-width: 100%; font-size: inherit; background-color: transparent } caption { padding: 8px; color: grey; text-align: left } th { text-align: left } .table { width: 100%; margin-bottom: 20px } .table td, .table th { padding: 8px; line-height: 1.53846154; vertical-align: top; border-bottom: 1px solid #ddd; -webkit-transition: background .2s cubic-bezier(.175, .885, .32, 1); -o-transition: background .2s cubic-bezier(.175, .885, .32, 1); transition: background .2s cubic-bezier(.175, .885, .32, 1) } .table>thead>tr>th { font-weight: 700; color: #353535; vertical-align: bottom; background-color: #f1f1f1; border-bottom: 1px solid #ddd } .table>tbody+tbody { border-top: 2px solid #ddd } .table-fixed { table-layout: fixed } .table-fixed td, .table-fixed th { overflow: hidden; white-space: nowrap } .table-fixed .nofixed, .table-fixed tfoot>tr>td, .table-fixed tfoot>tr>th { overflow: visible } .table-borderless td, .table-borderless th, .table-borderless thead>tr>th { border: none } .table-auto { width: auto; max-width: 100% } .table-condensed td, .table-condensed th { padding: 5px } .table-bordered { border: 1px solid #ddd } .table-bordered td, .table-bordered th { border: 1px solid #ddd } .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #f9f9f9 } .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color: #ebf2f9 } table col[class*=col-] { display: table-column; float: none } table td[class*=col-], table th[class*=col-] { display: table-cell; float: none } .table tr.active>td, .table tr.active>th, .table tr>td.active, .table tr>th.active { background-color: #ffe7bc } .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background-color: #ddf4df; border-color: #bae8b6 } .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background-color: #caeecd; border-color: #a8e1a3 } .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color: #ffe5e0; border-color: #ffc6c7 } .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color: #ffd0c6; border-color: #ffadad } .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background-color: #fff0d5; border-color: #ffdcbc } .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background-color: #ffe7bc; border-color: #ffcea2 } .table-responsive { min-height: .01%; overflow-x: auto } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd } .table-responsive>.table { margin-bottom: 0 } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space: nowrap } .table-responsive>.table-bordered { border: 0 } .table-responsive>.table-bordered th { border-top: none } .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } } .list-group { padding-left: 0; margin-bottom: 20px } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .list-group-item>.label-badge { float: right } .list-group-item>.label-badge+.label-badge { margin-right: 5px } a.list-group-item { color: #555 } a.list-group-item .list-group-item-heading { color: #333 } a.list-group-item:focus, a.list-group-item:hover { color: #353535; text-decoration: none; background-color: #ebf2f9 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #3280fc; border-color: #3280fc } .list-group-item.active .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading { color: inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #e6e6e6 } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; color: #333 } .list-group-item-text { margin-bottom: 0; line-height: 1.3 } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-color: #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) } .panel>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd } .panel>.panel-heading+.panel-collapse .panel-body { border-top-color: #ddd } .panel>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #ddd } .panel-body { padding: 15px } .panel>.table { margin-bottom: 0 } .panel>.panel-body+.table { border-top: 1px solid #ddd } .panel-heading { padding: 8px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 15px } .panel-title>a { color: inherit } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel-primary { border-color: #3280fc } .panel-primary>.panel-heading { color: #fff; background-color: #3280fc; border-color: #3280fc } .panel-primary>.panel-heading+.panel-collapse .panel-body { border-top-color: #3280fc } .panel-primary>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #3280fc } .panel-success { border-color: #bae8b6 } .panel-success>.panel-heading { color: #38b03f; background-color: #ddf4df; border-color: #bae8b6 } .panel-success>.panel-heading+.panel-collapse .panel-body { border-top-color: #bae8b6 } .panel-success>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #bae8b6 } .panel-warning { border-color: #ffdcbc } .panel-warning>.panel-heading { color: #f1a325; background-color: #fff0d5; border-color: #ffdcbc } .panel-warning>.panel-heading+.panel-collapse .panel-body { border-top-color: #ffdcbc } .panel-warning>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #ffdcbc } .panel-danger { border-color: #ffc6c7 } .panel-danger>.panel-heading { color: #ea644a; background-color: #ffe5e0; border-color: #ffc6c7 } .panel-danger>.panel-heading+.panel-collapse .panel-body { border-top-color: #ffc6c7 } .panel-danger>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #ffc6c7 } .panel-info { border-color: #a2e4de } .panel-info>.panel-heading { color: #03b8cf; background-color: #ddf3f5; border-color: #a2e4de } .panel-info>.panel-heading+.panel-collapse .panel-body { border-top-color: #a2e4de } .panel-info>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #a2e4de } .panel-group { margin-bottom: 20px } .panel-group .panel { margin-bottom: 0; border-radius: 4px } .panel-group .panel+.panel { margin-top: 5px } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd } .panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom: 0 } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 } .list-group+.panel-footer { border-top-width: 0 } .alert { padding: 15px; margin-bottom: 20px; color: #282828; background-color: #f1f1f1; border-radius: 3px; -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1); -o-transition: all .4s cubic-bezier(.175, .885, .32, 1); transition: all .4s cubic-bezier(.175, .885, .32, 1) } .alert hr { border-top-color: #e4e4e4 } .alert .alert-link { color: #161616 } .alert h4 { margin-top: 0; color: inherit } .alert hr { margin: 10px 0 } .alert p, .alert ul { margin-bottom: 0 } .alert p+p { margin-top: 5px } .alert-link { font-weight: 700 } .alert>[class*=icon-] { float: left; margin-top: -5px; font-size: 42px; opacity: .6; -webkit-transition: opacity .2s cubic-bezier(.175, .885, .32, 1); -o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1); transition: opacity .2s cubic-bezier(.175, .885, .32, 1) } .alert>[class*=icon-]+.content { min-height: 30px; margin-left: 64px } .alert.with-icon { display: table; width: 100% } .alert.with-icon>[class*=icon-], .alert.with-icon>[class*=icon-]+.content { display: table-cell; float: none; min-height: 0; margin: 0; vertical-align: middle } .alert.with-icon>[class*=icon-] { width: 48px; text-align: center } .alert.with-icon>[class*=icon-]+.content { padding-left: 1em } .alert-block { margin: 0; border-radius: 0 } .alert-dismissable { padding-right: 35px } .alert-dismissable .close { position: relative; top: -6px; right: -21px; color: inherit } .alert-primary { color: #282828; background-color: #ebf2f9 } .alert-primary hr { border-top-color: #d0e0f1 } .alert-primary .alert-link { color: #161616 } .alert-success { color: #329d38; background-color: #ddf4df } .alert-success hr { border-top-color: #bae8b6 } .alert-success .alert-link { color: #29822e } .alert-info { color: #03a2b6; background-color: #ddf3f5 } .alert-info hr { border-top-color: #a2e4de } .alert-info .alert-link { color: #028293 } .alert-warning { color: #ed980f; background-color: #fff0d5 } .alert-warning hr { border-top-color: #ffdcbc } .alert-warning .alert-link { color: #cc830d } .alert-danger { color: #e75033; background-color: #ffe5e0 } .alert-danger hr { border-top-color: #ffc6c7 } .alert-danger .alert-link { color: #dd391a } .alert-inverse { color: #fff; background-color: #353535; border-color: #353535 } .alert-inverse hr { border-top-color: #ddd; border-top-color: rgba(221, 221, 221, .25) } .alert-inverse .alert-link { color: rgba(255, 255, 255, .8) } .alert-primary-inverse { color: #fff; background-color: #3280fc; border-color: #3280fc } .alert-primary-inverse hr { border-top-color: #ddd; border-top-color: rgba(221, 221, 221, .25) } .alert-primary-inverse .alert-link { color: rgba(255, 255, 255, .8) } .alert-success-inverse { color: #fff; background-color: #38b03f; border-color: #38b03f } .alert-success-inverse hr { border-top-color: #ddd; border-top-color: rgba(221, 221, 221, .25) } .alert-success-inverse .alert-link { color: rgba(255, 255, 255, .8) } .alert-info-inverse { color: #fff; background-color: #03b8cf; border-color: #03b8cf } .alert-info-inverse hr { border-top-color: #ddd; border-top-color: rgba(221, 221, 221, .25) } .alert-info-inverse .alert-link { color: rgba(255, 255, 255, .8) } .alert-warning-inverse { color: #fff; background-color: #f1a325; border-color: #f1a325 } .alert-warning-inverse hr { border-top-color: #ddd; border-top-color: rgba(221, 221, 221, .25) } .alert-warning-inverse .alert-link { color: rgba(255, 255, 255, .8) } .alert-danger-inverse { color: #fff; background-color: #ea644a; border-color: #ea644a } .alert-danger-inverse hr { border-top-color: #ddd; border-top-color: rgba(221, 221, 221, .25) } .alert-danger-inverse .alert-link { color: rgba(255, 255, 255, .8) } .input-control-icon-left, .input-control-icon-right, .input-control-label-left, .input-control-label-right { position: absolute; top: 1px; z-index: 5; height: 30px; line-height: 30px; opacity: .5 } .input-control-icon-left, .input-control-icon-right { width: 30px; text-align: center } .input-control-icon-left, .input-control-label-left { left: 1px } .input-control-icon-right, .input-control-label-right { right: 1px } .input-control-label-left, .input-control-label-right { width: 70px; padding: 0 8px; overflow: hidden; text-overflow: ellipsis } .has-label-left-sm>.input-control-label-left, .has-label-left-sm>.input-control-label-right { width: 55px } .has-label-left-lg>.input-control-label-left, .has-label-left-lg>.input-control-label-right { width: 95px } .input-control { position: relative } .input-control.has-icon-left>.form-control { padding-left: 30px } .input-control.has-icon-right>.form-control { padding-right: 30px } .input-control.has-label-left>.form-control { padding-left: 70px } .input-control.has-label-right>.form-control { padding-right: 70px } .input-control.has-label-left-sm>.form-control { padding-left: 55px } .input-control.has-label-right-sm>.form-control { padding-right: 55px } .input-control.has-label-left-lg>.form-control { padding-left: 95px } .input-control.has-label-right-lg>.form-control { padding-right: 95px } .input-control>a:hover { background-color: #f1f1f1; opacity: 1 } .form-control:focus+[class^=input-control-], .form-control:focus+[class^=input-control-]+[class^=input-control-] { opacity: 1 } .form-control:focus+.input-control-label-left { color: #145ccd } .empty+.search-clear-btn, .empty+.search-icon+.search-clear-btn { opacity: 0 !important } input:placeholder-shown+.search-clear-btn, input:placeholder-shown+.search-icon+.search-clear-btn { opacity: 0 !important } .search-box-circle .input-control-icon-left, .search-box-circle .input-control-icon-right, .search-box-circle>.form-control { border-radius: 16px } .search-box-circle+.input-group-btn>.btn { border-radius: 0 16px 16px 0 } .input-group { position: relative; display: table; border-collapse: separate } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0 } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0 } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle } .input-group-addon { padding: 5px 12px; font-size: 13px; font-weight: 400; line-height: 1; color: #222; text-align: center; background-color: #e5e5e5; border: 1px solid #ccc; border-radius: 4px } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0 } .input-group-addon.fix-border { border-right: 0; border-left: 0 } .input-group-addon:empty { width: 1px; padding: 0 } .input-group-addon.fix-padding { width: 1px; padding: 0 } .input-group-btn.fix-border>.btn { border-right: 0; border-left: 0; border-radius: 0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group-vertical>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group-vertical:not(:last-child)>.btn, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group-vertical:not(:first-child)>.btn, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group-vertical>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group-addon:first-child { border-right: 0 } .input-group-addon:last-child { border-left: 0 } .input-group-btn { position: relative; font-size: 0; white-space: nowrap } .input-group-btn>.btn { position: relative } .input-group-btn>.btn+.btn { margin-left: -1px } .input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover { z-index: 2 } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group, .input-group-btn:first-child>.btn-group-vertical { margin-right: -1px } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group, .input-group-btn:last-child>.btn-group-vertical { margin-left: -1px } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 43px; padding: 10px 16px; font-size: 17px; line-height: 1.25; border-radius: 6px } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height: 43px; line-height: 43px } textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn { height: auto } .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height: 24px; padding: 2px 8px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height: 24px; line-height: 24px } textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn { height: auto } .input-group-addon.input-sm { padding: 2px 8px; font-size: 12px; border-radius: 3px } .input-group-addon.input-lg { padding: 10px 16px; font-size: 17px; border-radius: 6px } .code, code, kbd, pre, samp { font-family: Monaco, Menlo, Consolas, "Courier New", monospace } code, kbd { padding: 2px 4px; font-size: 90%; color: #37474f; background-color: #f3f5f7; border-radius: 4px } kbd { padding: 1px 4px; font-weight: 700; color: #666; background-color: #f1f1f1; border: 1px solid #d7d7d7; border-bottom-width: 2px } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 12px; line-height: 1.38461538; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px } pre code { padding: 0; margin: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border: 0 } .pre-scrollable { max-height: 340px; overflow-y: scroll } .com { color: #93a1a1 } .lit { color: #195f91 } .clo, .opn, .pun { color: #93a1a1 } .fun { color: #dc322f } .atv, .str { color: #d14 } .prettyprint .tag { color: #1e347b } .atn, .dec, .typ, .var { color: teal } .pln { color: #48484c } .prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0 } .prettyprint ol.linenums { padding-left: 35px; margin-bottom: 0; line-height: 20px; color: #bebec5; text-shadow: 0 1px 0 #fff } .pager { display: inline-block; padding-left: 0; margin: 20px 0; list-style: none } .pager>li { display: inline } .pager>li>a, .pager>li>span { position: relative; float: left; padding: 5px 12px; margin-left: -1px; line-height: 1.53846154; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pager>li:first-child>a, .pager>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pager>li:last-child>a, .pager>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pager>li>a:focus, .pager>li>a:hover, .pager>li>span:focus, .pager>li>span:hover { z-index: 2; background-color: #e5e5e5 } .pager>li.active>a, .pager>li.active>a:hover, .pager>li.active>span, .pager>li.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #3280fc; border-color: #3280fc } .pager>li.disabled>a, .pager>li.disabled>a:focus, .pager>li.disabled>a:hover, .pager>li.disabled>span, .pager>li.disabled>span:focus, .pager>li.disabled>span:hover { color: #ddd; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd } .pager-justify { display: block } .pager-justify .next>a, .pager-justify .next>span { float: right; border-radius: 4px } .pager-justify .previous>a, .pager-justify .previous>span { float: left; border-radius: 4px } .pager-goto { width: 100px; text-align: center } .pager>li>div { float: left } .pager>li .pager-goto, .pager>li .pager-size-menu, .pager>li.space { margin: 0 5px } .pager-label { position: relative; float: left; padding: 5px 4px; margin-left: -1px; line-height: 1.53846154; text-decoration: none; border: 1px solid transparent } .pager-item-left>a { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pager-item-right>a { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pager-lg>li>a, .pager-lg>li>span { padding: 10px 16px; font-size: 17px } .pager-lg>li:first-child>a, .pager-lg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .pager-lg>li:last-child>a, .pager-lg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .pager-sm>li>a, .pager-sm>li>span { padding: 2px 8px; font-size: 12px } .pager-sm>li:first-child>a, .pager-sm>li:first-child>span { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .pager-sm>li:last-child>a, .pager-sm>li:last-child>span { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .pager-pills>li:first-child>a, .pager-pills>li:first-child>span { border-radius: 16px 0 0 16px } .pager-pills>li:last-child>a, .pager-pills>li:last-child>span { border-radius: 0 16px 16px 0 } .pager-pills.pager-justify>li>a, .pager-pills.pager-justify>li>span { border-radius: 16px } .pager-loose { display: block; margin: 20px 0 } .pager-loose.pager-pills>li>a, .pager-loose.pager-pills>li>span { border-radius: 16px } .pager-loose>li>a, .pager-loose>li>span { margin-left: 5px; border-radius: 4px } .pager-loose>li:first-child>a, .pager-loose>li:first-child>span { margin-left: 0 } .nav { padding-left: 0; margin-bottom: 0; list-style: none } .nav>.nav-heading { padding: 8px 15px; font-weight: 700; color: grey } .nav>li { position: relative; display: block } .nav>li>a { position: relative; display: block; padding: 8px 15px; color: #353535 } .nav>li>a:focus, .nav>li>a:hover { color: #0d3d88; text-decoration: none; background-color: #f1f1f1 } .nav>li.disabled>a { color: #ddd } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color: #ddd; text-decoration: none; cursor: not-allowed; background-color: transparent } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #f1f1f1; border-color: #145ccd } .nav>li>a>img { max-width: none } .nav-default>li { float: left } .nav-default>li>a { border-radius: 4px } .nav-pills>li { float: left } .nav-pills>li>a { border-radius: 20px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background-color: #3280fc } .nav-primary>li { float: left; margin-left: -1px } .nav-primary>li:first-child>a { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .nav-primary>li:last-child>a { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .nav-primary>li>a { border: 1px solid #ddd } .nav-primary>li.active>a, .nav-primary>li.active>a:focus, .nav-primary>li.active>a:hover { color: #fff; background-color: #3280fc; border-color: #3280fc } .nav-secondary>li { float: left } .nav-secondary>li>a { border-bottom: 2px solid #e5e5e5 } .nav-secondary>li.active>a, .nav-secondary>li.active>a:focus, .nav-secondary>li.active>a:hover { color: #3280fc; border-bottom-color: #3280fc } .nav-secondary>li.nav-heading { border-bottom: 2px solid #e5e5e5 } .nav-stacked>li { float: none } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .nav-stacked.nav-primary>li, .nav-stacked.nav-primary>li>a { margin-left: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .nav-stacked.nav-primary>li+li { margin-top: -1px } .nav-stacked.nav-primary>li:first-child { margin-top: 0 } .nav-stacked.nav-primary>li:first-child.nav-heading, .nav-stacked.nav-primary>li:first-child>a { margin-left: 0; border-top-left-radius: 4px; border-top-right-radius: 4px } .nav-stacked.nav-primary>li:last-child>a { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .nav-stacked.nav-primary>li.nav-heading { background-color: #f1f1f1; border: 1px solid #ddd } .nav-stacked.nav-secondary>li>a { border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: inset 2px 0 0 #f5f5f5; box-shadow: inset 2px 0 0 #f5f5f5 } .nav-stacked.nav-secondary>li>a:hover { -webkit-box-shadow: inset 2px 0 0 #e5e5e5; box-shadow: inset 2px 0 0 #e5e5e5 } .nav-stacked.nav-secondary>li+li { margin-top: -1px } .nav-stacked.nav-secondary>li:first-child { margin-top: 0 } .nav-stacked.nav-secondary>li.active>a, .nav-stacked.nav-secondary>li.active>a:focus, .nav-stacked.nav-secondary>li.active>a:hover { background-color: #f5f5f5; -webkit-box-shadow: inset 2px 0 0 #3280fc; box-shadow: inset 2px 0 0 #3280fc } .nav-stacked.nav-secondary>li.nav-heading { border-bottom: 1px solid #ddd } .nav-justified { width: 100% } .nav-justified>li { float: none } .nav-justified>li>a { padding-right: 0; padding-left: 0; margin-bottom: 5px; text-align: center } @media (min-width:768px) { .nav-justified>li { display: table-cell; width: 1% } .nav-justified>li>a { margin-bottom: 0 } .nav-justified.nav-primary>li+li>a { border-left: 0 } } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-tabs>li>a { margin-right: 2px; line-height: 1.53846154; border: 1px solid transparent; border-radius: 4px 4px 0 0 } .nav-tabs>li>a:hover { border-color: #e5e5e5 #e5e5e5 #ddd } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: grey; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent } .nav-tabs.nav-justified { width: 100%; border-bottom: 0 } .nav-tabs.nav-justified>li { float: none } .nav-tabs.nav-justified>li>a { padding-right: 0; padding-left: 0; margin-bottom: 5px; text-align: center } @media (min-width:768px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1% } .nav-tabs.nav-justified>li>a { margin-bottom: 0 } .nav-tabs.nav-justified.nav-primary>li+li>a { border-left: 0 } } .nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #fff } } @-moz-document url-prefix() { .nav-tabs>li.active>a:focus .nav-tabs>li>a:focus { outline: 0 } } .nav-tabs.nav-stacked { border-right: 1px solid #ddd; border-bottom: none } .nav-tabs.nav-stacked>li { float: none; margin-right: -1px; margin-bottom: 0 } .nav-tabs.nav-stacked>li>a { margin-right: 0; border-radius: 4px 0 0 4px } .nav-tabs.nav-stacked>li.active>a, .nav-tabs.nav-stacked>li.active>a:focus, .nav-tabs.nav-stacked>li.active>a:hover { border: 1px solid #ddd; border-right-color: transparent } .nav-tabs-justified { border-bottom: 0 } .nav-tabs-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border-bottom-color: #fff } } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar { position: relative; min-height: 40px; margin-bottom: 20px; border: 1px solid transparent } @media (min-width:768px) { .navbar { border-radius: 4px } } @media (min-width:768px) { .navbar-header { float: left } } .navbar-collapse { padding-right: 10px; padding-left: 10px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) } .navbar-collapse.in { overflow-y: auto } @media (min-width:768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0 } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px } } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -10px; margin-left: -10px } @media (min-width:768px) { .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0 } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } @media (min-width:768px) { .navbar-static-top { border-radius: 0 } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 } @media (min-width:768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0 } } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 } .navbar-brand { float: left; height: 40px; padding: 10px 15px; font-size: 17px; line-height: 20px } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-brand>img { display: block } @media (min-width:768px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -10px } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 3px; margin-right: 3px; margin-bottom: 3px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px } .navbar-toggle:focus { outline: 0 } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px } @media (min-width:768px) { .navbar-toggle { display: none } } .navbar-nav { margin: 5px -10px } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px } .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { background-image: none } } @media (min-width:768px) { .navbar-nav { float: left; margin: 0 } .navbar-nav>li { float: left } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px } .navbar-nav.nav-justified>li { float: none } } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .navbar-nav.pull-right>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu.pull-right { right: 0; left: auto } .navbar-btn { margin-top: 4px; margin-bottom: 4px } .navbar-text { float: left; margin-top: 10px; margin-bottom: 10px } @media (min-width:768px) { .navbar-text { margin-right: 10px; margin-left: 10px } } @media (min-width:768px) { .navbar-left { float: left !important } .navbar-right { float: right !important; margin-right: -10px } .navbar-right~.navbar-right { margin-right: 0 } } .navbar-default { background-color: #f7f7f7; border-color: #dedede } .navbar-default .navbar-brand { color: #333 } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #1a1a1a; background-color: transparent } .navbar-default .navbar-text { color: #333 } .navbar-default .navbar-nav>li>a { color: #333 } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #222; background-color: #e5e5e5 } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover { color: #ccc; background-color: transparent } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd } .navbar-default .navbar-toggle .icon-bar { background-color: grey } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #dedede } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #555; background-color: #e7e7e7 } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #333 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #222; background-color: #e5e5e5 } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #ccc; background-color: transparent } } .navbar-default .navbar-link { color: #333 } .navbar-default .navbar-link:hover { color: #222 } .navbar-default .btn-link { color: #333 } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #222 } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc } .navbar-inverse { background-color: #145ccd; border-color: #10479f } .navbar-inverse .navbar-brand { color: #ddd } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-text { color: #ddd } .navbar-inverse .navbar-nav>li>a { color: #ddd } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #fff; background-color: #1868e8 } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color: #fff; background-color: #2a74ea } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover { color: #444; background-color: transparent } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #1251b6 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #114dad } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color: #fff; background-color: #2a74ea } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #10479f } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #10479f } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #ddd } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #fff; background-color: #1868e8 } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #2a74ea } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #444; background-color: transparent } } .navbar-inverse .navbar-link { color: #ddd } .navbar-inverse .navbar-link:hover { color: #fff } .navbar-form { padding: 10px 10px; margin-top: 4px; margin-right: -10px; margin-bottom: 4px; margin-left: -10px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1) } @media (min-width:768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0 } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { float: none; margin-left: 0 } } @media (max-width:767px) { .navbar-form .form-group { margin-bottom: 5px } .navbar-form .form-group:last-child { margin-bottom: 0 } } @media (min-width:768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none } } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .scale { -webkit-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8) } .scale.in { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease } .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal>.loader { display: none } .modal.modal-loading .modal-dialog { opacity: 0 } .modal.modal-loading .loader { position: absolute; top: 35%; left: 50%; display: block; width: 80px; margin-left: -40px; font-size: 56px; color: #fff; text-align: center } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-iframe .modal-body { overflow: hidden !important } .modal-iframe .modal-body>iframe { border-radius: 0 0 6px 6px } .modal-dialog { position: relative; width: auto; margin: 0 auto; pointer-events: initial; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5) } .modal-dialog.modal-moveable { position: absolute; margin: 0 } .modal-dialog.modal-moveable .modal-header { cursor: move } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.in { opacity: .2 } .modal-header { min-height: 16.53846154px; padding: 15px; border-bottom: 1px solid #e5e5e5 } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.53846154 } .modal-body { position: relative; padding: 15px } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 } .modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px } .modal-footer .btn-group .btn+.btn, .modal-footer .btn-group-vertical .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:768px) { .modal-dialog { width: 600px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2); box-shadow: 0 5px 15px rgba(0, 0, 0, .2) } .modal-sm { width: 300px } } @media (min-width:992px) { .modal-lg { width: 900px } } .modal-fullscreen { position: relative; width: 100% !important; height: 100% !important; margin: 0; border-radius: 0 } .modal-fullscreen .modal-body { position: absolute; top: 52px; right: 0; bottom: 0; left: 0; overflow-y: auto } .body-modal-scroll-inside { overflow: auto } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; visibility: visible; opacity: 0 } .tooltip.in { opacity: 1 } .tooltip.top { padding: 5px 0; margin-top: -3px } .tooltip.right { padding: 0 5px; margin-left: 3px } .tooltip.bottom { padding: 5px 0; margin-top: 3px } .tooltip.left { padding: 0 5px; margin-left: -3px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #353535; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #353535 } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #353535 } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; border-top-color: #353535 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #353535 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #353535 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #353535 } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #353535 } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #353535 } .tooltip-primary .tooltip-inner { background-color: #3280fc } .tooltip-primary.tooltip.top .tooltip-arrow { border-top-color: #3280fc } .tooltip-primary.tooltip.top-left .tooltip-arrow { border-top-color: #3280fc } .tooltip-primary.tooltip.top-right .tooltip-arrow { border-top-color: #3280fc } .tooltip-primary.tooltip.right .tooltip-arrow { border-right-color: #3280fc } .tooltip-primary.tooltip.left .tooltip-arrow { border-left-color: #3280fc } .tooltip-primary.tooltip.bottom .tooltip-arrow { border-bottom-color: #3280fc } .tooltip-primary.tooltip.bottom-left .tooltip-arrow { border-bottom-color: #3280fc } .tooltip-primary.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #3280fc } .tooltip-success .tooltip-inner { background-color: #38b03f } .tooltip-success.tooltip.top .tooltip-arrow { border-top-color: #38b03f } .tooltip-success.tooltip.top-left .tooltip-arrow { border-top-color: #38b03f } .tooltip-success.tooltip.top-right .tooltip-arrow { border-top-color: #38b03f } .tooltip-success.tooltip.right .tooltip-arrow { border-right-color: #38b03f } .tooltip-success.tooltip.left .tooltip-arrow { border-left-color: #38b03f } .tooltip-success.tooltip.bottom .tooltip-arrow { border-bottom-color: #38b03f } .tooltip-success.tooltip.bottom-left .tooltip-arrow { border-bottom-color: #38b03f } .tooltip-success.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #38b03f } .tooltip-info .tooltip-inner { background-color: #03b8cf } .tooltip-info.tooltip.top .tooltip-arrow { border-top-color: #03b8cf } .tooltip-info.tooltip.top-left .tooltip-arrow { border-top-color: #03b8cf } .tooltip-info.tooltip.top-right .tooltip-arrow { border-top-color: #03b8cf } .tooltip-info.tooltip.right .tooltip-arrow { border-right-color: #03b8cf } .tooltip-info.tooltip.left .tooltip-arrow { border-left-color: #03b8cf } .tooltip-info.tooltip.bottom .tooltip-arrow { border-bottom-color: #03b8cf } .tooltip-info.tooltip.bottom-left .tooltip-arrow { border-bottom-color: #03b8cf } .tooltip-info.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #03b8cf } .tooltip-warning .tooltip-inner { background-color: #f1a325 } .tooltip-warning.tooltip.top .tooltip-arrow { border-top-color: #f1a325 } .tooltip-warning.tooltip.top-left .tooltip-arrow { border-top-color: #f1a325 } .tooltip-warning.tooltip.top-right .tooltip-arrow { border-top-color: #f1a325 } .tooltip-warning.tooltip.right .tooltip-arrow { border-right-color: #f1a325 } .tooltip-warning.tooltip.left .tooltip-arrow { border-left-color: #f1a325 } .tooltip-warning.tooltip.bottom .tooltip-arrow { border-bottom-color: #f1a325 } .tooltip-warning.tooltip.bottom-left .tooltip-arrow { border-bottom-color: #f1a325 } .tooltip-warning.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #f1a325 } .tooltip-danger .tooltip-inner { background-color: #ea644a } .tooltip-danger.tooltip.top .tooltip-arrow { border-top-color: #ea644a } .tooltip-danger.tooltip.top-left .tooltip-arrow { border-top-color: #ea644a } .tooltip-danger.tooltip.top-right .tooltip-arrow { border-top-color: #ea644a } .tooltip-danger.tooltip.right .tooltip-arrow { border-right-color: #ea644a } .tooltip-danger.tooltip.left .tooltip-arrow { border-left-color: #ea644a } .tooltip-danger.tooltip.bottom .tooltip-arrow { border-bottom-color: #ea644a } .tooltip-danger.tooltip.bottom-left .tooltip-arrow { border-bottom-color: #ea644a } .tooltip-danger.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #ea644a } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 300px; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 4px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .popover.no-arrow.top { margin-top: 0 } .popover.no-arrow.right { margin-left: 0 } .popover.no-arrow.bottom { margin-top: 0 } .popover.no-arrow.left { margin-left: 0 } .modal .popover, .popover-in-modal { z-index: 1050 } .popover-title { padding: 8px 14px; margin: 0; font-size: 13px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 4px 4px 0 0 } .popover-content { padding: 9px 14px } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .popover .arrow { border-width: 11px } .popover .arrow:after { content: ""; border-width: 10px } .popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0 } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0 } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0 } .popover.right .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0 } .popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25) } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25) } .popover.left .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff } .popover-primary { border-color: #3280fc } .popover-primary .popover-title { color: #fff; background-color: #3280fc } .popover-primary.popover.top .arrow { border-top-color: #3280fc } .popover-primary.popover.right .arrow { border-right-color: #3280fc } .popover-primary.popover.left .arrow { border-left-color: #3280fc } .popover-primary.popover.bottom .arrow, .popover-primary.popover.bottom .arrow:after { border-bottom-color: #3280fc } .popover-success { border-color: #38b03f } .popover-success .popover-title { color: #fff; background-color: #38b03f } .popover-success.popover.top .arrow { border-top-color: #38b03f } .popover-success.popover.right .arrow { border-right-color: #38b03f } .popover-success.popover.left .arrow { border-left-color: #38b03f } .popover-success.popover.bottom .arrow, .popover-success.popover.bottom .arrow:after { border-bottom-color: #38b03f } .popover-info { border-color: #03b8cf } .popover-info .popover-title { color: #fff; background-color: #03b8cf } .popover-info.popover.top .arrow { border-top-color: #03b8cf } .popover-info.popover.right .arrow { border-right-color: #03b8cf } .popover-info.popover.left .arrow { border-left-color: #03b8cf } .popover-info.popover.bottom .arrow, .popover-info.popover.bottom .arrow:after { border-bottom-color: #03b8cf } .popover-warning { border-color: #f1a325 } .popover-warning .popover-title { color: #fff; background-color: #f1a325 } .popover-warning.popover.top .arrow { border-top-color: #f1a325 } .popover-warning.popover.right .arrow { border-right-color: #f1a325 } .popover-warning.popover.left .arrow { border-left-color: #f1a325 } .popover-warning.popover.bottom .arrow, .popover-warning.popover.bottom .arrow:after { border-bottom-color: #f1a325 } .popover-danger { border-color: #ea644a } .popover-danger .popover-title { color: #fff; background-color: #ea644a } .popover-danger.popover.top .arrow { border-top-color: #ea644a } .popover-danger.popover.right .arrow { border-right-color: #ea644a } .popover-danger.popover.left .arrow { border-left-color: #ea644a } .popover-danger.popover.bottom .arrow, .popover-danger.popover.bottom .arrow:after { border-bottom-color: #ea644a } .caret { display: inline-block; width: 0; height: 0; margin-bottom: 2px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent } .dropdown, .dropup { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 13px; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cbcbcb; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175) } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.53846154; color: #353535; white-space: nowrap } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #fff; text-decoration: none; background-color: #3280fc } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; background-color: #3280fc; outline: 0 } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { color: #ddd } .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none } .dropdown-hover .dropdown-menu { margin: -1px 0 } .dropdown-hover:hover>.dropdown-menu, .mouseopen>.dropdown-menu, .open>.dropdown-menu { display: block } .dropdown-hover:hover>a, .open>a { outline: 0 } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; font-weight: 700; line-height: 1.53846154; color: grey } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990 } .pull-right>.dropdown-menu { right: 0; left: auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0 dotted; border-bottom: 4px solid } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px } @media (min-width:768px) { .navbar-right .dropdown-menu { right: 0; left: auto } } .dropdown-submenu { position: relative } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; border-radius: 4px } .dropdown-submenu.open>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu { display: block } .dropup .dropdown-submenu>.dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; border-radius: 4px } .dropdown-submenu>a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; content: " "; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc } .dropdown-submenu:hover>a:after { border-left-color: #fff } .dropdown-submenu>a { min-width: 160px } .dropdown-submenu>.dropdown-menu.pull-left { right: 100%; left: auto } .dropdown-submenu:focus>a, .dropdown-submenu:hover>a { color: #fff; text-decoration: none; background-color: #3280fc } .carousel { position: relative } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block } .carousel-inner>.active { left: 0 } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.prev { left: -100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0 } .carousel-inner>.active.left { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 10%; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); outline: 0; opacity: .4 } .carousel-control>.icon { font-size: 20px } .carousel-control.left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .0001))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .0001) 100%); background-repeat: repeat-x } .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .3))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .3) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .3) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .3) 100%); background-repeat: repeat-x } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; opacity: 1 } .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block } .carousel-control .icon-chevron-left, .carousel-control .icon-prev { left: 50% } .carousel-control .icon-chevron-right, .carousel-control .icon-next { right: 50% } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif } .carousel-control .icon-prev:before { content: '\2039' } .carousel-control .icon-next:before { content: '\203a' } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .carousel-caption .btn { text-shadow: none } @media screen and (min-width:768px) { .carousel-control .icon-next, .carousel-control .icon-prev { top: 40%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 80px } .carousel-control .icon-prev { left: 30% } .carousel-control .icon-next { right: 25% } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; border: 1px solid #fff; border-radius: 10px } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff } [data-toggle=lightbox] { cursor: pointer } .modal-lightbox .close { position: absolute; top: 0; right: 0; z-index: 10; display: block; width: 40px; height: 40px; font-size: 14px; color: #fff; text-align: center; background-color: #353535; background-color: rgba(53, 53, 53, .2); opacity: .8; -webkit-transition: opacity .2s cubic-bezier(.175, .885, .32, 1), background-color .2s cubic-bezier(.175, .885, .32, 1); -o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1), background-color .2s cubic-bezier(.175, .885, .32, 1); transition: opacity .2s cubic-bezier(.175, .885, .32, 1), background-color .2s cubic-bezier(.175, .885, .32, 1) } .modal-lightbox .controller { position: absolute; top: 0; display: none; height: 100%; padding: 0; line-height: 100%; color: #fff; cursor: pointer; background-color: transparent; border: none; outline: 0; -webkit-transition: background .2s cubic-bezier(.175, .885, .32, 1); -o-transition: background .2s cubic-bezier(.175, .885, .32, 1); transition: background .2s cubic-bezier(.175, .885, .32, 1) } .modal-lightbox .controller.show { display: block } .modal-lightbox .controller>.icon { display: inline-block; width: 60px; height: 50px; line-height: 50px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: transparent; -webkit-transition: background .2s cubic-bezier(.175, .885, .32, 1); -o-transition: background .2s cubic-bezier(.175, .885, .32, 1); transition: background .2s cubic-bezier(.175, .885, .32, 1) } .modal-lightbox .controller>.icon:before { font-size: 20px } .modal-lightbox .controller.prev { left: 0 } .modal-lightbox .controller.next { right: 0 } .modal-lightbox .modal-dialog { position: relative; max-width: 100%; max-height: 100%; margin-bottom: 0; background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1); -o-transition: all .4s cubic-bezier(.175, .885, .32, 1); transition: all .4s cubic-bezier(.175, .885, .32, 1) } .modal-lightbox .modal-dialog:focus .close, .modal-lightbox .modal-dialog:hover .close { background-color: rgba(53, 53, 53, .5); opacity: 1 } .modal-lightbox .modal-dialog:focus .close:hover, .modal-lightbox .modal-dialog:hover .close:hover { background-color: rgba(53, 53, 53, .9) } .modal-lightbox .modal-dialog:focus .controller>.icon, .modal-lightbox .modal-dialog:hover .controller>.icon { text-shadow: none; background-color: #353535; background-color: rgba(53, 53, 53, .5) } .modal-lightbox .modal-dialog:focus .controller:hover>.icon, .modal-lightbox .modal-dialog:hover .controller:hover>.icon { background-color: #353535; background-color: rgba(53, 53, 53, .9) } .modal-lightbox .caption { display: none } .modal-lightbox.lightbox-with-caption .caption { position: absolute; bottom: 0; display: block; width: 100%; padding: 10px 15px; color: #fff; text-align: center; text-shadow: 1px 1px 0 rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .15); opacity: .5; -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1); -o-transition: all .4s cubic-bezier(.175, .885, .32, 1); transition: all .4s cubic-bezier(.175, .885, .32, 1) } .modal-lightbox.lightbox-with-caption .modal-dialog:hover .caption { background: rgba(0, 0, 0, .6); opacity: 1 } .lightbox-img { display: block; width: inherit; max-width: 100%; height: auto; padding: 0; margin: 0 auto; cursor: pointer; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1); -o-transition: all .4s cubic-bezier(.175, .885, .32, 1); transition: all .4s cubic-bezier(.175, .885, .32, 1) } .messager { display: table; margin: 10px; overflow: hidden; color: #fff; pointer-events: auto; background-color: #353535; background-color: rgba(0, 0, 0, .8); border-radius: 20px; -webkit-transition-property: opacity, -webkit-transform !important; -o-transition-property: opacity, -o-transform !important; transition-property: opacity, -webkit-transform !important; transition-property: opacity, transform !important; transition-property: opacity, transform, -webkit-transform, -o-transform !important } .messager-content { display: table-cell; padding: 10px 15px; vertical-align: top } .messager-content>[class^=icon-] { display: inline-block; margin-right: 8px } .messager-actions { display: table-cell; vertical-align: top } .messager-actions>.action { min-width: 40px; height: 40px; padding: 0 12px; color: #fafafa; color: rgba(255, 255, 255, .6); text-align: center; text-shadow: none; background: 0 0; border: none } .messager-actions>.action.close { padding-bottom: 5px; font-size: 20px; font-weight: 400; opacity: 1 } .messager-actions>.action:hover { color: #fff; background: rgba(0, 0, 0, .1) } .messager-actions .action-icon+.action-text { margin-left: 8px } .messagers-holder { position: fixed; z-index: 99999; padding: 10px; pointer-events: none } .messagers-holder.top { top: 0 } .messagers-holder.top-left { top: 0; left: 0 } .messagers-holder.top-right { top: 0; right: 0 } .messagers-holder.bottom { bottom: 0 } .messagers-holder.bottom-left { bottom: 0; left: 0 } .messagers-holder.bottom-right { right: 0; bottom: 0 } .messagers-holder.bottom-right .messager, .messagers-holder.top-right .messager { margin-left: auto } .messagers-holder.center { top: 0 } .messagers-holder.bottom, .messagers-holder.center, .messagers-holder.top { right: 0; left: 0 } .messagers-holder.bottom .messager, .messagers-holder.center .messager, .messagers-holder.top .messager { margin: 10px auto } .messager-primary { background-color: #3280fc } .messager-success { background-color: #38b03f } .messager-info { background-color: #03b8cf } .messager-warning { background-color: #f1a325 } .messager-danger { background-color: #ea644a } .messager-important { background-color: #bd7b46 } .messager-special { background-color: #8666b8 } .article { padding: 20px } .article>header h1, .article>header h2, .article>header h3 { margin-bottom: 20px; line-height: 1.5 } .article>header>.abstract, .article>header>dl { padding: 10px 15px; font-size: 12px; color: #686868; background-color: #f1f1f1 } .article>header>.abstract>p:last-child, .article>header>dl>p:last-child { margin-bottom: 0 } .article>header>dl { margin: 0; border-bottom: 1px solid #e9e9e9 } .article>header>dl.pull-right { background-color: transparent; border: none } .article>footer { border-top: 1px dashed #d7d7d7 } .article>footer>p { padding: 10px 15px } .article-content, .article>.content { padding: 20px 0; font-size: 14px; line-height: 1.78571429 } .article-content h1, .article>.content h1 { font-size: 20px } .article-content h2, .article>.content h2 { font-size: 18px } .article-content h3, .article>.content h3 { font-size: 16px } .article-content h4, .article>.content h4 { margin-top: 15px; font-size: 14px } .article-content h5, .article>.content h5 { margin-top: 15px; font-size: 13px } .article-content h6, .article>.content h6 { margin-top: 15px; font-size: 11px } .article-content img, .article>.content img { margin: 10px 0 } .article-content p>img+img, .article>.content p>img+img { margin-left: 10px } .article-content p>img[align=right], .article>.content p>img[align=right] { margin-left: 10px } .article-content dl, .article>.content dl { padding-right: 2em; padding-left: 2em } .article-content table, .article>.content table { margin-bottom: 20px } .article-content table td, .article-content table th, .article>.content table td, .article>.content table th { padding: 8px; line-height: 1.53846154; vertical-align: top; border-bottom: 1px solid #ddd } .article-content table>thead>tr>th, .article>.content table>thead>tr>th { vertical-align: bottom; background-color: #f1f1f1; border-bottom: 1px solid #ddd } .article-content p { margin-bottom: 0 } .article-content table { width: 100% } .article>.content table td, .article>.content table th, .article>.content table>thead>tr>th { border: 1px solid #ddd } body.article-content { padding: 8px } .article-condensed { padding: 20px 0 } .article-condensed>header { padding: 0 20px } .article-condensed>header>.abstract, .article-condensed>header>dl { padding: 10px 15px; margin: 0 -20px } .article-condensed>.article-content, .article-condensed>.content { padding: 20px } .article-condensed>.article-content>img, .article-condensed>.article-content>pre, .article-condensed>.content>img, .article-condensed>.content>pre { margin-right: -20px; margin-left: -20px; border-radius: 0 } .article-condensed>.article-content>pre, .article-condensed>.content>pre { border-right: none; border-left: none } .article-condensed>footer { border-top: 1px dashed #d7d7d7 } .article-condensed>footer>p { padding: 10px 15px } .article-condensed>footer>.pager-justify>.previous>a { border-left: none; border-radius: 0 } .article-condensed>footer>.pager-justify>.next>a { border-right: none; border-radius: 0 } .comments>header { border-bottom: 1px solid #e5e5e5 } .comments>header>.alert { padding: 7.5px 15px; margin-bottom: -10px } .comments>header h1, .comments>header h2, .comments>header h3 { padding: 10px 0; margin: 10px 0 } .comments>footer { padding-top: 10px } .comments>footer>.reply-form>.avatar { display: block; float: left; width: 40px; height: 40px; margin-top: 10px } .comments>footer>.reply-form>.avatar+.form { padding-left: 50px } .comment { padding: 10px 0; border-bottom: 1px solid #e5e5e5 } .comment:after, .comment:before { display: table; content: " " } .comment:after { clear: both } .comment>.avatar, .comment>.content { display: block } .comment>.avatar { float: left; width: 40px; height: 40px; margin-top: 10px } .comment>.avatar+.content { padding-left: 50px } .comment>.content>.text { margin-top: 5px } .comment>.content>.actions { margin-top: 4px } .comment>.content>.actions>a { display: inline-block; color: grey } .comment>.content>.actions>a+a { margin-left: 5px } .comment:hover>.content>.actions>a { color: #145ccd } .comment>.comments-list { padding-top: 10px; padding-bottom: 0; padding-left: 30px; margin-left: 20px; border-left: 1px dashed #e5e5e5 } .comment>.comments-list>.comment { border: none; border-top: 1px solid #e5e5e5 } .comment>.comments-list>.comment:last-child { padding-bottom: 0 } .list { padding: 0 15px } .list>header { padding-bottom: 10px; border-bottom: 1px solid #e5e5e5 } .items .item { padding: 10px 0; border-bottom: 1px solid #e5e5e5; -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1); -o-transition: all .4s cubic-bezier(.175, .885, .32, 1); transition: all .4s cubic-bezier(.175, .885, .32, 1) } .items .item-heading h1, .items .item-heading h2, .items .item-heading h3, .items .item-heading h4, .items .item-heading h5, .items .item-heading>h6 { margin-top: 5px } .items .item-content:after, .items .item-content:before { display: table; content: " " } .items .item-content:after { clear: both } .items .item-content>.media { max-width: 100%; margin: 5px 0 } .items .item-content>.media.pull-left { max-width: 150px; margin: 0; margin-right: 8px } .items .item-content>.media.pull-right { max-width: 150px; margin: 0; margin-left: 8px } .items .item-footer { padding-top: 5px } .items .item-footer>a { color: grey } .items-hover .item:hover { background-color: #f5f5f5 } .list-condensed { padding: 0 } .list-condensed>.items>.item, .list-condensed>footer, .list-condensed>header { padding-right: 15px; padding-left: 15px } .cards { padding-top: 10px; padding-bottom: 10px; margin-right: -10px; margin-left: -10px } .card { position: relative; display: block; padding: 0; margin-bottom: 20px; overflow: hidden; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); box-shadow: 0 1px 2px rgba(0, 0, 0, .075); -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1); -o-transition: all .4s cubic-bezier(.175, .885, .32, 1); transition: all .4s cubic-bezier(.175, .885, .32, 1) } .card>img { display: block; max-width: 100%; height: auto; opacity: 1 } .card>.media-wrapper { display: block; width: 100%; overflow: hidden; text-align: center; background-color: #f1f1f1; opacity: 1; -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1); -o-transition: all .4s cubic-bezier(.175, .885, .32, 1); transition: all .4s cubic-bezier(.175, .885, .32, 1) } .card>.media-wrapper>img { max-width: 100%; vertical-align: middle } .card .card-heading { display: block; padding: 10px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .card .card-actions, .card .card-content { padding: 0 10px 10px 10px; overflow: hidden; text-overflow: ellipsis } .card .card-actions .btn+.pull-right { padding: 6px 0; line-height: 20px } .card:hover { text-decoration: none; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .175); box-shadow: 0 1px 5px rgba(0, 0, 0, .175) } .card:hover>.media-wrapper, .card:hover>img { background-color: #e5e5e5; opacity: .9 } .cards-borderless .card { border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } .cards-borderless .card>.media-wrapper, .cards-borderless .card>img { overflow: hidden; border-radius: 4px } .cards-borderless .card>.card-actions, .cards-borderless .card>.card-content, .cards-borderless .card>.card-heading { padding-right: 0; padding-left: 0 } .card>.caption { position: absolute; top: -100%; left: 0; display: block; width: 100%; padding: 5px 10px; overflow: hidden; color: #fff; text-align: center; background-color: #666; background-color: rgba(0, 0, 0, .7); opacity: 0; -webkit-transition: all .8s cubic-bezier(.175, .885, .32, 1); -o-transition: all .8s cubic-bezier(.175, .885, .32, 1); transition: all .8s cubic-bezier(.175, .885, .32, 1) } .card:hover>.caption { top: 0; opacity: 1 } .cards-condensed { padding: 0; border: 1px solid #ddd; border-top: 0; border-left: 0 } .cards-condensed>[class*=" col-"], .cards-condensed>[class^=col-] { padding: 0 } .cards-condensed .card { padding: 10px; margin: 0; border-right: 0; border-bottom: 0; border-radius: 0; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .015); box-shadow: 0 1px 2px rgba(0, 0, 0, .015) } .card>.card-reveal { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: #f1f1f1; -webkit-transition: all .8s cubic-bezier(.175, .885, .32, 1); -o-transition: all .8s cubic-bezier(.175, .885, .32, 1); transition: all .8s cubic-bezier(.175, .885, .32, 1) } .card>.card-reveal>.card-heading { padding: 20px 10px } .card:hover>.card-reveal { top: 0 } .tree { padding-left: 0 } .tree ul { position: relative; display: none; padding-left: 0 } .tree li { position: relative; padding: 2px 0 2px 20px; list-style: none } .tree li:before { position: absolute; top: 10px; left: 8px; display: block; width: 3px; height: 3px; content: ' '; background-color: #999 } .tree li.has-list:before { display: none } .tree li>.list-toggle { position: absolute; top: -1px; left: 0; z-index: 10; width: 20px; line-height: 24px; color: grey; text-align: center; cursor: pointer } .tree li>.list-toggle:before { content: '\f196' } .tree li>.list-toggle:active, .tree li>.list-toggle:hover { color: #0d3d88 } .tree li.open>ul { display: block } .tree li.open>.list-toggle:before { content: '\e71d' } .tree-actions { display: inline-block; margin-left: 5px; opacity: 0; -webkit-transition: opacity .1s; -o-transition: opacity .1s; transition: opacity .1s } .tree-action { display: inline-block; margin-left: 5px; color: grey } .tree-action:active, .tree-action:hover { text-decoration: none } .tree li:hover>.tree-actions, .tree-item-wrapper:hover>.tree-actions { opacity: 1 } .tree-drag-holder { background-color: #ebf2f9; opacity: .4 } .tree .sort-handler { cursor: move } .tree-animate ul { opacity: 0; -webkit-transition: opacity .2s cubic-bezier(.175, .885, .32, 1), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1); -o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1), -o-transform .2s cubic-bezier(.175, .885, .32, 1); transition: opacity .2s cubic-bezier(.175, .885, .32, 1), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1); transition: opacity .2s cubic-bezier(.175, .885, .32, 1), transform .2s cubic-bezier(.175, .885, .32, 1); transition: opacity .2s cubic-bezier(.175, .885, .32, 1), transform .2s cubic-bezier(.175, .885, .32, 1), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1), -o-transform .2s cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale(1, .5); -ms-transform: scale(1, .5); -o-transform: scale(1, .5); transform: scale(1, .5) } .tree-animate li.open.in>ul { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .tree-animate.tree-lines li.has-list.open>ul:after { top: -5px; bottom: 12px; left: -11px } .tree-lines ul>li:after { position: absolute; top: 11px; left: -10px; z-index: 1; display: block; width: 22px; content: ' '; border-top: 1px dotted #999 } .tree-lines ul>li.has-list:before, .tree-lines ul>li:before { position: absolute; top: -12px; bottom: 12px; left: -11px; display: block; width: auto; height: auto; content: ' '; background: 0 0; border: none; border-left: 1px dotted #999 } .tree-lines ul>li:last-child:before { bottom: auto; height: 23px } .tree-lines ul>li:first-child:before { top: -5px } .tree-lines ul>li.tree-single-item:before { height: 19px } .tree-lines ul>li.has-list:after { width: 14px } .tree-lines ul>li.drag-shadow:after { display: none } .tree-folders li>.list-toggle:before { content: '\e6ef' } .tree-folders li.open>.list-toggle:before { content: '\e6f0' } .tree-folders.tree-lines ul>li:first-child:before { top: -6px } .tree-folders.tree-lines li.has-list.open>ul:after { top: 16px } .tree-folders ul>li.has-list:after { width: 13px } .tree-folders ul>li.has-list.open:after { width: 15px } .tree-chevrons li>.list-toggle:before { content: '\e710' } .tree-chevrons li.open>.list-toggle:before { content: '\e712' } .tree-chevrons li:before { top: 6px; left: 4px; width: 10px; height: 10px; background-color: #ddd; border-radius: 5px } .tree-chevrons ul>li:after { width: 13px } .tree-angles li>.list-toggle:before { content: '\e6e1' } .tree-angles li.open>.list-toggle:before { content: '\e6e3' } .tree-angles ul>li.has-list:after { width: 15px } .tree-menu { overflow: hidden; border: 1px solid #ddd; border-radius: 4px } .tree-menu li { padding: 0 } .tree-menu li:before { display: none } .tree-menu li>a { display: block; padding: 8px; margin-bottom: -1px; color: #353535 } .tree-menu li>a>.icon { display: inline-block; width: 20px; color: inherit; text-align: left; opacity: .6 } .tree-menu li>a:active, .tree-menu li>a:focus, .tree-menu li>a:hover { color: #0d3d88; text-decoration: none; background-color: rgba(0, 0, 0, .04) } .tree-menu li>a:active>.icon, .tree-menu li>a:focus>.icon, .tree-menu li>a:hover>.icon { opacity: .9 } .tree-menu li .list-toggle { top: 6px; right: 4px; left: auto; width: 24px; height: 24px; opacity: .45; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .tree-menu li .list-toggle:before { content: '\e64f' } .tree-menu li.open>.list-toggle { opacity: .75; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .tree-menu li.open>.list-toggle:before { content: '\e64f' } .tree-menu li>ul { background-color: rgba(0, 0, 0, .04) } .tree-menu li li a { padding-left: 28px; border-top-color: transparent; border-bottom-color: transparent } .tree-menu li li li a { padding-left: 48px } .tree-menu li li li li a { padding-left: 68px } .tree-menu li.active>a { color: #fff; background-color: #3280fc; border-color: #3280fc } .tree-menu li.active>.list-toggle { color: #fff } .tree-menu>li>a { border: 1px solid transparent; border-bottom-color: #ddd } .tree-menu>li.open+li>a { border-top-color: #ddd } * { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased } a { text-decoration: none; cursor: pointer } html { width: 100%; font-family: "microsoft yahei" } body { margin: 0; padding: 0; width: 100%; overflow-x: hidden; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif } li { list-style: none } button { outline: 0; border-style: none; line-height: 1; cursor: pointer } img { display: block } input { outline: 0 } input[type=number] { -moz-appearance: textfield } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none !important } body:after, body:before { position: fixed !important } .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .align-middle { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .align-end { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end } .flex-shrink-0 { -webkit-flex-shrink: 0; flex-shrink: 0 } .align-start { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start } .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .justify-around { -webkit-justify-content: space-around; justify-content: space-around } .justify-end { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .justify-star { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start } .flex-1 { width: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap } .flex-column { -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; flex-direction: column } .z-999 { z-index: 999 } .z-9999 { z-index: 9999 } .margin-auto { margin: 0 auto } .absolute-mid { position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0) } .width-out { width: 1200px; margin: 0 auto } .width-100 { width: 100% } .width-10 { width: 10% } .width-11 { width: 11.1111111% } .width-15 { width: 15% } .width-20 { width: 20% } .width-25 { width: 25% } .width-30 { width: 30% } .width-35 { width: 35% } .width-40 { width: 40% } .width-33 { width: 33.3333333333% } .width-50 { width: 50% } .width-24 { width: 24.166666666% } .width-74 { width: 74.166666666% } .width-125 { width: 12.5% } .height-0 { height: 0 } .height-50 { height: 50px } .height-100 { height: 100% } .overflow-hidden { overflow: hidden } .display-none { display: none } .display-block { display: block } .display-i-block { display: inline-block } .display-inline { display: inline } .float-left { float: left !important } .float-right { float: right !important } #findImgRes, #fs2, #jsoneditor, .barcode-controller-l .cloumn-2, .barcode-controller-r .cloumn-2, .bejson-gap, .bejson-gap2, .clear-both, .comments form .form-emoji-group ul, .comments form .form-group .form-add, .comments form .pic-div, .compress-img-box #info1, .editor-and-codepre, .editor-and-md5result, .editor-box1, .editor-box2, .file2pdf-box #file2PdfList, .gif-frame-list .staticImg, .html-footer .container, .http-box .http-head #httpUrlHistory #httpClearHistory, .http-box .http-head #httpUrlHistory ul li, .http-box .http-switch, .image-handler-box, .key-code-box, .left-right-average, .modal-nav, .modal-nav-qq, .obfuscate-setting .setting-item, .obfuscate-setting .setting-item2 .setting-type, .recent-use-box, .save-data-con .save-data-box #daveDataList li p, .svg-box ul, .svg-box ul li .svgimg-txtbox, .svg-editor, .title-gap, .video2audio-box #video2audioList, .yamleditor-box, .zipfile-list #file-list { clear: both } #findImgRes:after, #fs2:after, #jsoneditor:after, .barcode-controller-l .cloumn-2:after, .barcode-controller-r .cloumn-2:after, .bejson-gap2:after, .bejson-gap:after, .clear-both:after, .comments form .form-emoji-group ul:after, .comments form .form-group .form-add:after, .comments form .pic-div:after, .compress-img-box #info1:after, .editor-and-codepre:after, .editor-and-md5result:after, .editor-box1:after, .editor-box2:after, .file2pdf-box #file2PdfList:after, .gif-frame-list .staticImg:after, .html-footer .container:after, .http-box .http-head #httpUrlHistory #httpClearHistory:after, .http-box .http-head #httpUrlHistory ul li:after, .http-box .http-switch:after, .image-handler-box:after, .key-code-box:after, .left-right-average:after, .modal-nav-qq:after, .modal-nav:after, .obfuscate-setting .setting-item2 .setting-type:after, .obfuscate-setting .setting-item:after, .recent-use-box:after, .save-data-con .save-data-box #daveDataList li p:after, .svg-box ul li .svgimg-txtbox:after, .svg-box ul:after, .svg-editor:after, .title-gap:after, .video2audio-box #video2audioList:after, .yamleditor-box:after, .zipfile-list #file-list:after { content: ''; clear: both; display: block } .clear-before:before { display: none !important } .clear-after:after { display: none } .absolute { position: absolute } .relative { position: relative } .fixed { position: fixed } .left-0 { left: 0 } .right-0 { right: 0 } .top-0 { top: 0 } .bottom-0 { bottom: 0 } .left-100 { left: 100% } .right-100 { right: 100% } .top-100 { top: 100% } .bottom-100 { bottom: 100% } .opacity-1 { opacity: .1 } .opacity-2 { opacity: .2 } .opacity-3 { opacity: .3 } .opacity-4 { opacity: .4 } .opacity-5 { opacity: .5 } .opacity-6 { opacity: .6 } .opacity-7 { opacity: .7 } .opacity-8 { opacity: .8 } .opacity-9 { opacity: .9 } .opacity-10 { opacity: 1 } .spacing-1 { letter-spacing: 1px } .spacing-2 { letter-spacing: 2px } .spacing-3 { letter-spacing: 3px } .spacing-4 { letter-spacing: 4px } .spacing-5 { letter-spacing: 5px } .spacing-6 { letter-spacing: 6px } .spacing-7 { letter-spacing: 7px } .spacing-8 { letter-spacing: 8px } .spacing-9 { letter-spacing: 9px } .spacing-10 { letter-spacing: 10px } .h-mini-padding { padding-left: 5px; padding-right: 5px } .r-mini-padding { padding-right: 5px } .r-huge-padding { padding-right: 30px } .l-mini-padding { padding-left: 5px } .v-mini-padding { padding-top: 5px; padding-bottom: 5px } .v-huge-padding { padding-top: 30px; padding-bottom: 30px } .h-huge-padding { padding-left: 30px; padding-right: 30px } .l-huge-padding { padding-left: 30px } .t-mini-padding { padding-top: 5px } .b-mini-padding { padding-bottom: 5px } .b-huge-padding { padding-bottom: 30px } .h-small-padding { padding-left: 10px; padding-right: 10px } .l-small-padding { padding-left: 10px } .r-small-padding { padding-right: 10px } .v-small-padding { padding-top: 10px; padding-bottom: 10px } .t-small-padding { padding-top: 10px } .b-small-padding { padding-bottom: 10px } .h-big-padding { padding-left: 15px; padding-right: 15px } .r-big-padding { padding-right: 15px } .l-big-padding { padding-left: 15px } .v-big-padding { padding-top: 15px; padding-bottom: 15px } .t-big-padding { padding-top: 15px } .b-big-padding { padding-bottom: 15px } .h-large-padding { padding-left: 20px; padding-right: 20px } .l-large-padding { padding-left: 20px } .r-large-padding { padding-right: 20px } .v-large-padding { padding-top: 20px; padding-bottom: 20px } .t-large-padding { padding-top: 20px } .t-huge-padding { padding-top: 30px } .b-large-padding { padding-bottom: 20px } .h-mini-margin { margin-left: 5px; margin-right: 5px } .r-mini-margin { margin-right: 5px } .l-mini-margin { margin-left: 5px } .v-mini-margin { margin-top: 5px; margin-bottom: 5px } .t-mini-margin { margin-top: 5px } .b-mini-margin { margin-bottom: 5px } .h-small-margin { margin-left: 10px; margin-right: 10px } .l-small-margin { margin-left: 10px } .r-small-margin { margin-right: 10px } .r-huge-margin { margin-right: 30px } .v-small-margin { margin-top: 10px; margin-bottom: 10px } .v-huge-margin { margin-top: 30px; margin-bottom: 30px } .t-small-margin { margin-top: 10px } .b-small-margin { margin-bottom: 10px } .h-big-margin { margin-left: 10px; margin-right: 10px } .r-big-margin { margin-right: 10px } .l-big-margin { margin-left: 10px } .v-big-margin { margin-top: 10px; margin-bottom: 10px } .t-big-margin { margin-top: 10px } .b-big-margin { margin-bottom: 10px } .h-large-margin { margin-left: 20px; margin-right: 20px } .l-large-margin { margin-left: 20px } .r-large-margin { margin-right: 20px } .v-large-margin { margin-top: 20px; margin-bottom: 20px } .t-large-margin { margin-top: 20px } .t-huge-margin { margin-top: 30px } .t-huge2-margin { margin-top: 30px } .b-huge2-margin { margin-bottom: 30px } .l-huge-margin { margin-left: 30px } .b-huge-margin { margin-bottom: 30px } .h-huge-margin { margin-left: 30px; margin-right: 30px } .b-large-margin { margin-bottom: 20px } .no-padding-h { padding-left: 0 !important; padding-right: 0 !important } .no-padding-v { padding-top: 0 !important; padding-bottom: 0 !important } .no-padding-l { padding-left: 0 !important } .no-padding-r { padding-right: 0 !important } .no-padding-t { padding-top: 0 !important } .no-padding-b { padding-bottom: 0 !important } .no-margin-h { margin-left: 0 !important; margin-right: 0 !important } .no-margin-v { margin-top: 0 !important; margin-bottom: 0 !important } .no-margin-l { margin-left: 0 !important } .no-margin-r { margin-right: 0 !important } .no-margin-t { margin-top: 0 !important } .no-margin-b { margin-bottom: 0 !important } .font-10 { font-size: 10px } .font-12 { font-size: 12px } .font-14 { font-size: 14px } .font-16 { font-size: 16px } .font-18 { font-size: 18px } .font-20 { font-size: 20px } .font-22 { font-size: 22px } .font-24 { font-size: 24px } .font-26 { font-size: 26px } .font-28 { font-size: 28px } .font-30 { font-size: 30px } .line-h-1 { line-height: 1 } .line-h-1-2 { line-height: 1.2 } .line-h-1-4 { line-height: 1.4 } .line-h-1-6 { line-height: 1.6 } .line-h-1-8 { line-height: 1.8 } .line-h-2 { line-height: 2 } .line-h-2-2 { line-height: 2.2 } .line-h-2-4 { line-height: 2.4 } .line-h-2-6 { line-height: 2.6 } .line-h-2-8 { line-height: 2.8 } .line-h-3 { line-height: 3 } .text-28 { text-indent: 28px } .text-justify { text-align: justify } .text-center { text-align: center } .text-left { text-align: left } .text-right { text-align: right } .bejson-gap a, .bejson-gap2 a, .file2pdf-box #file2PdfList li p, .http-box .http-head #httpUrlHistory ul li p, .image-handler-box .image-handler-item .image-handler-con a, .modal-nav-qq .group-info .group-detail div, .save-data-con .log-data-box ul li a, .save-data-con .save-data-box #daveDataList li p .save-title, .svg-box ul li .svgimg-bgbox .svgimg-bg p, .text-ellipsis, .video2audio-box #video2audioList li span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block } .font-bold { font-weight: 700 } .text-underline:hover { text-decoration: underline } .text-underline:hover h1, .text-underline:hover h2, .text-underline:hover h3, .text-underline:hover h4, .text-underline:hover h5, .text-underline:hover p, .text-underline:hover span { text-decoration: underline } .cursor-pointer { cursor: pointer !important } .cursor-nresize { cursor: n-resize } .text-hover-todsuccess, .text-hover-tolprimary, .text-hover-toprimary { transition: all .2s ease } .text-hover-todsuccess h1, .text-hover-todsuccess h2, .text-hover-todsuccess h3, .text-hover-todsuccess h4, .text-hover-todsuccess h5, .text-hover-todsuccess p, .text-hover-todsuccess span, .text-hover-tolprimary h1, .text-hover-tolprimary h2, .text-hover-tolprimary h3, .text-hover-tolprimary h4, .text-hover-tolprimary h5, .text-hover-tolprimary p, .text-hover-tolprimary span, .text-hover-toprimary h1, .text-hover-toprimary h2, .text-hover-toprimary h3, .text-hover-toprimary h4, .text-hover-toprimary h5, .text-hover-toprimary p, .text-hover-toprimary span { transition: all .2s ease } .text-hover-toprimary:hover { color: #2aa0ea !important } .text-hover-toprimary:hover h1, .text-hover-toprimary:hover h2, .text-hover-toprimary:hover h3, .text-hover-toprimary:hover h4, .text-hover-toprimary:hover h5, .text-hover-toprimary:hover p, .text-hover-toprimary:hover span { color: #2aa0ea !important } .text-hover-tolprimary:hover { color: #7b88ff } .text-hover-tolprimary:hover h1, .text-hover-tolprimary:hover h2, .text-hover-tolprimary:hover h3, .text-hover-tolprimary:hover h4, .text-hover-tolprimary:hover h5, .text-hover-tolprimary:hover p, .text-hover-tolprimary:hover span { color: #7b88ff } .text-hover-todsuccess:hover { color: #10c55b } .text-hover-todsuccess:hover h1, .text-hover-todsuccess:hover h2, .text-hover-todsuccess:hover h3, .text-hover-todsuccess:hover h4, .text-hover-todsuccess:hover h5, .text-hover-todsuccess:hover p, .text-hover-todsuccess:hover span { color: #10c55b } .bg-hover-toprimary:hover { background-color: #2aa0ea; color: #fff } .bg-primary { background-color: #2aa0ea } .bg-primary-l { background-color: #7b88ff } .bg-primary-ll { background-color: #b7cafe } .bg-primary-s { background-color: #5c5ce7 } .bg-primary-sl { background-color: #7b9dff } .bg-primary-maxl { background-color: #f0f4f5 } .bg-success { background-color: #38b03f } .bg-success-d { background-color: #10c55b } .bg-success-l { background-color: #ddf4df } .bg-error { background-color: #ea644a } .bg-error-l { background-color: #fadada } .bg-stress-d { background-color: #fd8320 } .bg-stress { background-color: #f2c200 } .bg-info-0 { background-color: #000 } .bg-info-1 { background-color: #111 } .bg-info-2 { background-color: #222 } .bg-info-3 { background-color: #333 } .bg-info-4 { background-color: #444 } .bg-info-5 { background-color: #555 } .bg-info-6 { background-color: #666 } .bg-info-7 { background-color: #777 } .bg-info-8 { background-color: #888 } .bg-info-9 { background-color: #999 } .bg-info-a { background-color: #aaa } .bg-info-b { background-color: #bbb } .bg-info-c { background-color: #ccc } .bg-info-d { background-color: #ddd } .bg-info-e { background-color: #eee } .bg-info-f { background-color: #fff } .bg-info-fa { background-color: #fafafa } .bg-info-f5 { background-color: #f6f6f6 } .bg-info-f6 { background-color: #f6f6f6 } .bg-gradient { background: -webkit-linear-gradient(135deg, #fff 0, #b7cafe 100%); background: -moz- oldlinear-gradient(135deg, #fff 0, #b7cafe 100%); background: linear-gradient(315deg, #fff 0, #b7cafe 100%) } .text-primary { color: #2aa0ea } .text-primary-l { color: #7b88ff } .text-primary-s { color: #5c5ce7 } .text-primary-sl { color: #7b9dff } .text-success { color: #38b03f } .text-success-l { color: #ddf4df } .text-success-d { color: #10c55b } .text-error { color: #ea644a } .text-stress { color: #f2c200 } .text-stress-d { color: #fd8320 } .text-error-l { color: #fadada } .text-info-0 { color: #000 } .text-info-1 { color: #111 } .text-info-2 { color: #222 } .text-info-3 { color: #333 } .text-info-4 { color: #444 } .text-info-5 { color: #555 } .text-info-5 { color: #555 } .text-info-6 { color: #666 } .text-info-7 { color: #777 } .text-info-8 { color: #888 } .text-info-9 { color: #999 } .text-info-a { color: #aaa } .text-info-b { color: #bbb } .text-info-c { color: #ccc } .text-info-d { color: #ddd } .text-info-e { color: #eee } .text-info-f { color: #fff } .text-gold { color: #e3a46a } .box-shadow-1 { box-shadow: 0 5px 10px 0 rgba(111, 116, 132, .1) } .text-shadow-1 { text-shadow: 0 2px 20px rgba(0, 0, 0, .25) } .box-shadow-2 { box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .1) } .box-shadow-3 { box-shadow: 0 2px 20px 0 rgba(15, 12, 70, .1) !important } .box-shadow-4 { box-shadow: 0 7px 14px #b0b0b0 } .box-shadow-5 { box-shadow: 0 4px 20px rgba(115, 113, 239, .5) } .shadow-hover-togray { transition: all .2s ease } .shadow-hover-togray:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .1) } .btn-hov-shadow:hover { -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15) } .gradient-btn { background-image: -webkit-gradient(linear, left top, right top, from(#7b88ff), to(#2aa0ea)); background-image: -webkit-linear-gradient(left, #7b88ff, #2aa0ea); background-image: -moz-oldlinear-gradient(left, #7b88ff, #2aa0ea); background-image: linear-gradient(to right, #7b88ff, #2aa0ea); transition: all .2s ease; color: #fff } .gradient-btn:hover { background-image: -webkit-gradient(linear, left top, right top, from(#7b9dff), to(#5c5ce7)); background-image: -webkit-linear-gradient(left, #7b9dff, #5c5ce7); background-image: -moz-oldlinear-gradient(left, #7b9dff, #5c5ce7); background-image: linear-gradient(to right, #7b9dff, #5c5ce7) } .gradient-btn2 { background-image: -webkit-gradient(linear, left top, right top, from(#38b03f), to(#10c55b)); background-image: -webkit-linear-gradient(left, #38b03f, #10c55b); background-image: -moz-oldlinear-gradient(left, #38b03f, #10c55b); background-image: linear-gradient(to right, #38b03f, #10c55b); transition: all .2s ease; color: #fff } .gradient-btn2:hover { background-image: -webkit-gradient(linear, left top, right top, from(#38b03f), to(#38b03f)); background-image: -webkit-linear-gradient(left, #38b03f, #38b03f); background-image: -moz-oldlinear-gradient(left, #38b03f, #38b03f); background-image: linear-gradient(to right, #38b03f, #38b03f) } .primary-full-btn { background-color: #2aa0ea; border: 1px solid #2aa0ea; transition: all .2s ease; color: #fff } .primary-full-btn:hover { background-color: #5c5ce7; border: 1px solid #5c5ce7 } .primary-empty-btn { background-color: #fff; border: 1px solid #2aa0ea; transition: all .2s ease } .primary-empty-btn:hover { background-color: #2aa0ea; border: 1px solid #2aa0ea } .infoa-empty-btn { background-color: #fff; border: 1px solid #aaa; transition: all .2s ease } .infoa-empty-btn:hover { background-color: #2aa0ea; border: 1px solid #2aa0ea; color: #fff } .infoc-empty-btn { background-color: #fff; border: 1px solid #ccc; transition: all .2s ease } .infoc-empty-btn:hover { background-color: #2aa0ea; border: 1px solid #2aa0ea; color: #fff } .infoc-full-btn { background-color: #ccc; border: 1px solid #ccc; transition: all .2s ease; color: #fff } .infoc-full-btn:hover { background-color: #aaa; border: 1px solid #aaa; color: #fff } .infoe-empty-btn { background-color: #fff; border: 1px solid #eee; transition: all .2s ease; color: #888 } .infoe-empty-btn:hover { background-color: #2aa0ea; border: 1px solid #2aa0ea; color: #fff } .infof-empty-btn { background-color: #fff; border: 1px solid #fff; transition: all .2s ease } .infof-empty-btn:hover { background-color: #2aa0ea; border: 1px solid #2aa0ea; color: #fff; box-shadow: 0 1px 10px rgba(115, 113, 239, .5) } .infoe-empty-btn2 { background-color: #fff; border: 1px solid #eee; transition: all .2s ease } .infoe-empty-btn2:hover { color: #2aa0ea; border: 1px solid #2aa0ea } .success-full-btn { background-color: #38b03f; border: 1px solid #38b03f; color: #fff; transition: all .2s ease } .success-full-btn:hover { box-shadow: 0 10px 30px rgba(56, 217, 145, .5) } .success-full-nos-btn { background-color: #38b03f; border: 1px solid #38b03f; color: #fff; transition: all .2s ease } .success-full-nos-btn:hover { background-color: #4ceca3; border: 1px solid #4ceca3 } .success-empty-btn { background-color: #fff; border: 1px solid #38b03f; transition: all .2s ease } .success-empty-btn:hover { background-color: #38b03f; border: 1px solid #38b03f; color: #fff } .primary-l-full-btn { background-color: #7b88ff; border: 1px solid #7b88ff; transition: all .2s ease; color: #fff } .primary-l-full-btn:hover { background-color: #7b9dff; border: 1px solid #7b9dff } .primary-l-empty-btn { background-color: #fff; border: 1px solid #7b88ff; transition: all .2s ease } .primary-l-empty-btn:hover { background-color: #7b88ff; border: 1px solid #7b88ff } .error-full-btn { background-color: #ea644a; border: 1px solid #ea644a; color: #fff; transition: all .2s ease } .error-full-btn:hover { box-shadow: 0 10px 30px rgba(162, 67, 67, .5) } .white-primary-btn { background-color: #fff; border: 1px solid #fff; transition: all .2s ease } .white-primary-btn:hover { background-color: #2aa0ea; border: 1px solid #2aa0ea; color: #fff } .stress-full-btn { background-color: #f2c200; border: 1px solid #f2c200; transition: all .2s ease; color: #fff } .stress-full-btn:hover { background-color: #fd8320; border: 1px solid #fd8320 } .stress-d-full-btn { background-color: #fd8320; border: 1px solid #fd8320; transition: all .2s ease; color: #fff } .stress-d-full-btn:hover { background-color: #fd8320; border: 1px solid #fd8320 } .primary-empty-btn { background-color: #fff; border: 1px solid #f2c200; transition: all .2s ease } .primary-empty-btn:hover { background-color: #f2c200; border: 1px solid #f2c200 } .qq-btn { background-color: #2d8cde; transition: all .2s ease; color: #fff } .qq-btn:hover { background-color: #2d80c7 } .wechat-btn { background-color: #03d02e; transition: all .2s ease; color: #fff } .wechat-btn:hover { background-color: #13a532 } .radius-btn { border-radius: 3px } .round-btn { border-radius: 50px !important } .totop { transition: all .2s ease } .totop:hover { transform: translateY(-3px) } .toright { transition: all .2s ease } .toright:hover { transform: translateX(10px) } .info-5-full-btn { background-color: #555; border: 1px solid #555; color: #fff; transition: all .2s ease } .info-5-full-btn:hover { background-color: #777; border: 1px solid #777 } .info-d-full-btn { background-color: #ddd; border: 1px solid #ddd; color: #fff; transition: all .2s ease } .info-d-full-btn:hover { background-color: #777; border: 1px solid #777 } .info-c-empty-btn { background-color: #fff; border: 2px solid #ccc; transition: all .2s ease } .info-c-empty-btn:hover { border: 2px solid #2aa0ea; color: #2aa0ea } .mini-radius { border-radius: 3px !important } .small-radius { border-radius: 5px } .border-success-d { border: 1px solid #10c55b } .border-d-color { border: 1px solid #eee } .border-right-d-color { border-right: 1px solid #eee } .border-left-d-color { border-left: 1px solid #eee } .border-bottom-d-color { border-bottom: 1px solid #eee } .border-top-d-color { border-top: 1px solid #eee } .before-border-2, .comments>header h2 span { position: relative; display: inline-block } .before-border-2:before, .comments>header h2 span:before { content: ''; height: 2px; width: 100%; position: absolute; bottom: -1px; background-color: #2aa0ea } .left-border-2 { position: relative; padding-left: 15px } .left-border-2:before { content: ''; height: 100%; width: 2px; position: absolute; top: 50%; margin-top: -10px; left: 0; background-color: #2aa0ea } .text-nav-danger-import { color: #ea644a !important } .text-nav-danger-import:hover { background-color: #eee !important; color: #ea644a !important } .text-nav-info-import { color: #333 !important } .text-nav-info-import:hover { background-color: #eee !important; color: #333 !important } .mouseopen .dropdown-menu { z-index: 9999 } .empty-list { position: relative } .empty-list:before { content: '您还没有校验记录'; position: absolute; top: 40%; left: 50%; margin-top: 40px; color: #999; margin-left: -52px; cursor: pointer } .empty-list:after { position: absolute; width: 100px; height: 100px; top: 40%; margin-top: -60px; left: 50%; margin-left: -50px; background-image: url(../img/empty.png); background-repeat: no-repeat; background-size: cover; white-space: nowrap; content: ''; color: #10c55b; cursor: pointer } .navbar { border-radius: 0 } .navbar .double-row .dropdown-menu { min-width: 420px } .navbar .double-row .dropdown-menu li { width: 50%; float: left } .navbar .double-row .dropdown-menu li a { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .navbar .double-row .dropdown-menu .divider { width: 100% } .navbar .double-row .dropdown-menu:after { content: ''; clear: both } .navbar { margin-bottom: 0; background-color: #222; min-height: 44px !important; border-color: #222 } .navbar .navbar-brand { height: 44px; padding: 7px 17px 7px 0; margin-left: 0 !important } .navbar .navbar-nav .active>a { background-color: #2e363b } .navbar .navbar-nav .open>a { background-color: #2e363b !important } .navbar .navbar-nav .dropdown>a { font-size: 15px; padding-top: 12px; padding-bottom: 12px; padding-left: 8px; padding-right: 8px } .navbar .navbar-nav .dropdown a:hover { background-color: #2e363b } .prettyprint { border: 1px solid #ddd !important; padding-top: 15px !important; padding-bottom: 15px !important; border-radius: 0 } /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ .pln { color: #4d4d4c } ol.linenums { margin-top: 0; margin-bottom: 0; color: #8e908c } li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 { padding-left: 1em; background-color: transparent !important; list-style-type: decimal !important; padding-top: 2px; padding-bottom: 2px } .cnblogs-markdown code { background: #fff !important } .cnblogs-markdown .hljs, .cnblogs_code, .cnblogs_code span { font-size: 16px !important } .syntaxhighlighter a, .syntaxhighlighter code, .syntaxhighlighter div, .syntaxhighlighter table, .syntaxhighlighter table caption, .syntaxhighlighter table tbody, .syntaxhighlighter table td, .syntaxhighlighter table thead, .syntaxhighlighter table tr, .syntaxhighlighter textarea { font-size: 16px !important } .cnblogs-markdown .hljs, .cnblogs_code, .cnblogs_code span { font-family: consolas, "Source Code Pro", monaco, monospace !important } .code-box { position: relative } .code-box .copy-btn { position: absolute; right: 10px; top: 10px; border-radius: 0 } .border-con { box-sizing: content-box } .tab-after { position: relative } .tab-after:before { height: 1px; background-color: #eee; position: absolute; width: 1000%; left: 0; top: 100%; margin-left: -1000px } .save-data-con { float: right } .save-data-con .save-data-box { width: 200px; height: 272px; border-radius: 3px; border: 1px solid #ddd; padding: 10px } .save-data-con .save-data-box #daveDataList { height: 217px; overflow-y: auto; padding-left: 0 } .save-data-con .save-data-box #daveDataList li { border-bottom: 1px solid #ddd } .save-data-con .save-data-box #daveDataList li p { line-height: 2.4; display: block; margin-bottom: 0; cursor: pointer } .save-data-con .save-data-box #daveDataList li p .span { display: block } .save-data-con .save-data-box #daveDataList li p .save-title { width: 100px; float: left } .save-data-con .save-data-box #daveDataList li p .save-timer { color: #999; float: right; font-size: 12px } .save-data-con .save-data-box .btn-con { text-align: center; margin-bottom: 10px } .save-data-con .log-data-box { border: 1px solid #ddd; padding: 10px } .save-data-con .log-data-box ul { padding-left: 0 } .save-data-con .log-data-box ul li a { color: #888 } .log-data-box { border-radius: 3px; margin-top: 10px; width: 200px; height: 142px } .log-data-box .log-data-list { height: 145px; overflow-y: auto } .log-data-box .log-data-list .span { display: block } .log-data-box .log-data-list .save-title { width: 100px } .log-data-box .log-data-list li a { line-height: 2; display: block; color: #888; font-size: 12px } .key-search { position: relative; width: 200px; display: inline-block; margin-left: 10px; top: 1px } .key-search .icon-caret-down { position: absolute; right: 10px; top: 5px } .key-search .form-control { height: 25px } .key-search .key-list { position: absolute; top: 25px; left: 0; background-color: #fff; min-width: 100%; z-index: 999; padding: 10px 0; box-shadow: 0 3px 5px #ddd; border-radius: 2px; max-height: 500px; overflow-y: auto } .key-search .key-list li a { display: block; padding: 5px 10px; white-space: nowrap } .key-search .key-list li a:hover { background-color: #eee } .li-style-circle li { list-style-type: circle } .li-style-number li { list-style-type: decimal } .circle-normal, .save-data-con .log-data-box ul li a { position: relative; padding-left: 12px } .circle-normal:before, .save-data-con .log-data-box ul li a:before { content: ''; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 50%; top: 50%; margin-top: -2px; background-color: #999 } .circle-stress { position: relative; padding-left: 12px } .circle-stress:before { content: ''; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 50%; top: 50%; margin-top: -2px; background-color: #999 } .circle-stress:after { content: ''; position: absolute; right: -15px; width: 6px; height: 6px; border-radius: 50%; top: -2px; background-color: #ea644a } .custom-tab { width: 10000px; border-bottom: 1px solid #eee !important } .custom-tab::before { content: ''; left: 1160px; height: 100%; top: 0; background-color: #fff; margin-left: 0; z-index: 2; height: 43px } .custom-tab>li>a { border-radius: 0 !important; position: relative; border-color: transparent !important; background-color: transparent !important; padding: 10px 17.5px; margin-right: 0 } .custom-tab>li>a::after { content: ''; position: absolute; height: 16px; width: 1px; background-color: #ddd; right: -1px; top: 50%; margin-top: -8px } .custom-tab>li>a:hover { border-color: transparent !important; background-color: transparent !important; color: #2aa0ea !important } .custom-tab .active { position: relative } .custom-tab .active:before { content: ''; height: 30px; width: 1px; position: absolute; z-index: 2; left: -1px; top: 50%; margin-top: -15px; background-color: #fff } .custom-tab .active a { color: #2aa0ea !important; background-color: #f1f1f1 !important; border-bottom: 2px solid #2aa0ea !important; cursor: pointer !important } .custom-tab .active a::after { display: none } .custom-tab .active a:hover { border-bottom-color: #2aa0ea !important; background-color: #f1f1f1 !important; color: #2aa0ea !important } .chosen-container-single .chosen-single abbr { top: 4px !important } .chosen-container-single .chosen-single { height: 24px !important; padding: 1px 9px !important } .chosen-container-single .chosen-single div b { margin-bottom: 8px !important } #jsonlintResult { background-color: transparent; border: none; padding-top: 0; padding-bottom: 0; color: inherit } #jsonlintResult a, #jsonlintResult div, #jsonlintResult h1, #jsonlintResult h2, #jsonlintResult h3, #jsonlintResult h4, #jsonlintResult h5, #jsonlintResult p, #jsonlintResult span { font-weight: 400 !important; font-size: 12px !important; margin: 0 !important; line-height: 2 !important } .CodeMirror-code { font-family: "Microsoft YaHei" } .CodeMirror-scroll { font-size: 14px } .form-group { margin-bottom: 10px } .comments { margin-top: 30px; margin-bottom: 30px; border-radius: 3px } .comments .comment .content img { margin: 2px 0 } .comments .comment .content .emoji { margin: -5px 2px 0 2px; display: inline-block } .comments>header { border-bottom: none } .comments>header h2 { padding-bottom: 7px; padding-top: 0 } .comments>header h2 span { padding-bottom: 10px } .comments .comments-con { padding: 15px; background-color: #f6f6f6 } .comments form .comment-user { display: table; width: 100% } .comments form .form-group { position: relative; margin-bottom: 10px } .comments form .form-group .row { margin: 0; display: table-cell; vertical-align: middle } .comments form .form-group .row .float-left, .comments form .form-group .row .float-right { padding-right: 0 } .comments form .form-group .form-add { width: 100px; display: table-cell } .comments form .form-group .form-add .form-emoji { float: left; position: relative; text-align: center; border-radius: 3px; width: 25px; height: 25px; line-height: 27px; border: 1px solid #888; cursor: pointer } .comments form .form-group .form-add .form-emoji:hover { color: #2aa0ea; border: 1px solid #2aa0ea } .comments form .form-group .form-add .form-emoji i { font-size: 20px; color: inherit } .comments form .form-group .form-add .form-pic { float: left; text-align: center; margin-left: 10px; border-radius: 3px; width: 25px; height: 25px; line-height: 24px; position: relative; border: 1px solid #888; cursor: pointer } .comments form .form-group .form-add .form-pic:hover { color: #2aa0ea; border: 1px solid #2aa0ea } .comments form .form-group .form-add .form-pic i { font-size: 16px; color: inherit; position: relative } .comments form .form-group .form-add .form-pic .addImages { position: absolute; z-index: 9; width: 100%; height: 100%; overflow: hidden; cursor: pointer; opacity: 0; top: 0; left: 0 } .comments form .form-group .form-add .form-pic .addImages input { cursor: pointer } .comments form .form-emoji-group { margin-bottom: 15px; display: none } .comments form .form-emoji-group ul { padding: 0; margin: 0 } .comments form .form-emoji-group ul li { float: left; cursor: pointer; margin-right: 3px } .comments form .pic-div { margin-bottom: 10px } .comments form .pic-div .imageDiv { width: 74px; height: 74px; padding: 2px; border: 1px solid #ddd; overflow: hidden; margin-right: 5px; position: relative; float: left } .comments form .pic-div .imageDiv:before { content: ''; position: absolute; right: 0; height: 100%; width: 2px; background-color: #fff } .comments form .pic-div .imageDiv img { max-width: unset } .comments form .pic-div .imageDiv .cover, .comments form .pic-div .imageDiv .cover2 { position: absolute; z-index: 2; width: 100%; padding: 5px 0; color: #fff; background-color: rgba(0, 0, 0, .5); transition: all .2s ease; bottom: 0; left: 0; text-align: center; cursor: pointer } .comments form .pic-div .imageDiv .cover2:hover, .comments form .pic-div .imageDiv .cover:hover { background-color: rgba(0, 0, 0, .7); color: #ea644a } .comments form .pic-div .imageDiv .cover i, .comments form .pic-div .imageDiv .cover2 i { color: inherit } .comments footer { padding-top: 10px } .comments-list .avatar, .reply-form .avatar { margin-top: 5px !important; font-size: 30px; line-height: 36px; color: #aaa !important; background-color: #e5e5e5; border-radius: 3px; text-align: center } .reply-form .avatar { display: block; float: left; width: 40px; height: 40px } .reply-form form { padding-left: 50px } .container { padding-left: 0; padding-right: 0; width: 1160px !important; max-width: 1160px !important } .recent-use-box { margin-top: 10px } .recent-use-box>p { display: inline-block; margin-bottom: 0; line-height: 0; position: relative; top: 2px } .recent-use-box #recentUse { display: inline-block } .recent-use-box #recentUse a { margin-right: 10px; display: inline-block; background-color: #ebf7ff; color: #666; border: 1px solid #fff } .recent-use-select { display: inline-block; float: right; width: 160px !important; margin-top: 7px } .recent-use-select .chosen-container-single .chosen-single abbr { top: 4px !important } .recent-use-select .chosen-container-single .chosen-single { height: 30px !important; padding: 1px 9px !important; line-height: 25px; border-radius: 2px; border: 1px solid #000 !important } .recent-use-select .chosen-container-single .chosen-single div b { margin-bottom: 8px !important } #aceEditor { height: 500px; width: 100%; margin-top: 10px; background-color: #222; transition: all .3s ease; -webkit-transition: all .3s ease } #aceEditorCopy { position: fixed; z-index: 9999; bottom: 20px; right: 20px; display: none } .aceFullEditor { position: fixed; height: auto !important; width: 100%; top: 0; left: 0; right: 0; bottom: 0; margin-top: 0 !important; z-index: 999 } #aceEditorCollapse { position: fixed; z-index: 9999; top: 20px; right: 20px; display: none } .editor-box1 { width: 100%; margin-top: 10px } .editor-box1 .checkbox-primary { display: inline-block; margin-left: 8px } .editor-box1 #editor, .editor-box1 #editor1, .editor-box1 #editor2, .editor-box1 #editor3, .editor-box1 #editor4, .editor-box1 #editor5, .editor-box1 #editor6, .editor-box1 #editor7 { position: relative; border: 1px solid #ddd; width: 950px; margin-bottom: 22px; border-radius: 3px } .editor-box1 #editor textarea, .editor-box1 #editor1 textarea, .editor-box1 #editor2 textarea, .editor-box1 #editor3 textarea, .editor-box1 #editor4 textarea, .editor-box1 #editor5 textarea, .editor-box1 #editor6 textarea, .editor-box1 #editor7 textarea { width: 950px; height: 362px; border: 1px solid #ddd } .editor-box1 #editor5 .CodeMirror { height: 130px } .editor-box1 #editor5 textarea { height: 130px } .editor-box1 #editor4 .CodeMirror { height: 200px } .editor-box1 #editor4 textarea { height: 200px } .editor-box1 #editor6 .CodeMirror { height: 200px } .editor-box1 #editor6 textarea { height: 200px } .editor-box1 #editor7 .CodeMirror { height: 200px } .editor-box1 #editor7 textarea { height: 200px } .editor-box2 { width: 100%; margin-top: 10px } .editor-box2 #edito1, .editor-box2 #editor, .editor-box2 #editor1, .editor-box2 #editor2, .editor-box2 #editor3, .editor-box2 #editor4, .editor-box2 #editor5, .editor-box2 #editor6, .editor-box2 #editor7 { border: 1px solid #ddd; width: 100%; margin-bottom: 22px; position: relative; border-radius: 3px } .editor-box2 #edito1 p, .editor-box2 #editor p, .editor-box2 #editor1 p, .editor-box2 #editor2 p, .editor-box2 #editor3 p, .editor-box2 #editor4 p, .editor-box2 #editor5 p, .editor-box2 #editor6 p, .editor-box2 #editor7 p { background-color: #eee; padding: 5px 10px; margin-bottom: 0; border-bottom: 1px solid #ddd } .editor-box2 #editor5 .CodeMirror { height: 130px } .editor-box2 #editor5 textarea { height: 130px } .editor-box2 #editor4 .CodeMirror { height: 200px } .editor-box2 #editor4 textarea { height: 200px } .editor-box2 #editor6 .CodeMirror { height: 200px } .editor-box2 #editor6 textarea { height: 200px } .editor-box2 #editor7 .CodeMirror { height: 200px } .editor-box2 #editor7 textarea { height: 200px } .editor-box2 textarea { width: 100%; height: 362px; border-color: #ddd } #codeBox p, #codeBox1 p, #codeBox2 p { padding: 10px 15px; line-height: 1; display: inline-block; border-top-right-radius: 3px; border-top-left-radius: 3px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 0 } #resize, #resize1, #resize2, #resize3, #resize4, #resize5, #resize6, #resize7, #resizeFmt, #resizeJsonEditor, #resizePre, #resizePre1, #resizePre2, #resizePre3 { width: 100%; position: absolute; background-color: #f6f6f6; cursor: n-resize; box-sizing: content-box; -webkit-box-sizing: content-box; text-align: center; top: 100%; border: 1px solid #ddd; left: -1px } #resizePre, #resizePre1, #resizePre2, #resizePre3 { box-sizing: border-box; left: 0 } #resizeJsonEditor { position: relative; margin-top: 10px } #jsonlintBox { margin-top: 10px; margin-bottom: 0 } .google-ad1 { margin-top: 10px; border-radius: 3px; overflow: hidden; height: 90px } .adsbygoogle { display: inline-block; width: 970px; height: 90px } .super-link-gap { margin-top: 10px; border: 1px solid #ddd; padding: 15px; padding-bottom: 5px; border-radius: 3px } .super-link-gap a { margin-right: 10px; margin-bottom: 10px } #aceEditorContain { position: relative } .full-ace-editor-box { position: fixed !important; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; margin: 0 !important; z-index: 9999; background-color: #fff; border-radius: 0 !important } .full-ace-editor-box .ace-box { height: 100% } .full-ace-editor-box .ace-box .aceEditorItem-box #cssScale { top: 33.333% } .full-ace-editor-box .ace-box .aceEditorItem-box #jsScale { top: 66.666% } .ace-box { width: 50%; float: left; height: 666px; position: relative } .ace-box .aceEditorItem-box { padding-top: 42px; background-color: #222 } .ace-box .aceEditorItem-box .aceEditorItem-scale { font-size: 20px; font-weight: 700; color: #eee; line-height: 40px; padding: 0 15px; background-color: #222; border-top: 2px solid #666; position: absolute; left: 0 !important; z-index: 9; width: 100%; top: 0 } .ace-box .aceEditorItem-box #cssScale { cursor: row-resize; top: 222px } .ace-box .aceEditorItem-box #jsScale { cursor: row-resize; top: 444px } .ace-box .aceEditorItem-box .aceEditorItem { width: 100%; height: 180px; background-color: #272822 } .ace-box .aceEditorItem-box .ace-monokai .ace_gutter { background-color: #2f3129 !important } .code-result { position: relative; float: right; width: calc(50% - 10px); height: 666px; background-color: #f6f6f6 } .code-result .code-result-mask { z-index: 2; position: absolute; height: 100%; width: 100%; display: none } .code-result iframe { width: 100%; height: 100% } #cancelFullScreen { position: fixed; top: 15px; right: 15px; display: none; z-index: 9999999999 } .run-code { position: fixed; top: 55px; right: 15px; z-index: 9999999999; width: 40px } .auto-checkbox { position: fixed; top: 105px; right: 15px; z-index: 9999999999; width: 40px } .aceEditorItem-xscale { width: 10px; height: 666px; background-color: #666; float: left; cursor: e-resize; position: absolute; left: 50%; top: 0 !important; z-index: 999 } .bejson-gap, .bejson-gap2 { margin-bottom: 0; padding: 10px; padding-bottom: 0; margin-top: 10px; border: 1px solid #eee; background-color: #f6f6f6 } .bejson-gap a, .bejson-gap2 a { color: #666; font-size: 12px; width: 16.6666%; display: block; float: left; margin-bottom: 10px } .bejson-gap { padding: 5px 0 } .bejson-gap a { margin: 5px 10px; width: auto } .bejson-gap2 { margin-top: 0 } .footer-nav { margin-top: 30px; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 30px } .footer-nav h2 { border-bottom: 1px solid #ddd } .footer-nav h2 span { padding-bottom: 10px } .footer-nav .footer-nav-con { padding: 15px; display: none; min-height: 268px } .footer-nav .footer-nav-con.active { display: block } .footer-nav .footer-nav-con h3 { margin-top: 0; margin-bottom: 10px } .footer-nav .footer-nav-con ul { padding-left: 10px; padding-right: 10px; margin-top: 0; margin-bottom: 0 } .footer-nav .footer-nav-con ul li { width: 25%; float: left; margin-bottom: 10px } .footer-nav .footer-nav-con ul li a { font-size: 14px; color: #777 } .footer-nav .footer-nav-tabs { padding: 0; margin: 0; border-bottom: 1px solid #ddd; font-size: 0 } .footer-nav .footer-nav-tabs li { border-right: 1px solid #ddd; display: inline-block; vertical-align: middle; position: relative } .footer-nav .footer-nav-tabs li a { font-size: 14px; display: block; padding: 10px 15px; color: #333; text-decoration: none } .footer-nav .footer-nav-tabs li.active a { color: #2aa0ea } .footer-nav .footer-nav-tabs li.active:after { content: ''; position: absolute; height: 2px; width: 100%; left: 0; top: 0; background-color: #2aa0ea } .footer-nav .footer-nav-tabs li.active:before { content: ''; position: absolute; height: 1px; width: 100%; left: 0; bottom: -1px; background-color: #fff } .html-footer { width: 100%; padding-top: 20px; padding-bottom: 20px; background-color: #353535 } .html-footer .friend-link { color: #fff } .html-footer .friend-link a { color: #fff } .html-footer .friend-link a:hover { color: #ddd } .html-footer .footer-copyright, .html-footer .footer-statement { color: #ccc; margin-top: 10px; margin-bottom: 0 } .html-footer .footer-logo { float: right; margin-top: 15px } .html-footer2, .html-footer3 { width: 100%; padding-top: 10px; padding-bottom: 10px; background-color: #353535; position: absolute; bottom: 0 } .html-footer2 p, .html-footer3 p { color: #ccc; margin-bottom: 0 } .html-footer3 { position: relative } .title-gap { position: relative; padding: 15px; margin-top: 10px; background-color: #ddf4df; border-radius: 3px } .title-gap .join-collection { transition: all .2s ease; -webkit-transition: all .2s ease; position: absolute; top: 0; right: 0; background-color: #a7e4ac; padding: 2px 15px 5px 15px; cursor: pointer; text-align: center; color: #fff; border-top-right-radius: 3px } .title-gap .join-collection i { font-size: 14px; display: inline-block; vertical-align: middle } .title-gap .join-collection p { margin-top: 0; font-size: 12px; color: #fff; display: inline-block; vertical-align: middle } .title-gap .join-collection:hover { background-color: #76c57d } .title-gap h1 { font-size: 18px; font-weight: 400; padding: 0; margin: 0; color: #38b03f; max-width: 1045px } .title-gap p { margin-bottom: 0; margin-top: 10px; color: #666; max-width: 1045px } .xf-window { background-color: #fff; width: 52px; position: fixed; bottom: 200px; right: 20px; border: 1px solid #ddd } .xf-window .xf-collection, .xf-window .xf-feedback, .xf-window .xf-share, .xf-window .xf-wxewm { width: 50px; height: 50px; background-color: #f6f6f6; cursor: pointer; text-align: center; display: block; border-bottom: 1px solid #ddd; line-height: 50px; font-size: 16px; position: relative } .xf-window .xf-collection i, .xf-window .xf-feedback i, .xf-window .xf-share i, .xf-window .xf-wxewm i { font-size: 40px; color: #888; line-height: 50px } .xf-window .xf-collection:before, .xf-window .xf-feedback:before, .xf-window .xf-share:before { line-height: 50px; position: absolute; width: 100%; height: 100%; z-index: 9; background-color: #f6f6f6; font-family: ZenIcon; font-size: 30px; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: '\e6ad' } .xf-window .xf-share:before { content: '\f600'; font-size: 26px } .xf-window .xf-collection:before { content: '\e606'; font-size: 30px } .xf-window .xf-totop { width: 50px; height: 50px; background-color: #f6f6f6; cursor: pointer; text-align: center; display: none; border-bottom: 1px solid #ddd; line-height: 50px; font-size: 16px } .xf-window .xf-totop i { font-size: 40px; color: #888; line-height: 50px; color: #2aa0ea } .xf-window .xf-wxewm { position: relative; background-position: 0 0 } .xf-window .xf-wxewm:hover { background-position: 0 -350px } .xf-window .xf-wxewm .xf-qrcode { position: absolute; right: 58px; top: 0; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .1); padding: 15px; display: none; width: 150px } .xf-window .xf-wxewm .xf-qrcode p { text-align: center; margin-bottom: 0 } .modal-lg { width: 1160px; left: -5px } .modal-lg .modal-body { overflow: auto !important; max-height: 600px !important } .modal-nav h3 { margin: 0; float: left; width: 100px; margin-top: 2px } .modal-nav ul { float: right; width: 1020px; padding: 0 } .modal-nav ul li { float: left; margin-right: 10px; margin-bottom: 10px } .modal-nav ul li a { color: #666 } .modal-nav ul li .text-danger { color: #ea644a } #jsonBeanCon textarea { height: 230px } .pager { margin-bottom: 0; float: right } .editor-and-codepre .editor-box2 { float: left; width: 570px } .editor-and-codepre .code-box { margin-top: 10px; float: right } .editor-and-codepre .code-box .prettyprint { padding: 0 !important } .editor-and-codepre .code-box pre { margin-bottom: 0; width: 570px; height: 383px; overflow-y: auto; border-radius: 3px } .editor-and-md5result .editor-box2 { float: left; width: 620px } .editor-and-md5result .editor-box2 .CodeMirror { height: 157px } .editor-and-md5result .editor-box2 textarea { height: 157px } .editor-and-md5result #editor { margin-bottom: 10px } .editor-and-md5result .md5-result { float: right; width: 520px; margin-top: 10px } .editor-and-md5result .md5-result .input-group { margin-bottom: 10px } .editor-and-md5result .md5-result .input-group .copy { cursor: pointer } .editor-and-md5result .md5-result .input-group .form-control[readonly] { background-color: #fff } #jsoneditor { margin-top: 10px; height: 390px; position: relative } #jsoneditor .remove-filter .jsoneditor-transform { display: none } #jsoneditor .remove-repair .jsoneditor-repair { display: none } #jsoneditor .remove-sort .jsoneditor-sort { display: none } #jsoneditor #lEditorArrow, #jsoneditor #rEditorArrow { height: 100%; width: 35px; line-height: 100%; font-size: 30px; background-color: #ddd; border-radius: 3px; position: absolute; text-align: center; top: 0; display: none; cursor: pointer } #jsoneditor #lEditorArrow i, #jsoneditor #rEditorArrow i { line-height: 100%; font-size: 25px; position: absolute; top: 50%; margin-top: -12px; width: 100%; left: 0; color: #2aa0ea } #jsoneditor .jsoneditor-statusbar { overflow: hidden } #jsoneditor #lEditorArrow { left: 0 } #jsoneditor #rEditorArrow { right: 0 } #jsoneditor #jsoneditorl, #jsoneditor #jsoneditorr { height: 100%; width: 550px } #jsoneditor #jsoneditorl .jsoneditor, #jsoneditor #jsoneditorr .jsoneditor { border-radius: 3px } #jsoneditor #jsoneditorl { float: left } #jsoneditor .jsoneditor-menu { overflow: hidden } #jsoneditor .jsoneditor-search { overflow: hidden; height: 26px; max-width: 100% } #jsoneditor #splitter { float: left; width: 60px; text-align: center; float: left; height: 100%; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden } #jsoneditor #splitter #buttons { margin: 0 0 15px 0 } #jsoneditor #splitter #toTree { margin: 40px 0 0 0 } #jsoneditor #splitter #toCode { margin: 20px 0 0 0 } #jsoneditor #splitter #drag { font-size: 32px; color: #d3d3d3; border-radius: 3px; min-width: 24px; cursor: col-resize; height: 2000px } #jsoneditor #splitter #drag:hover { background-color: #f6f6f6 } #jsoneditor #splitter #drag.active, #jsoneditor #splitter #splitter #drag:hover { color: gray; background-color: #f5f5f5 } #jsoneditor #splitter div.convert-left, #jsoneditor #splitter div.convert-right { width: 24px; height: 24px; margin: 0 } #jsoneditor #splitter div.convert-right { background: url(../img/jsoneditor-icons.svg) 0 -48px } #jsoneditor #splitter div.convert-left { background: url(../img/jsoneditor-icons.svg) -24px -48px } #jsoneditor #jsoneditorr { float: right } .json-color-control { display: inline-block; margin-left: 20px } .json-color-control .checkbox-primary { display: inline-block; margin-left: 10px } .json-color-control .btn-group { display: inline-block; margin-left: 10px } .json-color-control #TabSize { display: inline-block; width: 50px } .json-color { position: relative } .json-color img { display: inline-block } .json-color div.ControlsRow, .json-color div.HeadersRow { font-family: Georgia } .json-color .resizable-textarea { position: relative; margin-bottom: 22px } .json-color div.Canvas { font-family: Lucida Console, Georgia; font-size: 13px; background-color: #f6f6f6; color: #000; overflow: hidden; height: 350px; position: relative } .json-color div.Canvas pre { height: 100%; overflow-y: auto; border-radius: 3px } .json-color .ObjectBrace { color: #0a0; font-weight: 700 } .json-color .ArrayBrace { color: #03f; font-weight: 700 } .json-color .PropertyName { color: #c00; font-weight: 700 } .json-color .String { color: #077 } .json-color .Number { color: #a0a } .json-color .Boolean { color: #00f } .json-color .Function { color: #a63; text-decoration: italic } .json-color .Null { color: #00f } .json-color .Comma { color: #000; font-weight: 700 } .json-color PRE.CodeContainer { margin-top: 0; margin-bottom: 0 } .json-color PRE.CodeContainer img { cursor: pointer; border: none; margin-bottom: -1px } .json-color #CollapsibleViewDetail a { padding-left: 10px } .json-color #ControlsRow { white-space: nowrap; font: 11px Georgia } .json-color #TabSizeHolder { padding-left: 10px; padding-right: 10px } .json-color #HeaderTitle { text-align: right; font-size: 11px } .json-color #HeaderSubTitle { margin-bottom: 2px; margin-top: 0 } .json-color A.OtherToolsLink { color: #555; text-decoration: none } .json-color A.OtherToolsLink:hover { text-decoration: underline } .left-btn-right-editor { float: left; width: 526px } .editor-to-editor { float: left; padding-left: 15px; padding-right: 15px } .editor-to-editor .checkbox-primary { display: block; margin-bottom: 10px; text-align: center } .editor-to-editor button { display: block; margin-bottom: 10px; padding-right: 3px; padding-left: 3px } .editor-to-editor button p { margin-bottom: 0; font-size: 12px } .barcode-controller-l, .barcode-controller-r { float: left; margin-top: 30px; width: 560px } .barcode-controller-l .cloumn-2, .barcode-controller-r .cloumn-2 { margin-top: 10px } .barcode-controller-l .cloumn-2 .input-group, .barcode-controller-r .cloumn-2 .input-group { width: 270px } .barcode-controller-l .text-position, .barcode-controller-r .text-position { height: 34px; margin-top: 10px } .barcode-controller-l .text-position label, .barcode-controller-r .text-position label { vertical-align: middle } .barcode-controller-r { float: right } .barcode-con { margin-top: 10px; border-radius: 3px; border: 1px solid #ddd; background-color: #f6f6f6; padding: 15px } .barcode-con img { margin: 0 auto; max-width: 100% } .key-code-box { margin-top: 10px } .key-code-box #res { min-width: 50px } .input-group-addon input[type=checkbox] { position: relative; top: 4px } .input-group-addon label { position: relative; top: 2px } .yamleditor-box { width: 100% } .yamleditor-box .editor-box2 { width: 740px; float: left; clear: none } .yamleditor-box .editor-box2:last-child { width: 400px; float: right } .yamleditor-box #jsonlintBox { width: 400px; float: right } .tab-p-con { position: absolute; right: 0; margin-bottom: 0; top: 8px } #shaPbkdfBox .sha-key-length { display: table-cell; vertical-align: middle } .left-editor { width: 570px !important; float: left } .right-editor { width: 570px !important; float: right } .pre-type-one { margin-top: 10px; border-radius: 3px; position: relative; margin-bottom: 22px } .pre-type-one pre { height: 200px; border-radius: 3px; overflow-y: auto; margin-bottom: 0 } .obfuscate-box { margin-top: 10px; border-radius: 3px; border: 1px solid #ddd } .obfuscate-box .nav-tabs li { width: 33.333333% } .obfuscate-box .nav-tabs li a { text-align: center; margin-right: 0; border-radius: 0 } .obfuscate-box .nav-tabs .active a { border-radius: 0; border-color: transparent; background-color: #eee } .obfuscate-box .nav-tabs .active a:hover { border-radius: 0; border-color: transparent; background-color: #eee } .obfuscate-box .nav-tabs .active a:active { border-radius: 0; border-color: transparent; background-color: #eee } .obfuscate-box .nav-tabs .active a:focus { border-radius: 0; border-color: transparent; background-color: #eee } .obfuscate-box .tab-content { padding: 15px } .obfuscate-box .editor-box2 { margin-top: 0 } .obfuscate-box .code-box { position: relative; margin-bottom: 22px } .obfuscate-box .code-box pre { height: 200px; border-radius: 3px; overflow-y: auto; margin-bottom: 0 } .obfuscate-box .upload-js-file { height: 264px; position: relative; cursor: pointer } .obfuscate-box .upload-js-file input { width: 100%; height: 264px; position: absolute; z-index: 9; opacity: 0; top: 0; left: 0 } .obfuscate-box .upload-js-file .jsfile-mask { position: relative; width: 100%; height: 100%; border-radius: 3px; border: 2px dashed #2aa0ea; line-height: 260px; text-align: center; font-size: 16px } .obfuscate-box .upload-js-file .upload-drag-hover { border-color: #38b03f } .obfuscate-setting { margin-top: 20px } .obfuscate-setting>h4 { margin-bottom: 0 } .obfuscate-setting .setting-item { margin-bottom: 10px } .obfuscate-setting .setting-item .setting-opation { float: right; width: 1050px } .obfuscate-setting .setting-item2 .setting-type .setting-opation2 { float: left; width: 200px; margin-right: 40px } .obfuscate-setting .setting-item2 .setting-type .setting-opation2>p { font-weight: 700; margin-bottom: 10px } .obfuscate-setting .setting-item2 .setting-type .setting-opation2 hr { margin: 10px 0 15px 0 } .obfuscate-setting .setting-item2 .setting-type .setting-opation2 .input-group { padding-bottom: 5px } .obfuscate-setting .setting-item2 .setting-type .setting-opation2 .input-group-addon:hover { cursor: pointer } .obfuscate-setting .setting-item2 .setting-type .setting-opation2 .label-box .label { display: inline-block; margin-bottom: 5px; margin-right: 5px } .obfuscate-setting .setting-item2 .setting-type .setting-opation2 .label-box i { padding-left: 5px } .obfuscate-setting .setting-item2 .setting-type .setting-opation2 .label-box i:hover { cursor: pointer } .obfuscate-ins { margin-top: 10px } .obfuscate-ins .alert { margin-bottom: 10px } .obfuscate-ins th { background-color: #f6f6f6 !important } .obfuscate-ins td { background-color: #fff !important } .obfuscate-ins td .with-icon i { font-size: 20px; width: 20px !important; padding: 10px 0 10px 15px } .obfuscate-ins table { margin-bottom: 0 } .obfuscate-ins tbody { border-radius: 3px } .http-box { margin-top: 10px } .http-box .http-head #httpHeadUrlBox { display: table-cell } .http-box .http-head #httpUrlHistory { position: absolute; top: 32px; left: 137px; width: 750px; display: none; z-index: 9; background-color: #fff; box-shadow: 0 2px 10px #ddd; border-radius: 3px } .http-box .http-head #httpUrlHistory #httpClearHistory { padding: 5px 15px; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .http-box .http-head #httpUrlHistory #httpClearHistory p { float: left; margin-bottom: 0; display: inline-block; vertical-align: middle; margin-top: 8px } .http-box .http-head #httpUrlHistory #httpClearHistory button { float: right; display: inline-block; vertical-align: middle } .http-box .http-head #httpUrlHistory ul { width: 100%; max-height: 300px; overflow-y: auto; overflow-x: hidden; padding: 0; margin: 0; border: 1px solid #ddd } .http-box .http-head #httpUrlHistory ul li { padding: 5px 15px; border-bottom: 1px solid #ddd; cursor: pointer } .http-box .http-head #httpUrlHistory ul li p { margin-bottom: 0; width: 650px; float: left; line-height: 32px } .http-box .http-head #httpUrlHistory ul li button { float: right } .http-box .http-head #httpUrlHistory ul li:hover { background-color: #f6f6f6 } .http-box .http-head #httpHost { width: 750px } .http-box .http-switch { margin-top: 10px } .http-box .http-switch .switch { width: 130px; float: left; margin-right: 20px; border-radius: 3px; border: 1px solid #ddd; padding: 0 10px } .http-box .http-switch .switch label:before { right: 10px } .http-box .http-switch .switch label:after { right: 22px } .http-box .http-switch .switch input:checked+label:after { right: 11px } .http-box .http-option { margin-top: 10px } .http-box .http-option .tab-content { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 15px } .http-box .http-option .tab-content #addOptionsBox { height: 0; transition: all .3s ease; -webkit-transition: all .3s ease; overflow-y: hidden } .http-box .http-option .tab-content #addHeadersBox { height: 0; transition: all .3s ease; -webkit-transition: all .3s ease; overflow-y: hidden } .http-box .http-option .tab-content .http-option-item { margin-bottom: 10px } .http-box .http-option .tab-content .http-option-item input, .http-box .http-option .tab-content .http-option-item select { width: 300px; margin-right: 10px; display: inline-block } .http-box .http-option .tab-content .http-option-item select { width: 366px } .http-box .http-option .tab-content .http-option-item input:first-child { width: 169px } .http-box .http-option .tab-content textarea { border-color: #ddd; border-radius: 3px; width: 100%; padding: 10px } .http-box .http-option .tab-content #tab6Content1 textarea { width: 554px; resize: none } #confirmAreaModal .modal-dialog { width: 400px } #confirmAreaModal .modal-dialog textarea { width: 100%; resize: none; border-radius: 3px; border: 1px solid #ddd; padding: 10px } .tab-cron .tab-pane, .tab-qqskey .tab-pane { padding: 15px; border: 1px solid #ddd; border-top: none; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .tab-cron .tab-pane .custom-radio input[type=radio], .tab-qqskey .tab-pane .custom-radio input[type=radio] { margin-top: 9px } .tab-cron .tab-pane .tabsecondchk, .tab-qqskey .tab-pane .tabsecondchk { margin-bottom: 0 } .tab-cron .tab-pane .tabsecondchk .checkbox-primary, .tab-qqskey .tab-pane .tabsecondchk .checkbox-primary { width: 50px; display: inline-block; margin-bottom: 10px } .tab-cron .tab-pane .tabsecondchk .checkbox, .tab-qqskey .tab-pane .tabsecondchk .checkbox { margin-bottom: 0 } .cron_table { margin-bottom: 0 } .cron_table td { white-space: nowrap } .cron_table input { width: 100% } .tab-qqskey .code { position: relative } .tab-qqskey #codeImg img { position: absolute; right: 0; top: 0; height: 34px; border-radius: 4px } #findImgRes { border-radius: 3px; border: 1px solid #ddd; padding: 10px } #findImgRes img { float: left; width: 180px; padding: 5px 5px } .regex-create-copy { position: absolute; right: 10px; top: 36px } .left-right-average .file-list { margin-bottom: 0 } .left-right-average .uploader { margin-bottom: 0 } .left-right-average .btn-primary { margin-top: 15px } .left-right-average .left-average { position: relative; float: left; width: 570px; margin-right: 20px; border-radius: 3px; border: 1px solid #ddd; padding: 45px 15px 15px 15px } .left-right-average .left-average>p { margin-bottom: 0; background-color: #ddd; padding: 5px 15px; position: absolute; width: 100%; top: 0; left: 0 } .left-right-average .right-average { position: relative; float: right; width: 570px; border-radius: 3px; border: 1px solid #ddd; padding: 45px 15px 15px 15px } .left-right-average .right-average>p { margin-bottom: 0; background-color: #ddd; padding: 5px 15px; position: absolute; width: 100%; top: 0; left: 0 } .zipfile-list { border-radius: 3px; margin-top: 10px; border: 1px solid #ddd } .zipfile-list p { padding: 5px 15px; background-color: #ddd } .zipfile-list #file-list { max-height: 300px; overflow-y: auto } .zipfile-list #file-list li a { display: block; border-bottom: 1px solid #eee; padding: 5px 0 } .zipfile-list #file-list li a:hover { background-color: #eee } .ali-wec-box { text-align: center } .ali-wec-box .ali-qrcode, .ali-wec-box .wec-qrcode { display: inline-block } .ali-wec-box .ali-qrcode .uploader, .ali-wec-box .wec-qrcode .uploader { margin-top: 15px } .ali-wec-box .ali-qrcode .inner-box, .ali-wec-box .wec-qrcode .inner-box { width: 400px; height: 450px; border-radius: 3px; margin: 0 20px; overflow: hidden } .ali-wec-box .ali-qrcode .inner-box .img-box, .ali-wec-box .wec-qrcode .inner-box .img-box { width: 400px; height: 400px; padding: 25px; border: 1px solid #ddd; border-top-right-radius: 3px; border-top-left-radius: 3px } .ali-wec-box .ali-qrcode .inner-box .img-box img, .ali-wec-box .wec-qrcode .inner-box .img-box img { width: 100%; height: 100% } .ali-wec-box .ali-qrcode .inner-box p, .ali-wec-box .wec-qrcode .inner-box p { height: 50px; line-height: 50px; font-size: 25px; text-align: center; color: #f6f6f6 } .ali-wec-box .ali-qrcode p { background-color: #0a67fb } .ali-wec-box .wec-qrcode p { background-color: #00a000 } .interface-list .interface-title { color: #333; display: inline-block; margin-right: 10px; margin-bottom: 0 } .interface-list pre { border-color: transparent; border-radius: 3px } .demo-tab-content .tab-content { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 15px } .svg-box ul { margin: 0; padding: 0 } .svg-box ul li { float: left; background-color: #f6f6f6; border: 1px solid #ddd; border-radius: 3px; width: 570px; padding: 10px; margin-top: 10px } .svg-box ul li .svgimg-bgbox { padding: 10px 5px 10px 10px; height: 205px; width: 283px; float: left } .svg-box ul li .svgimg-bgbox .svgimg-bg { position: relative; width: 100%; height: 100%; border-radius: 3px; border: 1px solid #eee; overflow: hidden; background-size: cover } .svg-box ul li .svgimg-bgbox .svgimg-bg p { position: absolute; background-color: rgba(0, 0, 0, .5); width: 100%; left: 0; bottom: 0; text-align: center; padding: 5px 10px; margin-bottom: 0; color: #f6f6f6 } .svg-box ul li .svgimg-txtbox p { margin-bottom: 0; width: 470px; float: left; line-height: 24px } .svg-box ul li .svgimg-txtbox button { float: right } .svg-box ul li .svgimg-txtbox textarea { border-color: #eee; resize: none; width: 100% } .svg-box ul li .svgimg-txtbox .svgimg-btnbox { margin-top: 10px } .svg-box ul li:nth-child(2n) { float: right } .qrcode-tab { position: relative; padding: 15px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .qrcode-tab .qrcode-input { float: left; margin-right: 10px; width: 70% } .qrcode-tab textarea { resize: none } .qrcode-tab .qrcode-img { position: absolute; top: 0; left: 708px; width: 80px; height: 80px; border: 1px dashed #ddd; border-radius: 3px; overflow: hidden; background-color: #f6f6f6 } .qrcode-tab .qrcode-img:after { content: '图片展示区'; color: #999; position: absolute; line-height: 80px; width: 100%; text-align: center } .qrcode-tab .qrcode-img #logo-canvas { z-index: 9; left: 0; top: 0; height: 80px; width: 80px } .qrcode-tab .qrcode-area { float: right; margin-top: 30px } .qrcode-tab .qrcode-area #encode-canvas { border: 1px dashed #ddd; border-radius: 3px; max-width: 314px; max-height: 314px; line-height: 0 } .qrcode-tab .qrcode-area #encode-canvas canvas { position: relative; z-index: 9 } .qrcode-tab .qrcode-area button { margin-top: 10px; float: right } .qrcode-tab #decode-canvas { max-width: 382px; margin-top: 10px } .noborder { border: none !important; border-color: transparent } .qrcodeLocalBox { float: left; position: relative } .qrcodeLocalBox button { position: relative } .qrcodeLocalBox input { position: absolute; z-index: 9; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 0; top: 0; left: 0 } .cp-color-picker { z-index: 999; border-radius: 3px !important } .cp-xy-slider { width: 255px !important; height: 255px !important } .cp-z-slider { height: 255px !important } .image-handler-box { margin-top: 10px } .image-handler-box .image-handler-item { width: 100%; border-radius: 3px; border: 1px solid #ddd } .image-handler-box .image-handler-item .image-handler-head { padding: 15px; border-bottom: 1px solid #ddd; position: relative } .image-handler-box .image-handler-item .image-handler-head .image-handler-start { position: absolute; right: 15px; top: 18px } .image-handler-box .image-handler-item .image-handler-con { padding: 15px; text-align: center } .image-handler-box .image-handler-item .image-handler-con a { display: block; width: 100%; background-color: #f6f6f6; margin-bottom: 15px; border-radius: 3px; padding: 5px 15px; font-size: 12px; text-align: left; position: relative } .image-handler-box .image-handler-item .image-handler-con span { display: block; position: absolute; right: 15px; color: #38b03f; top: 5px; cursor: pointer } .image-handler-box .image-handler-item .image-handler-con img { max-width: 100%; display: inline-block } .latitude-and-longitude .main_content { position: relative } .latitude-and-longitude .main_content #hd #myPageTop { padding: 10px; border: 1px solid #ddd; border-radius: 3px } .latitude-and-longitude .main_content #hd #myPageTop .my-page-item { width: 400px; display: inline-block; margin-right: 50px; vertical-align: middle } .latitude-and-longitude .main_content #hd #myPageTop .my-page-item #copySuccessMessage { color: #2aa0ea } .latitude-and-longitude .main_content #hd #myPageTop .my-page-item #txtSearchMessage { margin-left: 30px; color: #2aa0ea; float: left } .latitude-and-longitude .main_content #divCoordinate { position: absolute; z-index: 9; padding: 5px 10px; background-color: #fff; border-radius: 3px; border: 1px solid #ddd } .latitude-and-longitude .main_content #myPage { width: 100%; height: 500px; border: 1px solid #ddd; border-radius: 3px; margin-top: 10px; position: relative } .latitude-and-longitude .main_content #myPage #citySug { position: absolute; top: 4px; right: 4px; z-index: 2; height: 30px; line-height: 28px; padding: 0 15px; background-color: #fff; border-radius: 3px; border: 1px solid #ddd } .latitude-and-longitude .main_content #myPage #allCityList { position: absolute; width: 300px; height: 300px; background-color: #fff; border: 1px solid #ddd; top: 29px; padding: 5px 12px; line-height: 150%; z-index: 3; right: 0; left: auto; overflow-y: auto } .latitude-and-longitude .main_content #myPage #allCityList #tdHotCities a { padding: 10px 10px 10px 0 } .latitude-and-longitude .main_content #myPage #allCityList #tbodyAllCities th { width: 50px } .latitude-and-longitude .main_content #myPage #allCityList #tbodyAllCities tr { border-bottom: 1px solid #ddd } .latitude-and-longitude .main_content #myPage #allCityList #tbodyAllCities td { padding: 10px 0 } .latitude-and-longitude .main_content #myPage #allCityList #tbodyAllCities td a { padding: 2px 10px 2px 0; display: inline-block } .latitude-and-longitude .main_content #myPage #map { width: 100%; height: 500px; position: relative } #img2base54Area, #tuchuangArea { margin-top: 10px; position: relative; padding: 0; margin-bottom: 0; background-color: #f6f6f6; border-radius: 3px } #img2base54Area li, #tuchuangArea li { width: 270px; border-radius: 3px; overflow-y: hidden; border: 1px solid #ddd; position: absolute; margin: 10px } #img2base54Area li .textarea, #tuchuangArea li .textarea { padding: 10px } #img2base54Area li .textarea textarea, #tuchuangArea li .textarea textarea { resize: none; border: 1px solid #ddd; width: 100%; height: 100px; padding: 5px } #img2base54Area li img, #tuchuangArea li img { width: 100%; height: auto !important } #img2base54Area li button, #tuchuangArea li button { position: absolute; top: 0; right: 0; z-index: 9 } #tuchuangArea li .textarea textarea { height: 50px } .file2pdf-box { margin-top: 10px } .file2pdf-box #file2PdfList { margin: 0; padding: 0 } .file2pdf-box #file2PdfList li { float: left; width: 380px; margin-right: 10px; margin-bottom: 10px; border-radius: 3px; border: 1px solid #ddd; padding: 10px } .file2pdf-box #file2PdfList li p { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ddd } .file2pdf-box #file2PdfList li a { margin-top: 10px; margin-right: 10px } .file2pdf-box #file2PdfList li:nth-child(3n) { margin-right: 0 } .video2audio-box { margin-top: 10px } .video2audio-box #video2audioList { margin: 0; padding: 0 } .video2audio-box #video2audioList li { border-radius: 3px; border: 1px solid #ddd; padding: 10px; background-color: #f6f6f6; width: 575px; margin-right: 10px; float: left; margin-bottom: 10px } .video2audio-box #video2audioList li span { display: inline-block; vertical-align: middle; width: 480px; margin-right: 20px } .video2audio-box #video2audioList li button { display: inline-block; vertical-align: middle } .video2audio-box #video2audioList li:nth-child(2n) { margin-right: 0 } .compress-img-box { margin-top: 10px; width: 100% } .compress-img-box #info1 p { font-size: 14px; padding: 5px 10px; border-radius: 3px; border: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; float: left } .compress-img-box #info1 a { display: block; float: left } .compress-img-box #content { padding: 10px; border: 1px solid #ddd; border-radius: 3px; display: none } #upload-container { margin-left: 10px; width: 50%; float: left } #upload-container .compress_yasuo input { width: 515px } .compress-p { font-size: 14px; padding: 5px 10px; border-radius: 3px; border: 1px solid #ddd; margin-left: 10px; float: left } #iconmakerType p { margin-bottom: 5px; display: inline-block; margin-right: 5px; vertical-align: middle } #iconmakerType .radio-primary { display: inline-block; margin-right: 10px; vertical-align: middle } .svg-editor .editor-box2 { width: 670px; float: left } .svg-editor #svgResult { border-radius: 3px; width: 470px; float: left; margin-left: 20px; height: 222px; border: 1px dashed #ddd; margin-top: 10px; position: relative; padding: 10px; overflow: hidden; word-break: break-all } .svg-editor #svgResult svg { width: 100%; height: 100%; position: relative; z-index: 9 } .svg-editor #svgResult:after { position: absolute; content: 'svg展示区域'; line-height: 222px; width: 100%; height: 100%; text-align: center; color: #ddd; top: 0; left: 0 } .gif-frame-list .jsgif { height: 0; width: 0; overflow: hidden } .gif-frame-list .staticImg { margin-top: 15px; padding: 12px; border: 1px dashed #ddd; border-radius: 3px } .gif-frame-list .staticImg .gif-img-box { float: left; width: 152px; padding: 10px; margin: 5px; border-radius: 3px; border: 1px solid #eee } .gif-frame-list .staticImg .gif-img-box img { width: 100% } #fs2 table { width: 49%; float: left } #fs2 table tbody tr td { text-align: left } #fs2 table tbody tr td .pull-right { float: none !important } .textarea-custom { width: 100%; font-family: '宋体'; padding: 0 10px; border: 1px solid #ddd; border-radius: 3px } .cmp-player { margin-top: 15px } .cmp-player .red { color: red } .cmp-player .header { margin: 10px 10px; color: #428eff; font-size: 20px; font-weight: 700; text-align: left } .cmp-player .bodyer { padding: 15px; border: 1px solid #ddd; border-radius: 3px } .cmp-player .mbox { padding: 15px 0 15px 0; border-bottom: 1px dashed #ccc } .cmp-player .mbox_item { margin-top: 10px; margin-left: 20px } .cmp-player .preview { margin-top: 10px } .cmp-player .cmp_area { width: 100% } .cmp-player .cmp_list { height: 80px } .cmp-player .cmp_add { margin-top: 37PX } .cmp-player .cmp_add table { width: 100%; margin-top: 10px } .cmp-player .cmp_add table td, .cmp-player .cmp_add table th { border: 1px solid #ccc; padding: 5px } .cmp-player .cmp_add table th { text-align: left } #captcha { position: absolute; right: 1px; top: 1px; height: 30px; z-index: 9 } .color-table { width: 49% } #getColorBox #getColorCpApp { float: left; width: 412px; height: 323px; border-radius: 3px; background-color: #444; overflow: hidden } #getColorBox .cp-app { position: relative; border-radius: 3px } #getColorBox .color-table { float: right; width: 730px; padding: 10px; border-radius: 3px; border: 1px solid #ddd } #getColorBox .color-table #getColorAddon { width: 50px; background-color: red } #getColorBox .color-table table { margin-bottom: 13px; border-radius: 3px; overflow: hidden } #getColorBox .color-table table td { cursor: pointer; border-bottom: none } .well-lg { border-radius: 3px; border: 1px solid #ddd; padding: 15px; margin-top: 10px; height: 300px; max-height: 500px; overflow-y: auto } #websocketSend { width: 100px } #queryipBox .copy-td { width: 70px } .ip2addr-btn { width: 90px } .boxNr-fl { float: left; width: 50%; padding-right: 10px } .boxNr-fr { float: right; width: 50%; padding-left: 10px } .form-contain { padding: 15px; border-radius: 3px; border: 1px solid #ddd; margin-top: 10px; overflow: hidden; position: relative } .form-contain h1 { margin-top: 0; margin-bottom: 20px; padding-bottom: 15px; font-weight: 400; color: #666 } .form-contain h1:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 48px; background-color: #f6f6f6; z-index: -1 } .progress-0 .file-progress-bar { z-index: 0 !important } .modal-nav-qq .group-title { float: none; color: #333; width: 100% } .modal-nav-qq .group-info { margin: 15px 55px 15px 45px; width: 270px; height: 70px; float: left; padding: 15px 0; background-color: #f6f6f6; position: relative } .modal-nav-qq .group-info .group-shadow { background: url(../img/qq/shadow-q.png) no-repeat right bottom; opacity: 0; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease } .modal-nav-qq .group-info:hover .group-shadow { opacity: 1 } .modal-nav-qq .group-info:hover .title-bg { color: #2aa0ea } .modal-nav-qq .group-info .title-bg { font-size: 25px; position: absolute; top: -20px; left: 12px; z-index: -1; color: #eee; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease } .modal-nav-qq .group-info .is-full { width: 15px; height: 15px; background-color: #0a67fb; color: #fff; text-align: center; line-height: 15px; float: left } .modal-nav-qq .group-info .hot { background-color: #ea644a } .modal-nav-qq .group-info .new { background-color: #38b03f } .modal-nav-qq .group-info .normal { background-color: #2aa0ea } .modal-nav-qq .group-info .group-detail { float: left; width: 205px; line-height: 1; margin-left: 5px } .modal-nav-qq .group-info .group-detail div { font-size: 16px; font-weight: 700; color: #333 } .modal-nav-qq .group-info .group-detail p { font-size: 14px; margin-bottom: 0; white-space: pre-wrap; margin-top: 10px } .modal-nav-qq .group-info .group-detail p .qq-num { color: #666 } .modal-nav-qq .group-info .group-detail p .copy-qqnumber { color: #999; cursor: pointer } .modal-nav-qq .group-info .group-apply { position: absolute; top: -10px; right: -10px; text-align: center } .modal-nav-qq .group-info .group-apply .disabled { opacity: 1 !important; background-color: #7aacfd !important; border-color: #7aacfd !important; color: #ddd !important } .modal-nav-qq .group-info .group-apply img { display: block; width: 33px; height: 33px; margin: 0 auto } .modal-nav-qq .group-info .group-apply .group-btn-apply { position: relative; top: -10px; width: 43px; height: 43px; line-height: 16px; padding: 5px; box-shadow: -2px 0 5px #ccc; word-break: break-all; white-space: normal } .modal-nav-qq .group-info .group-shadow { position: absolute; bottom: -15px; height: 15px; width: 100% } .file-list, .uploader-files { min-height: 96px !important } /*! * Chosen, a Select Box Enhancer for jQuery and Prototype * by Patrick Filler for Harvest, http://getharvest.com * * Copyright (c) 2011-2016 Harvest http://getharvest.com * MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container { position: relative; display: inline-block; font-size: 13px; vertical-align: middle; zoom: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .chosen-container .chosen-drop { position: absolute; top: 100%; z-index: 1010; display: none; width: 100%; background: #fff; border: 1px solid #cbcbcb; border: 1px solid rgba(0, 0, 0, .15); border-top: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175) } .chosen-container .chosen-drop.chosen-drop-size-limited { border-top: 1px solid rgba(0, 0, 0, .15) } .chosen-container .chosen-drop.chosen-auto-max-width { min-width: 100%; border-top: 1px solid rgba(0, 0, 0, .15); opacity: .5 } .chosen-container .chosen-drop.chosen-auto-max-width>.chosen-results>li { display: inline-block; white-space: nowrap } .chosen-container .chosen-drop.chosen-auto-max-width.in { opacity: 1 } .chosen-container .chosen-drop.chosen-auto-max-width.in>.chosen-results>li { display: block; white-space: normal } .chosen-container.chosen-with-drop .chosen-drop { display: block } .chosen-container a { cursor: pointer } .chosen-container.chosen-up .chosen-drop { top: inherit; bottom: 100%; margin-top: auto; margin-bottom: -1px; border-radius: 2px 2px 0 0; -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, .175); box-shadow: 0 -3px 5px rgba(0, 0, 0, .175) } .chosen-container.chosen-highlight-selected .result-selected { color: #3280fc; background: #ebf2f9 } .chosen-container-single .chosen-single { display: block; width: 100%; height: 32px; padding: 5px 8px; overflow: hidden; line-height: 1.53846154; color: #222; text-decoration: none; white-space: nowrap; vertical-align: middle; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s } .chosen-container-single .chosen-default { color: grey } .chosen-container-single .chosen-single>span { display: block; margin-right: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px } .chosen-container-single .chosen-single abbr { position: absolute; top: 7px; right: 24px; display: block; width: 20px; height: 20px; font-size: 19.5px; font-weight: 700; line-height: 14px; color: #000; text-align: center; text-shadow: 0 1px 0 #fff; opacity: .2 } .chosen-container-single .chosen-single abbr:before { content: '×' } .chosen-container-single .chosen-single abbr:focus, .chosen-container-single .chosen-single abbr:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5 } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; height: 100%; padding: 5px 8px } .chosen-container-single .chosen-single div b { display: inline-block; width: 0; height: 0; margin-bottom: 2px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent } .chosen-container-single .chosen-search { position: relative; z-index: 1010; padding: 3px 4px; margin: 0; white-space: nowrap } .chosen-container-single .chosen-search input[type=text] { width: 100%; height: 27px; padding: 2px 26px 2px 8px; margin: 1px 0; font-size: 12px; line-height: 1.5; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; outline: 0 } .chosen-container-single .chosen-search input[type=text]:focus { border-color: #145ccd } .chosen-container-single .chosen-search:before { position: absolute; top: 10px; right: 10px; display: block; font-family: ZenIcon; font-size: 14px; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; color: grey; text-transform: none; content: '\e603'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .chosen-container-single .chosen-drop { margin-top: -1px; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0 0 4px 4px } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px } .chosen-container .chosen-results { position: relative; max-height: 240px; padding: 0; margin: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch } .chosen-container .chosen-results li { display: none; padding: 5px 10px; margin: 0; line-height: 15px; list-style: none; -webkit-transition: background-color .2s cubic-bezier(.175, .885, .32, 1); -o-transition: background-color .2s cubic-bezier(.175, .885, .32, 1); transition: background-color .2s cubic-bezier(.175, .885, .32, 1); -webkit-touch-callout: none } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default } .chosen-container .chosen-results li.highlighted { color: #fff; background-color: #3280fc } .chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4 } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default } .chosen-container .chosen-results li.group-option { padding-left: 15px } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline } .chosen-container-multi .chosen-choices { position: relative; width: 100%; min-height: 32px; padding: 0; margin: 0; overflow: hidden; cursor: text; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s } .chosen-container-multi .chosen-choices:after, .chosen-container-multi .chosen-choices:before { display: table; content: " " } .chosen-container-multi .chosen-choices:after { clear: both } .chosen-container-multi .chosen-choices li { display: block; float: left; padding: 0 6px; margin: 5px 0 0 6px; list-style: none } .chosen-container-multi .chosen-choices li.search-field { padding: 0; margin-bottom: 4px; white-space: nowrap } .chosen-container-multi .chosen-choices li.search-field input[type=text] { height: 20px; font-size: 100%; color: grey; background: 0 0 !important; border: 0 !important; border-radius: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none } .chosen-container-multi .chosen-choices li.search-field .default { color: #999 } .chosen-container-multi .chosen-choices li.search-field:before { position: absolute; right: 8px; bottom: 8px; display: block; font-family: ZenIcon; font-size: 14px; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; color: grey; text-transform: none; content: '\e603'; opacity: 0; -webkit-transition: opacity .2s cubic-bezier(.175, .885, .32, 1); -o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1); transition: opacity .2s cubic-bezier(.175, .885, .32, 1); speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .chosen-container-multi .chosen-choices li.search-choice { position: relative; padding: 3px 20px 3px 5px; line-height: 12px; cursor: default; background-color: #f1f1f1; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ddd; border-radius: 3px; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05); -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1); -o-transition: all .4s cubic-bezier(.175, .885, .32, 1); transition: all .4s cubic-bezier(.175, .885, .32, 1) } .chosen-container-multi .chosen-choices li.search-choice:hover { background-color: #fff; border-color: #c4c4c4; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 0 rgba(0, 0, 0, .1) } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 0; right: 0; display: block; width: 20px; height: 20px; font-size: 15.6px; font-weight: 700; line-height: 14px; color: #000; text-align: center; text-shadow: 0 1px 0 #fff; opacity: .2 } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before { content: '×' } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus, .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5 } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; color: #666; background-color: #e4e4e4; border: 1px solid #ccc } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4 } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px } .chosen-container-multi .chosen-results { padding: 5px 0; margin: 0 } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default } .chosen-container-active .chosen-single { border-color: #145ccd; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6) } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #cbcbcb; border: 1px solid rgba(0, 0, 0, .15); border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175) } .chosen-container-active.chosen-with-drop .chosen-single div { background: 0 0; border-left: none } .chosen-container-active.chosen-with-drop .chosen-single div b { content: ""; border-top: 0 dotted; border-bottom: 4px solid } .chosen-container-active.chosen-with-drop.chosen-up .chosen-single { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175) } .chosen-container-active .chosen-choices { border-color: #145ccd; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6) } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #111 !important } .chosen-container-active .chosen-choices li.search-field:before { opacity: 1 } .chosen-disabled { cursor: default; opacity: .5 !important } .chosen-disabled .chosen-single { cursor: default } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default } .chosen-compact.chosen-container-single .chosen-single>.chosen-search { left: 0; display: none; padding: 3px 4px; opacity: 0 } .chosen-compact.chosen-container-single .chosen-single>.chosen-search>input { height: 25px; padding: 2px 26px 2px 4px; font-size: inherit } .chosen-compact.chosen-container-single .chosen-single>.chosen-search:before { top: 9px } .chosen-compact.chosen-with-search.chosen-with-drop .chosen-single>.chosen-search { display: block; opacity: 1 }