UNPKG

ace-component

Version:

ace-components for ewms

2,531 lines (2,527 loc) 184 kB
/*! * ZUI: Standard edition - v1.7.0 - 2017-06-17 * http://zui.sexy * GitHub: https://github.com/easysoft/zui.git * Copyright (c) 2017 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: transparent; } 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: bold; } 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 #c0c0c0; } 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; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .container-fixed:before, .container-fixed:after, .container-fixed-md:before, .container-fixed-md:after, .container-fixed-sm:before, .container-fixed-sm:after, .container-fixed-xs:before, .container-fixed-xs:after, .row:before, .row:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .panel-body:before, .panel-body:after, .pager-justify:before, .pager-justify:after, .pager-loose:before, .pager-loose:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after, .cards:before, .cards:after, .btn-group-vertical > .btn-group-vertical:before, .btn-group-vertical > .btn-group-vertical:after { /* 1 */ display: table; content: " "; /* 2 */ } .clearfix:after, .container:after, .container-fluid:after, .container-fixed:after, .container-fixed-md:after, .container-fixed-sm:after, .container-fixed-xs:after, .row:after, .dl-horizontal dd:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .form-horizontal .form-group:after, .panel-body:after, .pager-justify:after, .pager-loose:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .modal-header:after, .modal-footer:after, .cards:after, .btn-group-vertical > .btn-group-vertical: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; } .visible-xs, .inline.visible-xs, .inline-block.visible-xs, tr.visible-xs, th.visible-xs, td.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; } th.visible-xs, td.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; } th.visible-xs.visible-sm, td.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; } th.visible-xs.visible-md, td.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; } th.visible-xs.visible-lg, td.visible-xs.visible-lg { display: table-cell !important; } } .visible-sm, .inline.visible-sm, .inline-block.visible-sm, tr.visible-sm, th.visible-sm, td.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; } th.visible-sm.visible-xs, td.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; } th.visible-sm, td.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; } th.visible-sm.visible-md, td.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; } th.visible-sm.visible-lg, td.visible-sm.visible-lg { display: table-cell !important; } } .visible-md, .inline.visible-md, .inline-block.visible-md, tr.visible-md, th.visible-md, td.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; } th.visible-md.visible-xs, td.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; } th.visible-md.visible-sm, td.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; } th.visible-md, td.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; } th.visible-md.visible-lg, td.visible-md.visible-lg { display: table-cell !important; } } .visible-lg, .inline.visible-lg, .inline-block.visible-lg, tr.visible-lg, th.visible-lg, td.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; } th.visible-lg.visible-xs, td.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; } th.visible-lg.visible-sm, td.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; } th.visible-lg.visible-md, td.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; } th.visible-lg, td.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; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } @media (max-width: 767px) { .hidden-xs, .inline.hidden-xs, .inline-block.hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm, .inline.hidden-xs.hidden-sm, .inline-block.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md, .inline.hidden-xs.hidden-md, .inline-block.hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-xs.hidden-lg, .inline.hidden-xs.hidden-lg, .inline-block.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.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; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } @media (max-width: 767px) { .hidden-sm.hidden-xs, .inline.hidden-sm.hidden-xs, .inline-block.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, .inline.hidden-sm, .inline-block.hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-sm.hidden-md, .inline.hidden-sm.hidden-md, .inline-block.hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-sm.hidden-lg, .inline.hidden-sm.hidden-lg, .inline-block.hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.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; } th.hidden-md, td.hidden-md { display: table-cell !important; } @media (max-width: 767px) { .hidden-md.hidden-xs, .inline.hidden-md.hidden-xs, .inline-block.hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm, .inline.hidden-md.hidden-sm, .inline-block.hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md, .inline.hidden-md, .inline-block.hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-md.hidden-lg, .inline.hidden-md.hidden-lg, .inline-block.hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.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; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media (max-width: 767px) { .hidden-lg.hidden-xs, .inline.hidden-lg.hidden-xs, .inline-block.hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm, .inline.hidden-lg.hidden-sm, .inline-block.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg.hidden-md, .inline.hidden-lg.hidden-md, .inline-block.hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg, .inline.hidden-lg, .inline-block.hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg { display: none !important; } } .visible-print, .inline.visible-print, .inline-block.visible-print, tr.visible-print, th.visible-print, td.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; } th.visible-print, td.visible-print { display: table-cell !important; } .hidden-print, .inline.hidden-print, .inline-block.hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print { display: none !important; } } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, 'Microsoft Yahei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif; font-size: 13px; line-height: 1.53846154; color: #353535; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #145ccd; text-decoration: 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); } a:hover, a:focus { 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:hover, a.disabled:focus, a[disabled], a[disabled]:hover, a[disabled]:focus { color: #aaa; text-decoration: none; cursor: default; } audio, canvas, img, svg, 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-fluid, .container-fixed, .container-fixed-md, .container-fixed-sm, .container-fixed-xs { 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-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333333%; } .col-xs-2 { width: 16.66666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333333%; } .col-xs-5 { width: 41.66666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333333%; } .col-xs-8 { width: 66.66666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333333%; } .col-xs-11 { width: 91.66666667%; } .col-xs-12 { width: 100%; } @media (min-width: 768px) { .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12 { 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-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { 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-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { 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: #808080; } .text-gray a, .text-muted a { color: #737373; } .text-gray a:hover, .text-muted a:hover, .text-gray a:active, .text-muted a:active { color: #145ccd; } .text-primary { color: #3280fc; } .text-yellow, .text-warning { color: #f1a325; } .text-red, .text-danger { 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:hover, .text-link:active { color: #145ccd; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-nowrap, .nobr { overflow: hidden; white-space: nowrap; } .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.53846154; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-inline:before, .dl-inline:after { /* 1 */ display: table; content: " "; /* 2 */ } .dl-inline:after { clear: both; } .dl-inline:before, .dl-inline:after { /* 1 */ display: table; content: " "; /* 2 */ } .dl-inline:after { clear: both; } .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 p, blockquote ul, blockquote ol { font-weight: 300; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote small { display: block; line-height: 1.53846154; color: #808080; } 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-yellow, .bg-warning { color: #fff; background-color: #f1a325; } .bg-red, .bg-danger { color: #fff; background-color: #ea644a; } .bg-brown, .bg-important { color: #fff; background-color: #bd7b46; } .bg-purple, .bg-special { color: #fff; background-color: #8666b8; } .hl-gray, .hl-default { background-color: #f1f1f1; } .hl-primary { background-color: #ebf2f9; } .hl-green, .hl-success { background-color: #ddf4df; } .hl-blue, .hl-info { background-color: #ddf3f5; } .hl-yellow, .hl-warning { background-color: #fff0d5; } .hl-red, .hl-danger { background-color: #ffe5e0; } .hl-brown, .hl-important { background-color: #f7ebe1; } .hl-purple, .hl-special { background-color: #f5eeff; } .page-header, .header-dividing { 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, 'Microsoft Yahei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif; font-weight: bold; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #808080; } 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: normal; 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: 4px; -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); } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #353535; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: none; -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; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .btn { color: #353535; text-shadow: 0 1px 0 #fff; background-color: #f2f2f2; border-color: #bfbfbf; } .btn:hover, .btn:focus, .btn:active, .btn.active, .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], fieldset[disabled] .btn, .btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover, .btn.disabled:focus, .btn[disabled]:focus, fieldset[disabled] .btn:focus, .btn.disabled:active, .btn[disabled]:active, fieldset[disabled] .btn:active, .btn.disabled.active, .btn[disabled].active, fieldset[disabled] .btn.active { background-color: #f2f2f2; border-color: #bfbfbf; } .btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); background-color: #3280fc; border-color: #1970fc; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .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], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #3280fc; border-color: #1970fc; } .btn-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); background-color: #f1a325; border-color: #ed980f; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .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], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f1a325; border-color: #ed980f; } .btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); background-color: #ea644a; border-color: #e75033; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .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], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #ea644a; border-color: #e75033; } .btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); background-color: #38b03f; border-color: #329d38; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .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], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #38b03f; border-color: #329d38; } .btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); background-color: #03b8cf; border-color: #03a2b6; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .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], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #03b8cf; border-color: #03a2b6; } .btn-link { font-weight: normal; color: #145ccd; text-shadow: none; cursor: pointer; background: none; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link, .btn-link:hover, .btn-link:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link:hover, .btn-link:focus { color: #0d3d88; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #ddd; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 17px; line-height: 1.25; border-radius: 4px; } .btn-sm, .btn-xs, .btn-mini { padding: 2px 8px; font-size: 12px; line-height: 1.5; border-radius: 4px; } .btn-xs, .btn-mini { padding: 1px 5px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .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 .input-group, .btn-toolbar .btn-group-vertical { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group, .btn-toolbar > .btn-group-vertical { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child, .btn-group-vertical > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child), .btn-group-vertical > .btn:last-child:not(:first-child), .btn-group-vertical > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group, .btn-group-vertical > .btn-group-vertical { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group-vertical > .btn-group-vertical:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle, .btn-group-vertical > .btn-group-vertical:first-child > .btn:last-child, .btn-group-vertical > .btn-group-vertical:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child, .btn-group-vertical > .btn-group-vertical:last-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle, .btn-group-vertical .dropdown-toggle:active, .btn-group-vertical.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 > .btn + .dropdown-toggle, .btn-group-vertical > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-vertical > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle, .btn-group-vertical.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.open .dropdown-toggle.btn-link, .btn-group-vertical.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="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group-vertical > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group-vertical > .btn input[type="checkbox"] { 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 > .btn, .btn-group-vertical > .btn-group-vertical, .btn-group-vertical > .btn-group-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn, .btn-group-vertical > .btn-group-vertical > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group, .btn-group-vertical > .btn + .btn-group-vertical, .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) { 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:not(:first-child):not(:last-child) > .btn, .btn-group-vertical > .btn-group-vertical:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .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, .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 { border