zentaopms/www/mobile/css/mzui.css
2023-05-16 10:47:08 +08:00

5165 lines
79 KiB
CSS
Executable File

/*!
* MZUI: ranzhi - v1.0.0 - 2017-02-17
* Copyright (c) 2017 cnezsoft.com; Licensed MIT
*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html
{
font-family: sans-serif;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body
{
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
/**
* Add the correct display in IE 9-.
*/
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls])
{
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress
{
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a
{
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title]
{
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong
{
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1
{
font-size: 2em;
margin: .67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
/**
* Add the correct font size in all browsers.
*/
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup
{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub
{
bottom: -.25em;
}
sup
{
top: -.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
/**
* Hide the overflow in IE.
*/
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp
{
font-family: monospace, sans-serif;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct margin in IE 8.
*/
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea
{
font: inherit;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup
{
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type='button'],
[type='reset'],
[type='submit']
{
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
/**
* Restore the focus styles unset by the previous rule.
*/
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset
{
margin: 0 2px;
padding: .35em .625em .75em;
border: 1px solid #c0c0c0;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend
{
padding: 0;
/* 3 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
{
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type='search']
{
/* 1 */
outline-offset: -2px;
-webkit-appearance: textfield;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration
{
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder
{
opacity: .54;
color: inherit;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button
{
/* 1 */
font: inherit;
-webkit-appearance: button;
/* 2 */
}
html
{
font-size: 20px;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*,
*:before,
*:after
{
box-sizing: inherit;
}
body
{
font-family: 'Helvetica Neue', Helvetica, sans-serif;
font-size: .7rem;
line-height: 1.42857143;
color: #333;
background-color: #f1f1f1;
}
a
{
text-decoration: none;
color: inherit;
}
a,
area,
button,
[role='button'],
input,
label,
select,
summary,
textarea
{
-ms-touch-action: manipulation;
touch-action: manipulation;
}
img
{
max-width: 100%;
height: auto;
vertical-align: middle;
}
table
{
max-width: 100%;
border-collapse: collapse;
}
th
{
text-align: left;
}
pre
{
overflow: auto;
margin: 0;
}
ul,
ol,
p,
table
{
margin: 0;
}
.clearfix:before,
.clearfix:after
{
display: table;
content: ' ';
}
.clearfix:after
{
clear: both;
}
.pull-right
{
float: right !important;
}
.pull-left
{
float: left !important;
}
.block
{
display: block !important;
}
.inline
{
display: inline !important;
}
.inline-block
{
display: inline-block !important;
}
.template,
.hide-empty:empty,
.hidden
{
display: none!important;
}
.invisible
{
visibility: hidden;
}
.fluid
{
width: 100%!important;
}
.fluid-v
{
height: 100%!important;
}
h1,
h2,
h3,
h4,
h5,
h6
{
font-family: inherit;
font-weight: bold;
line-height: 1.1;
margin: 0 0 .5rem 0;
color: inherit;
}
h1
{
font-size: 1.2rem;
}
h2
{
font-size: 1rem;
}
h3
{
font-size: .9rem;
}
h4
{
font-size: .8rem;
}
h5
{
font-size: .7rem;
}
h6
{
font-size: .6rem;
}
.lead
{
font-size: .8rem;
font-weight: 300;
}
small,
.small
{
font-size: 80%;
}
.large
{
font-size: 150%;
}
strong,
.strong
{
font-weight: bolder;
}
.thin
{
font-weight: lighter;
}
mark,
.mark
{
padding: .1rem;
background-color: #fff0d5;
}
.text-link
{
color: #3f51b5;
}
.text-left
{
text-align: left;
}
.text-right
{
text-align: right;
}
.text-center
{
text-align: center;
}
.text-nowrap
{
white-space: nowrap;
}
.text-ellipsis
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.text-lowercase
{
text-transform: lowercase;
}
.text-uppercase
{
text-transform: uppercase;
}
.text-capitalize
{
text-transform: capitalize;
}
.text-line-through
{
text-decoration: line-through;
}
.text-hide
{
font: 0/0 a;
color: transparent;
text-shadow: none;
}
hr
{
margin-top: .5rem;
margin-bottom: .5rem;
border: 0;
border-top: .05rem solid rgba(0, 0, 0, .1);
}
hr.space
{
margin-bottom: .5rem;
border-color: transparent;
}
blockquote
{
margin: .5rem;
padding: .5rem .5rem;
border-left: .25rem solid rgba(0, 0, 0, .1);
}
ul,
ol
{
margin: .5rem;
padding-left: 1rem;
}
p,
ul,
ol,
blockquote,
pre,
table,
img,
video,
iframe,
object,
embed
{
margin: 0 0 .5rem 0;
}
.fade
{
transition: .3s cubic-bezier(.175, .885, .32, 1);
opacity: 0;
}
.fade.in
{
opacity: 1;
}
.scale
{
transition: .3s cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale(.8);
transform: scale(.8);
}
.scale.in
{
-webkit-transform: scale(1);
transform: scale(1);
}
.collapse
{
display: none;
}
.collapse.in
{
display: block;
}
.collapsing
{
position: relative;
overflow: hidden;
transition: ease height .3s;
}
[class^='scale-from-'],
[class*=' scale-from-'],
[class^='enter-from-'],
[class*=' enter-from-']
{
transition: .3s cubic-bezier(.175, .885, .32, 1);
}
[class^='scale-from-'].in,
[class*=' scale-from-'].in,
[class^='enter-from-'].in,
[class*=' enter-from-'].in
{
-webkit-transform: scale(1) translate(0%, 0%);
transform: scale(1) translate(0%, 0%);
opacity: 1;
}
.scale-from-top
{
-webkit-transform: scale(.8) translate(0, -30%);
transform: scale(.8) translate(0, -30%);
opacity: 0;
}
.scale-from-bottom
{
-webkit-transform: scale(.8) translate(0, 30%);
transform: scale(.8) translate(0, 30%);
opacity: 0;
}
.scale-from-left
{
-webkit-transform: scale(.8) translate(-30%, 0);
transform: scale(.8) translate(-30%, 0);
opacity: 0;
}
.scale-from-right
{
-webkit-transform: scale(.8) translate(30%, 0);
transform: scale(.8) translate(30%, 0);
opacity: 0;
}
.scale-from-center
{
-webkit-transform: scale(.8);
transform: scale(.8);
opacity: 0;
}
.enter-from-top
{
-webkit-transform: translate(0, -105%);
transform: translate(0, -105%);
}
.enter-from-bottom
{
-webkit-transform: translate(0, 105%);
transform: translate(0, 105%);
}
.enter-from-left
{
-webkit-transform: translate(-105%, 0);
transform: translate(-105%, 0);
}
.enter-from-right
{
-webkit-transform: translate(105%, 0);
transform: translate(105%, 0);
}
.enter-from-center
{
-webkit-transform: scale(.8) translate(0, 50%);
transform: scale(.8) translate(0, 50%);
opacity: 0;
}
@-webkit-keyframes spin
{
0%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin
{
0%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.spin
{
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.spin-fast
{
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
@font-face
{
font-family: ZenIcon;
font-weight: normal;
font-style: normal;
src: url('../fonts/zenicon.eot?v=1.3.0');
src: url('../fonts/zenicon.eot?#iefix&v=1.3.0') format('embedded-opentype'), url('../fonts/zenicon.woff?v=1.3.0') format('woff'), url('../fonts/zenicon.ttf?v=1.3.0') format('truetype'), url('../fonts/zenicon.svg#regular?v=1.3.0') format('svg');
}
[class^='icon-'],
[class*=' icon-']
{
font-family: ZenIcon;
font-size: .7rem;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon:before
{
display: inline-block;
min-width: .7rem;
text-align: center;
}
.icon-3x
{
font-size: 2.1rem;
}
.icon-2x
{
font-size: 1.4rem;
}
a .icon.spin
{
display: inline-block;
text-decoration: none;
}
.icon.rotate-90:before,
.icon.rotate-180:before,
.icon.rotate-270:before,
.icon.flip-h:before,
.icon.flip-v:before
{
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-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-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-check-minus:before
{
content: '\e71d';
}
.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-zhifubao:before,
.icon-alipay:before
{
content: '\e901';
}
.icon-zhifubao-square:before,
.icon-alipay-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-align-left:before
{
content: '\e633';
}
.avatar
{
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
overflow: hidden;
flex-direction: column;
width: 1.5rem;
height: 1.5rem;
vertical-align: middle;
background-position: center;
background-size: cover;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.avatar img
{
display: block;
width: 100%;
height: 100%;
margin: 0;
}
.avatar-sm
{
font-size: .6rem;
width: 1rem;
height: 1rem;
}
.avatar-lg
{
font-size: 1rem;
width: 2rem;
height: 2rem;
}
.avatar-lg > .icon
{
font-size: 1rem;
}
.avatar-xl
{
font-size: 1.75rem;
width: 3.5rem;
height: 3.5rem;
}
.avatar-xl > .icon
{
font-size: 1.75rem;
}
.nav
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow-x: auto;
white-space: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
}
.nav > a
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 2rem;
height: 2rem;
padding: 0 .5rem;
opacity: .8;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav > a.active
{
font-weight: bold;
opacity: 1;
}
.nav-secondary
{
box-shadow: inset 0 -.05rem 0 rgba(0, 0, 0, .1);
}
.nav-secondary > .active
{
box-shadow: inset 0 -.1rem 0 #fff;
}
.nav-secondary.primary-pale > .active
{
box-shadow: inset 0 -.1rem 0 #3f51b5;
}
.nav-secondary.success-pale > .active
{
box-shadow: inset 0 -.1rem 0 #38b03f;
}
.nav-secondary.danger-pale > .active
{
box-shadow: inset 0 -.1rem 0 #ea644a;
}
.nav-secondary.warning-pale > .active
{
box-shadow: inset 0 -.1rem 0 #f1a325;
}
.nav-secondary.important-pale > .active
{
box-shadow: inset 0 -.1rem 0 #bd7b46;
}
.nav-secondary.special-pale > .active
{
box-shadow: inset 0 -.1rem 0 #8666b8;
}
.nav.circle
{
border-radius: 1rem;
}
.nav.outline > a
{
border-right: .05rem solid transparent;
border-right-color: inherit;
}
.nav.outline > a:last-child
{
border-right: none;
}
.nav.outline > a.active
{
color: #333;
background-color: #fff;
}
.nav-lg > a,
.nav.affix > a
{
height: 2.4rem;
}
.nav.affix
{
background-color: #fff;
}
.with-nav-top
{
padding-top: 2.4rem;
}
.with-nav-bottom
{
padding-bottom: 2.4rem;
}
.with-heading-top.with-nav-top
{
padding-top: 4.8rem;
}
.with-heading-top.with-nav-top > .nav.affix.dock-top
{
top: 2.4rem;
}
.in-scroll.scroll-down.with-heading-top > .nav.dock-top,
.in-scroll.scroll-down .with-heading-top > .nav.dock-top
{
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.in-scroll.scroll-down.with-heading-top > .nav.dock-top.dock-auto,
.in-scroll.scroll-down .with-heading-top > .nav.dock-top.dock-auto
{
-webkit-transform: translate(0, -199%);
transform: translate(0, -199%);
}
.in-scroll > .dock-top .nav-secondary
{
box-shadow: none;
}
.btn
{
font-size: .7rem;
font-weight: normal;
line-height: 1rem;
display: inline-block;
min-width: 1.5rem;
height: 1.5rem;
padding: .2rem .5rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: inherit;
border: .05rem solid transparent;
background: transparent;
}
.btn.circle,
.btn.circle:after
{
border-radius: .75rem !important;
}
.btn-lg
{
font-size: .9rem;
line-height: 1.2rem;
min-width: 2rem;
height: 2rem;
padding: .35rem .5rem;
}
.btn-lg.circle,
.btn-lg.circle:after
{
border-radius: 1rem !important;
}
.btn-sm
{
font-size: .6rem;
line-height: .9rem;
min-width: 1.2rem;
height: 1.2rem;
padding: .1rem .5rem;
}
.btn-sm.circle,
.btn-sm.circle:after
{
border-radius: .6rem !important;
}
.btn-xs
{
font-size: .6rem;
line-height: .9rem;
min-width: 1rem;
height: 1rem;
padding: 0rem .5rem;
}
.btn-xs.circle,
.btn-xs.circle:after
{
border-radius: .5rem !important;
}
.btn > .icon
{
margin: 0 -.3rem;
}
.btn.block
{
width: 100%;
}
.btn.block + .btn.block
{
margin-top: .5rem;
}
.btn > .label
{
position: relative;
top: -.05rem;
}
.label
{
font-size: .6rem;
line-height: .9rem;
display: inline-block;
min-width: 1rem;
height: 1rem;
padding: 0 .25rem;
vertical-align: middle;
border: .05rem solid transparent;
background-color: #e5e5e5;
}
.label > .icon
{
line-height: 1;
}
.label.circle
{
padding: .05rem .25rem;
border-radius: .5rem;
}
.label.badge
{
position: absolute;
z-index: 1;
top: -.5rem;
right: -.5rem;
}
.heading
{
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.heading > .title
{
display: block;
padding: .5rem .5rem;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.heading > .nav
{
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.heading > .avatar
{
margin-left: .25rem;
}
.heading > .headline
{
font-size: .8rem;
width: 100%;
padding: .5rem .5rem;
}
.heading > .headline.indent
{
margin-left: 2rem;
}
.heading-lg > .nav,
.heading.affix > .nav
{
margin: .2rem;
}
.heading-lg > .title,
.heading.affix > .title
{
font-size: .8rem;
padding: .65rem .5rem;
}
.heading.affix
{
background-color: #fff;
}
.with-heading-top
{
padding-top: 2.4rem;
}
.with-heading-bottom
{
padding-bottom: 2.4rem;
}
.list-item,
.list > .item
{
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: .5rem .5rem;
}
.list-item > .icon,
.list > .item > .icon
{
line-height: 1.5rem;
display: block;
height: 1.5rem;
}
.list-item > *,
.list > .item > *
{
margin-left: .5rem;
}
.list-item > *:first-child,
.list > .item > *:first-child
{
min-width: .7rem;
margin-left: 0;
}
.list-item > .title,
.list > .item > .title
{
padding: .25rem 0;
}
.list-item > .title,
.list > .item > .title,
.list-item > .content,
.list > .item > .content
{
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.list-item > .label,
.list > .item > .label
{
position: relative;
top: .25rem;
}
.list-item > .label + .label,
.list > .item > .label + .label
{
margin-left: .25rem;
}
.list-item > .content > .subtitle,
.list > .item > .content > .subtitle
{
font-size: 80%;
opacity: .5 !important;
}
.list-item.multi-lines > *,
.list > .item.multi-lines > *
{
margin-top: .25rem;
}
.list-item.multi-lines > .content,
.list > .item.multi-lines > .content
{
margin-top: 0;
}
.list-item.active:after,
.list > .item.active:after
{
-webkit-transform: scale(1);
transform: scale(1);
opacity: .11;
background-color: #000;
}
.list > .heading .title
{
font-size: .6rem;
font-weight: bolder;
text-transform: uppercase;
opacity: .5;
}
.list-item.compact,
.list.compact > .item
{
padding: .25rem .5rem;
}
.list.with-divider
{
border: .05rem solid rgba(0, 0, 0, .1);
border-width: .05rem 0;
}
.list.with-divider > .item:before
{
position: absolute;
right: 0;
bottom: 0;
left: .5rem;
display: block;
height: .05rem;
content: ' ';
background-color: rgba(0, 0, 0, .1);
}
.list.with-divider > .item:last-of-type:before
{
display: none;
}
.list.with-divider.with-avatar > .item:before,
.list.with-divider .item.with-avatar:before
{
left: 2.5rem;
}
.list-item + .divider,
.list > .item + .divider
{
margin-left: .5rem;
}
.list-item.with-avatar + .divider,
.list > .item.with-avatar + .divider
{
margin-left: 2.5rem;
}
.list > .list
{
margin-left: 2rem;
}
.table
{
width: 100%;
}
.table th,
.table td
{
padding: .5rem .5rem;
vertical-align: top;
border-bottom: .05rem solid rgba(0, 0, 0, .1);
}
.table th
{
font-weight: bold;
position: relative;
opacity: .7;
}
.table th:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
content: ' ';
background: rgba(128, 128, 128, .2);
}
.table tr:hover
{
background-color: rgba(63, 81, 181, .1);
}
.table tr.active
{
background-color: rgba(241, 163, 37, .1);
}
.table.compact th,
.table.compact td
{
padding: .25rem .25rem;
}
.table.striped tbody > tr:nth-child(odd)
{
background-color: rgba(0, 0, 0, .035);
}
.table.striped tbody > tr:nth-child(odd):hover
{
background-color: rgba(63, 81, 181, .1);
}
.table.borderless th,
.table.borderless td
{
border: none;
}
.table.bordered th,
.table.bordered td
{
border: .05rem solid #ddd;
}
.table-fixed
{
overflow: hidden;
table-layout: fixed;
}
.table-fixed th,
.table-fixed td
{
overflow: inherit;
white-space: nowrap;
}
.table-fixed .no-table-fixed
{
overflow: visible;
}
.input,
.textarea,
.select > select
{
line-height: 1.42857143;
display: block;
width: 100%;
min-height: 1.5rem;
padding: .15rem .25rem;
border: .05rem solid #ccc;
border-radius: 0;
background-color: #fff;
-webkit-appearance: none;
}
.input:focus,
.textarea:focus,
.select > select:focus
{
border-color: #2196f3;
outline: none;
}
.input[readonly],
.textarea[readonly],
.select > select[readonly],
.input[disabled],
.textarea[disabled],
.select > select[disabled],
.input .disabled,
.textarea .disabled,
.select > select .disabled
{
opacity: 1!important;
background-color: #e6e6e6;
}
.select
{
position: relative;
}
.select > select
{
outline: none;
}
.select > select:not([multiple])
{
padding-right: 1.25rem;
}
.select > select[multiple]
{
overflow-y: auto;
max-height: 3.75rem;
}
.select:not(.multiple):after
{
position: absolute;
top: .55rem;
right: .5rem;
display: block;
width: 0;
height: 0;
content: ' ';
border-width: .35rem .25rem 0 .25rem;
border-style: solid;
border-color: #ccc transparent transparent transparent;
}
.help-text
{
font-size: .6rem;
padding: .25rem 0;
color: #808080;
}
.help-text:empty
{
display: none;
}
.radio,
.checkbox
{
position: relative;
}
.radio > input,
.checkbox > input
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
opacity: 0;
}
.radio > input + label,
.checkbox > input + label
{
position: relative;
z-index: 0;
display: block;
padding: .25rem 0 .25rem 1.25rem;
}
.radio > input + label:before,
.checkbox > input + label:before,
.radio > input + label:after,
.checkbox > input + label:after
{
position: absolute;
top: .3rem;
left: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: .9rem;
height: .9rem;
content: ' ';
transition: .3s cubic-bezier(.175, .885, .32, 1);
color: transparent;
border: .1rem solid #ccc;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.radio > input + label:after,
.checkbox > input + label:after
{
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
color: #808080;
}
.radio > input:focus + label:before,
.checkbox > input:focus + label:before
{
border-color: #3f51b5;
}
.radio > input:checked + label:after,
.checkbox > input:checked + label:after
{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.radio > input[disabled],
.checkbox > input[disabled],
.radio > input.disabled,
.checkbox > input.disabled
{
opacity: 0!important;
}
.radio > input[disabled] + label,
.checkbox > input[disabled] + label,
.radio > input.disabled + label,
.checkbox > input.disabled + label
{
opacity: .5;
}
.radio.inline-block + .inline-block,
.checkbox.inline-block + .inline-block
{
margin-left: .05rem;
}
.checkbox > input + label:after
{
font-family: ZenIcon;
font-size: .7rem;
font-weight: normal;
font-style: normal;
font-variant: normal;
content: '\e60d';
text-transform: none;
border: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.checkbox > input:focus + label:after
{
color: #3f51b5;
}
.radio > input + label:before
{
border-radius: 1rem;
}
.radio > input + label:after
{
top: .55rem;
left: .25rem;
width: .4rem;
height: .4rem;
border: none;
border-radius: .2rem;
background-color: #808080;
}
.radio > input:focus + label:after
{
background-color: #3f51b5;
}
.control > label
{
font-weight: bold;
display: block;
padding: .25rem 0;
}
.control:not(:last-child)
{
margin-bottom: .5rem;
}
.control.has-label-left,
.control.has-btn-right,
.control.has-icon-right
{
position: relative;
}
.control.has-label-left > label
{
position: absolute;
top: 0;
left: .25rem;
min-width: .1rem;
text-align: center;
opacity: .5;
}
.control.has-label-left .input,
.control.has-label-left .textarea,
.control.has-label-left .select > select
{
padding-left: 1.25rem;
}
.control.has-label-left .input:focus + label,
.control.has-label-left .textarea:focus + label,
.control.has-label-left .select > select:focus + label
{
opacity: 1;
color: #2196f3;
}
.control.has-btn-right > .icon,
.control.has-icon-right > .icon
{
position: absolute;
top: .2rem;
right: .25rem;
min-width: 1rem;
text-align: center;
opacity: .5;
}
.control.has-btn-right .input,
.control.has-icon-right .input,
.control.has-btn-right .textarea,
.control.has-icon-right .textarea,
.control.has-btn-right .select > select,
.control.has-icon-right .select > select
{
padding-right: 1.25rem;
}
.control.has-btn-right .input:focus + .icon,
.control.has-icon-right .input:focus + .icon,
.control.has-btn-right .textarea:focus + .icon,
.control.has-icon-right .textarea:focus + .icon,
.control.has-btn-right .select > select:focus + .icon,
.control.has-icon-right .select > select:focus + .icon,
.control.has-btn-right .input:focus + label + .icon,
.control.has-icon-right .input:focus + label + .icon,
.control.has-btn-right .textarea:focus + label + .icon,
.control.has-icon-right .textarea:focus + label + .icon,
.control.has-btn-right .select > select:focus + label + .icon,
.control.has-icon-right .select > select:focus + label + .icon
{
opacity: 1;
}
.control.has-btn-right > .btn
{
position: absolute;
top: 0;
right: 0;
min-width: 1rem;
text-align: center;
opacity: .5;
}
.row .control,
.column .control
{
width: 100%;
}
.control.has-error .input,
.control.has-error .textarea,
.control.has-error .select > select
{
border-color: #ea644a;
}
.control.has-error .help-text
{
color: #ea644a;
}
.control.has-success .input,
.control.has-success .textarea,
.control.has-success .select > select
{
border-color: #38b03f;
}
.control.has-success .help-text
{
color: #38b03f;
}
.control.has-warning .input,
.control.has-warning .textarea,
.control.has-warning .select > select
{
border-color: #f1a325;
}
.control.has-warning .help-text
{
color: #f1a325;
}
.article img,
.article video,
.article iframe,
.article object,
.article embed
{
max-width: 100%;
height: auto;
}
.article ul ul,
.article ol ul,
.article ul ol,
.article ol ol
{
margin-bottom: 0;
}
.article a
{
color: #3f51b5;
}
.article blockquote
{
margin: .5rem 0 .5rem 1rem;
padding-top: 0;
padding-bottom: 0;
}
.display-backdrop,
.display-layer
{
position: fixed;
z-index: 1040;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
}
.display-backdrop.in
{
opacity: .5;
}
.display-backdrop.loading:before
{
width: 1.5rem;
height: 1.5rem;
margin-top: -.75rem;
margin-left: -.75rem;
border-width: .25rem;
}
.display-layer
{
z-index: 1050;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
pointer-events: none;
background: none;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.display
{
pointer-events: auto;
}
.display.invisible
{
transition: none !important;
}
body[class^='display-show-'],
body[class*=' display-show-']
{
overflow-y: hidden;
}
.display-arrow:before
{
position: absolute;
display: block;
width: 0;
height: 0;
content: ' ';
border-style: solid;
}
.arrow-top:before
{
top: -.4rem;
left: 50%;
margin-left: -.4rem;
border-width: 0 .4rem .4rem .4rem;
border-color: transparent transparent #fff transparent;
}
.arrow-bottom:before
{
top: 100%;
left: 50%;
margin-left: -.4rem;
border-width: .4rem .4rem 0 .4rem;
border-color: #fff transparent transparent transparent;
}
.arrow-right:before
{
top: 50%;
left: 100%;
margin-top: -.4rem;
border-width: .4rem 0 .4rem .4rem;
border-color: transparent transparent transparent #fff;
}
.arrow-left:before
{
top: 50%;
left: -.4rem;
margin-top: -.4rem;
border-width: .4rem .4rem .4rem 0;
border-color: transparent #fff transparent transparent;
}
.popover,
.dropdown-menu
{
display: none;
}
.display > .popover,
.display > .dropdown-menu
{
display: block;
}
.modal,
.popover,
.dropdown-menu
{
overflow-y: auto;
max-height: 100%;
}
.dropdown-menu
{
min-width: 6rem;
}
.messager
{
margin: 1rem;
}
.modal
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
}
.modal > .heading,
.modal > .footer
{
z-index: 1;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.modal > .content
{
overflow-y: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
}
.modal.in-scroll > .heading
{
border: none;
box-shadow: rgba(0, 0, 0, .05) 0 .05rem .2rem, rgba(0, 0, 0, .12) 0 .05rem .1rem;
}
.modal.can-scroll:not(.scroll-over) > .footer
{
box-shadow: rgba(0, 0, 0, .05) 0 -.05rem .2rem, rgba(0, 0, 0, .12) 0 -.05rem .1rem;
}
.blur
{
-webkit-filter: blur(.5rem);
filter: blur(.5rem);
}
.blur-lg
{
-webkit-filter: blur(1rem);
filter: blur(1rem);
}
.blur-sm
{
-webkit-filter: blur(.25rem);
filter: blur(.25rem);
}
.grayscale
{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.rotate-90
{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-180
{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-270
{
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.flip-h
{
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.flip-v
{
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.outline
{
border: .05rem solid rgba(0, 0, 0, .1);
}
.circle
{
border-radius: 50%;
}
.rounded
{
border-radius: .15rem;
}
.rounded-sm
{
border-radius: .1rem;
}
.rounded-lg
{
border-radius: .3rem;
}
.borderless
{
border: none !important;
}
.divider
{
border-bottom: .05rem solid rgba(0, 0, 0, .1);
}
.divider-top
{
border-top: .05rem solid rgba(0, 0, 0, .1);
}
.space
{
margin-bottom: 1rem;
}
.space-sm
{
margin-bottom: .5rem;
}
.space-xs
{
margin-bottom: .25rem;
}
.space-xl
{
margin-bottom: 2rem;
}
.space-lg
{
margin-bottom: 1.5rem;
}
.center-block
{
margin-right: auto;
margin-left: auto;
}
.no-padding
{
padding: 0!important;
}
.no-margin
{
margin: 0!important;
}
.has-margin
{
margin: 1rem !important;
}
.has-margin-sm
{
margin: .5rem !important;
}
.has-padding
{
padding: .5rem .5rem !important;
}
.has-padding-sm
{
padding: .25rem .25rem !important;
}
.has-padding-v
{
padding-top: .5rem !important;
padding-bottom: .5rem !important;
}
.has-padding-h
{
padding-right: .5rem !important;
padding-left: .5rem !important;
}
.canvas
{
background: #fff;
}
.layer,
.modal,
.popover,
.dropdown-menu
{
background: #fff;
box-shadow: rgba(0, 0, 0, .15) 0 .15rem .5rem, rgba(0, 0, 0, .25) 0 .15rem .5rem;
}
.section
{
margin-bottom: 1rem;
background: #fff;
box-shadow: rgba(0, 0, 0, .05) 0 .05rem .2rem, rgba(0, 0, 0, .12) 0 .05rem .1rem;
}
.box
{
padding: .5rem .5rem;
border: .05rem solid transparent;
background: #fff;
}
.well
{
padding: .5rem .5rem;
background-color: rgba(0, 0, 0, .05);
box-shadow: inset rgba(0, 0, 0, .1) 0 .05rem .3rem, inset rgba(0, 0, 0, .12) 0 .05rem .2rem;
}
.shadow-divider
{
box-shadow: inset 0 -.05rem 0 rgba(0, 0, 0, .1);
}
.shadow-divider-outside
{
box-shadow: 0 .05rem 0 rgba(0, 0, 0, .1);
}
.shadow-none
{
box-shadow: none !important;
}
.shadow,
.shadow-1
{
box-shadow: rgba(0, 0, 0, .05) 0 .05rem .2rem, rgba(0, 0, 0, .12) 0 .05rem .1rem;
}
.shadow-2
{
box-shadow: rgba(0, 0, 0, .12) 0 .05rem .3rem, rgba(0, 0, 0, .15) 0 .05rem .2rem;
}
.shadow-3
{
box-shadow: rgba(0, 0, 0, .15) 0 .15rem .5rem, rgba(0, 0, 0, .25) 0 .15rem .5rem;
}
.text-shadow-white
{
text-shadow: 0 .05rem .1rem rgba(255, 255, 255, .5);
}
.text-shadow-black
{
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
}
.primary
{
color: #fff!important;
border-color: #3f51b5 !important;
background-color: #3f51b5 !important;
}
.primary.hover:hover,
tr.primary:hover
{
background-color: #3849a2 !important;
}
.primary.outline
{
color: #3f51b5 !important;
background-color: transparent!important;
}
.primary.outline .active
{
color: #fff!important;
background-color: #3f51b5 !important;
}
.green,
.success
{
color: #fff!important;
border-color: #38b03f !important;
background-color: #38b03f !important;
}
.green.hover:hover,
.success.hover:hover,
tr.green:hover,
tr.success:hover
{
background-color: #329d38 !important;
}
.green.outline,
.success.outline
{
color: #38b03f !important;
background-color: transparent!important;
}
.green.outline .active,
.success.outline .active
{
color: #fff!important;
background-color: #38b03f !important;
}
.blue,
.info
{
color: #fff!important;
border-color: #03b8cf !important;
background-color: #03b8cf !important;
}
.blue.hover:hover,
.info.hover:hover,
tr.blue:hover,
tr.info:hover
{
background-color: #03a2b6 !important;
}
.blue.outline,
.info.outline
{
color: #03b8cf !important;
background-color: transparent!important;
}
.blue.outline .active,
.info.outline .active
{
color: #fff!important;
background-color: #03b8cf !important;
}
.yellow,
.warning
{
color: #fff!important;
border-color: #f1a325 !important;
background-color: #f1a325 !important;
}
.yellow.hover:hover,
.warning.hover:hover,
tr.yellow:hover,
tr.warning:hover
{
background-color: #ed980f !important;
}
.yellow.outline,
.warning.outline
{
color: #f1a325 !important;
background-color: transparent!important;
}
.yellow.outline .active,
.warning.outline .active
{
color: #fff!important;
background-color: #f1a325 !important;
}
.red,
.danger
{
color: #fff!important;
border-color: #ea644a !important;
background-color: #ea644a !important;
}
.red.hover:hover,
.danger.hover:hover,
tr.red:hover,
tr.danger:hover
{
background-color: #e75033 !important;
}
.red.outline,
.danger.outline
{
color: #ea644a !important;
background-color: transparent!important;
}
.red.outline .active,
.danger.outline .active
{
color: #fff!important;
background-color: #ea644a !important;
}
.brown,
.important
{
color: #fff!important;
border-color: #bd7b46 !important;
background-color: #bd7b46 !important;
}
.brown.hover:hover,
.important.hover:hover,
tr.brown:hover,
tr.important:hover
{
background-color: #ac6f3d !important;
}
.brown.outline,
.important.outline
{
color: #bd7b46 !important;
background-color: transparent!important;
}
.brown.outline .active,
.important.outline .active
{
color: #fff!important;
background-color: #bd7b46 !important;
}
.purple,
.special
{
color: #fff!important;
border-color: #8666b8 !important;
background-color: #8666b8 !important;
}
.purple.hover:hover,
.special.hover:hover,
tr.purple:hover,
tr.special:hover
{
background-color: #7855b0 !important;
}
.purple.outline,
.special.outline
{
color: #8666b8 !important;
background-color: transparent!important;
}
.purple.outline .active,
.special.outline .active
{
color: #fff!important;
background-color: #8666b8 !important;
}
.dark
{
color: #fff!important;
border-color: #333 !important;
background-color: #333 !important;
}
.dark.hover:hover,
tr.dark:hover
{
background-color: #262626 !important;
}
.dark.outline
{
color: #333 !important;
background-color: transparent!important;
}
.dark.outline .active
{
color: #fff!important;
background-color: #333 !important;
}
.black,
.inverse
{
color: #fff!important;
border-color: #000 !important;
background-color: #000 !important;
}
.black.hover:hover,
.inverse.hover:hover,
tr.black:hover,
tr.inverse:hover
{
background-color: #000 !important;
}
.black.outline,
.inverse.outline
{
color: #000 !important;
background-color: transparent!important;
}
.black.outline .active,
.inverse.outline .active
{
color: #fff!important;
background-color: #000 !important;
}
.primary-pale
{
border-color: #ebf2f9 !important;
background-color: #ebf2f9 !important;
}
.primary-pale.hover:hover,
tr.primary-pale:hover
{
background-color: #d7e5f3 !important;
}
.primary-pale.outline
{
color: #ebf2f9 !important;
border-color: #ebf2f9 !important;
}
.primary-pale.text-tint,
.primary-pale .active
{
color: #3f51b5;
}
.green-pale,
.success-pale
{
border-color: #ddf4df !important;
background-color: #ddf4df !important;
}
.green-pale.hover:hover,
.success-pale.hover:hover,
tr.green-pale:hover,
tr.success-pale:hover
{
background-color: #caeecd !important;
}
.green-pale.outline,
.success-pale.outline
{
color: #ddf4df !important;
border-color: #ddf4df !important;
}
.green-pale.text-tint,
.success-pale.text-tint,
.green-pale .active,
.success-pale .active
{
color: #38b03f;
}
.blue-pale,
.info-pale
{
border-color: #ddf3f5 !important;
background-color: #ddf3f5 !important;
}
.blue-pale.hover:hover,
.info-pale.hover:hover,
tr.blue-pale:hover,
tr.info-pale:hover
{
background-color: #c9ecef !important;
}
.blue-pale.outline,
.info-pale.outline
{
color: #ddf3f5 !important;
border-color: #ddf3f5 !important;
}
.blue-pale.text-tint,
.info-pale.text-tint,
.blue-pale .active,
.info-pale .active
{
color: #03b8cf;
}
.yellow-pale,
.warning-pale
{
border-color: #fff0d5 !important;
background-color: #fff0d5 !important;
}
.yellow-pale.hover:hover,
.warning-pale.hover:hover,
tr.yellow-pale:hover,
tr.warning-pale:hover
{
background-color: #ffe7bc !important;
}
.yellow-pale.outline,
.warning-pale.outline
{
color: #fff0d5 !important;
border-color: #fff0d5 !important;
}
.yellow-pale.text-tint,
.warning-pale.text-tint,
.yellow-pale .active,
.warning-pale .active
{
color: #f1a325;
}
.red-pale,
.danger-pale
{
border-color: #ffe5e0 !important;
background-color: #ffe5e0 !important;
}
.red-pale.hover:hover,
.danger-pale.hover:hover,
tr.red-pale:hover,
tr.danger-pale:hover
{
background-color: #ffd0c6 !important;
}
.red-pale.outline,
.danger-pale.outline
{
color: #ffe5e0 !important;
border-color: #ffe5e0 !important;
}
.red-pale.text-tint,
.danger-pale.text-tint,
.red-pale .active,
.danger-pale .active
{
color: #ea644a;
}
.brown-pale,
.important-pale
{
border-color: #f7ebe1 !important;
background-color: #f7ebe1 !important;
}
.brown-pale.hover:hover,
.important-pale.hover:hover,
tr.brown-pale:hover,
tr.important-pale:hover
{
background-color: #f2decd !important;
}
.brown-pale.outline,
.important-pale.outline
{
color: #f7ebe1 !important;
border-color: #f7ebe1 !important;
}
.brown-pale.text-tint,
.important-pale.text-tint,
.brown-pale .active,
.important-pale .active
{
color: #bd7b46;
}
.purple-pale,
.special-pale
{
border-color: #f5eeff !important;
background-color: #f5eeff !important;
}
.purple-pale.hover:hover,
.special-pale.hover:hover,
tr.purple-pale:hover,
tr.special-pale:hover
{
background-color: #e6d5ff !important;
}
.purple-pale.outline,
.special-pale.outline
{
color: #f5eeff !important;
border-color: #f5eeff !important;
}
.purple-pale.text-tint,
.special-pale.text-tint,
.purple-pale .active,
.special-pale .active
{
color: #8666b8;
}
.gray
{
border-color: #f1f1f1 !important;
background-color: #f1f1f1 !important;
}
.gray.hover:hover,
tr.gray:hover
{
background-color: #e4e4e4 !important;
}
.gray.outline
{
color: #f1f1f1 !important;
border-color: #f1f1f1 !important;
}
.gray.text-tint,
.gray .active
{
color: #333;
}
.white
{
border-color: #fff !important;
background-color: #fff !important;
}
.white.hover:hover,
tr.white:hover
{
background-color: #f2f2f2 !important;
}
.white.outline
{
color: #fff !important;
border-color: #fff !important;
}
.white.text-tint,
.white .active
{
color: #333;
}
.text-primary
{
color: #3f51b5;
}
.text-green,
.text-success
{
color: #38b03f;
}
.text-blue,
.text-info
{
color: #03b8cf;
}
.text-yellow,
.text-warning
{
color: #f1a325;
}
.text-red,
.text-danger
{
color: #ea644a;
}
.text-brown,
.text-important
{
color: #bd7b46;
}
.text-purple,
.text-special
{
color: #8666b8;
}
.text-gray
{
color: #808080;
}
.text-black
{
color: #000;
}
.text-white
{
color: #fff;
}
.clean
{
background-color: transparent!important;
}
.outline
{
border: .05rem solid rgba(0, 0, 0, .1);
background-color: transparent!important;
}
.muted
{
opacity: .5 !important;
}
.darken
{
background-color: rgba(0, 0, 0, .1) !important;
}
.lighten
{
background-color: rgba(255, 255, 255, .1) !important;
}
.state,
a,
.btn
{
position: relative;
}
.state:after,
a:after,
.btn:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
content: ' ';
transition: .3s cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale(.6);
transform: scale(.6);
opacity: 0;
background-color: transparent;
box-shadow: 0 0 0 .05rem #000;
}
.state.circle:after,
a.circle:after,
.btn.circle:after
{
border-radius: 50%;
}
.state.rounded:after,
a.rounded:after,
.btn.rounded:after
{
border-radius: .15rem;
}
.state:hover:after,
a:hover:after,
.state.hover:after,
a.hover:after,
.btn:hover:after,
.btn.hover:after
{
-webkit-transform: scale(1);
transform: scale(1);
opacity: .08;
background-color: #000;
}
.state:focus,
a:focus,
.btn:focus
{
outline: none;
}
.state:focus:after,
a:focus:after,
.btn:focus:after
{
-webkit-transform: scale(1);
transform: scale(1);
opacity: .1;
background-color: rgba(0, 0, 0, .8);
box-shadow: inset 0 0 0 .05rem rgba(0, 0, 0, .9);
}
.open > .state:after,
.open > a:after,
.state.open:after,
a.open:after,
.state:active:after,
a:active:after,
.open > .btn:after,
.btn.open:after,
.btn:active:after
{
-webkit-transform: scale(1);
transform: scale(1);
opacity: .11;
background-color: #000;
}
.disabled,
.disabled > a,
[disabled]
{
cursor: not-allowed !important;
pointer-events: none!important;
opacity: .5 !important;
box-shadow: none!important;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.disabled:after,
.disabled > a:after,
[disabled]:after
{
display: none !important;
}
.as-load-indicator,
.loading
{
color: transparent!important;
}
.as-load-indicator > *,
.loading > *
{
visibility: hidden;
}
.as-load-indicator:before,
.loading:before
{
position: absolute;
top: 50%;
left: 50%;
display: block;
width: .9rem;
height: .9rem;
margin-top: -.45rem;
margin-left: -.45rem;
content: ' ';
transition: opacity .3s cubic-bezier(.175, .885, .32, 1);
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
border: .15rem dotted rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, .1) rgba(255, 255, 255, .4) rgba(255, 255, 255, .5) rgba(255, 255, 255, .6);
border-radius: 50%;
}
.as-load-indicator.loading-light:before,
.loading.loading-light:before
{
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .2) rgba(0, 0, 0, .3) rgba(0, 0, 0, .4);
}
.as-load-indicator:before
{
-webkit-animation: none;
animation: none;
opacity: 0;
}
.as-load-indicator.loading:before
{
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
opacity: 1;
}
.page
{
position: fixed;
z-index: 1050;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
background-color: #f1f1f1;
}
.container
{
margin-right: auto;
margin-left: auto;
padding-right: .5rem;
padding-left: .5rem;
}
@media (min-width: 38.4rem)
{
.container
{
max-width: 36rem;
}
}
@media (min-width: 49.6rem)
{
.container
{
max-width: 47rem;
}
}
@media (min-width: 60rem)
{
.container
{
max-width: 59rem;
}
}
.dock
{
position: absolute!important;
}
.affix
{
position: fixed!important;
}
.relative
{
position: relative!important;
}
.static
{
position: static!important;
}
.affix,
.dock,
.dock-top,
.dock-bottom,
.dock-left,
.dock-right
{
position: absolute;
z-index: 1030;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: .5s cubic-bezier(.175, .885, .32, 1);
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.dock-top
{
bottom: auto;
}
.dock-bottom
{
top: auto;
}
.dock-left
{
right: auto;
}
.dock-right
{
left: auto;
}
.affix.dock-top
{
box-shadow: inset 0 -.05rem 0 rgba(0, 0, 0, .1);
}
.affix.dock-bottom
{
box-shadow: inset 0 .05rem 0 rgba(0, 0, 0, .1);
}
.in-scroll .affix.dock-top
{
box-shadow: rgba(0, 0, 0, .12) 0 .05rem .3rem, rgba(0, 0, 0, .15) 0 .05rem .2rem;
}
.in-scroll .affix.dock-bottom
{
box-shadow: rgba(0, 0, 0, .12) 0 -.05rem .3rem, rgba(0, 0, 0, .15) 0 -.05rem .2rem;
}
.in-scroll.scroll-down .affix.dock-top.dock-auto
{
-webkit-transform: translate(0, -99%);
transform: translate(0, -99%);
box-shadow: none;
}
.in-scroll.scroll-down .affix.dock-bottom.dock-auto
{
-webkit-transform: translate(0, 99%);
transform: translate(0, 99%);
box-shadow: none;
}
.listen-scroll
{
transition: box-shadow .5s cubic-bezier(.175, .885, .32, 1);
}
.listen-scroll.in-scroll
{
box-shadow: inset rgba(0, 0, 0, .05) 0 .05rem .25rem, inset rgba(0, 0, 0, .08) 0 .05rem .1rem;
}
.flex
{
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
}
.flex-inline
{
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.flex-wrap
{
-webkit-flex-wrap: wrap!important;
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-nowrap
{
-webkit-flex-wrap: nowrap!important;
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.space-between
{
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-start
{
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-end
{
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.flex-center,
.justify-center
{
-webkit-justify-content: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.stretch
{
-webkit-align-items: stretch!important;
-ms-flex-align: stretch!important;
-ms-grid-row-align: stretch!important;
align-items: stretch!important;
}
.align-start
{
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
-ms-grid-row-align: flex-start !important;
align-items: flex-start !important;
}
.align-end
{
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
-ms-grid-row-align: flex-end !important;
align-items: flex-end !important;
}
.flex-center,
.align-middle
{
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.flex-first
{
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-last
{
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-auto
{
-webkit-flex: auto !important;
-ms-flex: auto !important;
flex: auto !important;
}
.flex-none
{
-webkit-flex: none !important;
-ms-flex: none !important;
flex: none !important;
}
.selft-stretch
{
-webkit-align-self: stretch!important;
-ms-flex-item-align: stretch!important;
align-self: stretch!important;
}
.align-self-start
{
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end
{
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-middle
{
-webkit-align-self: center!important;
-ms-flex-item-align: center!important;
align-self: center!important;
}
.justified
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justified > *
{
-webkit-flex: auto !important;
-ms-flex: auto !important;
flex: auto !important;
}
.justified > .flex-none
{
-webkit-flex: none !important;
-ms-flex: none !important;
flex: none !important;
}
.row,
.column
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: -.25rem -.25rem 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
}
.row:not(:last-child),
.column:not(:last-child)
{
margin-bottom: .25rem;
}
.row .row,
.column .row,
.row .column,
.column .column
{
margin: -.25rem;
}
.flex-row
{
flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
}
.row-reverse
{
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
}
.flex-column,
.column
{
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
}
.column-reverse
{
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
}
.cell,
[class^='cell-'],
[class*=' cell-']
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: .25rem;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.tile,
.cell
{
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
}
[class^='cell-'],
[class*=' cell-']
{
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.row > .cell-1
{
width: 8.33333333%;
}
.row > .cell-2
{
width: 16.66666667%;
}
.row > .cell-3
{
width: 25%;
}
.row > .cell-4
{
width: 33.33333333%;
}
.row > .cell-5
{
width: 41.66666667%;
}
.row > .cell-6
{
width: 50%;
}
.row > .cell-7
{
width: 58.33333333%;
}
.row > .cell-8
{
width: 66.66666667%;
}
.row > .cell-9
{
width: 75%;
}
.row > .cell-10
{
width: 83.33333333%;
}
.row > .cell-11
{
width: 91.66666667%;
}
.row > .cell-12
{
width: 100%;
}
.column > .cell-1
{
height: 8.33333333%;
}
.column > .cell-2
{
height: 16.66666667%;
}
.column > .cell-3
{
height: 25%;
}
.column > .cell-4
{
height: 33.33333333%;
}
.column > .cell-5
{
height: 41.66666667%;
}
.column > .cell-6
{
height: 50%;
}
.column > .cell-7
{
height: 58.33333333%;
}
.column > .cell-8
{
height: 66.66666667%;
}
.column > .cell-9
{
height: 75%;
}
.column > .cell-10
{
height: 83.33333333%;
}
.column > .cell-11
{
height: 91.66666667%;
}
.column > .cell-12
{
height: 100%;
}
.row.gutterless,
.column.gutterless,
.row.gutterless .row,
.column.gutterless .row,
.row.gutterless .column,
.column.gutterless .column
{
margin: 0;
}
.row.gutterless .cell,
.column.gutterless .cell,
.row.gutterless [class^='cell-'],
.column.gutterless [class^='cell-'],
.row.gutterless [class*=' cell-'],
.column.gutterless [class*=' cell-']
{
padding: 0;
}
.row.gutter-lg,
.column.gutter-lg
{
margin: -.5rem -.5rem 0;
}
.row.gutter-lg:not(:last-child),
.column.gutter-lg:not(:last-child)
{
margin-bottom: .5rem;
}
.row.gutter-lg .row,
.column.gutter-lg .row,
.row.gutter-lg .column,
.column.gutter-lg .column
{
margin: -.5rem;
}
.row.gutter-lg .cell,
.column.gutter-lg .cell,
.row.gutter-lg [class^='cell-'],
.column.gutter-lg [class^='cell-'],
.row.gutter-lg [class*=' cell-'],
.column.gutter-lg [class*=' cell-']
{
padding: .5rem;
}
.row.gutter-sm,
.column.gutter-sm
{
margin: -.125rem -.125rem 0;
}
.row.gutter-sm:not(:last-child),
.column.gutter-sm:not(:last-child)
{
margin-bottom: .125rem;
}
.row.gutter-sm .row,
.column.gutter-sm .row,
.row.gutter-sm .column,
.column.gutter-sm .column
{
margin: -.125rem;
}
.row.gutter-sm .cell,
.column.gutter-sm .cell,
.row.gutter-sm [class^='cell-'],
.column.gutter-sm [class^='cell-'],
.row.gutter-sm [class*=' cell-'],
.column.gutter-sm [class*=' cell-']
{
padding: .125rem;
}
.skin-default
{
color: #fff!important;
border-color: #3f51b5 !important;
background-color: #3f51b5 !important;
}
.skin-default.hover:hover,
tr.skin-default:hover
{
background-color: #3849a2 !important;
}
.skin-default.outline
{
color: #3f51b5 !important;
background-color: transparent!important;
}
.skin-default.outline .active
{
color: #fff!important;
background-color: #3f51b5 !important;
}
.skin-superadmin
{
color: #fff!important;
border-color: #607d8b !important;
background-color: #607d8b !important;
}
.skin-superadmin.hover:hover,
tr.skin-superadmin:hover
{
background-color: #566f7c !important;
}
.skin-superadmin.outline
{
color: #607d8b !important;
background-color: transparent!important;
}
.skin-superadmin.outline .active
{
color: #fff!important;
background-color: #607d8b !important;
}
.skin-crm
{
color: #fff!important;
border-color: #03a9f4 !important;
background-color: #03a9f4 !important;
}
.skin-crm.hover:hover,
tr.skin-crm:hover
{
background-color: #0398db !important;
}
.skin-crm.outline
{
color: #03a9f4 !important;
background-color: transparent!important;
}
.skin-crm.outline .active
{
color: #fff!important;
background-color: #03a9f4 !important;
}
.skin-cash
{
color: #fff!important;
border-color: #ef6c00 !important;
background-color: #ef6c00 !important;
}
.skin-cash.hover:hover,
tr.skin-cash:hover
{
background-color: #d66000 !important;
}
.skin-cash.outline
{
color: #ef6c00 !important;
background-color: transparent!important;
}
.skin-cash.outline .active
{
color: #fff!important;
background-color: #ef6c00 !important;
}
.skin-oa
{
color: #fff!important;
border-color: #f44336 !important;
background-color: #f44336 !important;
}
.skin-oa.hover:hover,
tr.skin-oa:hover
{
background-color: #f32c1e !important;
}
.skin-oa.outline
{
color: #f44336 !important;
background-color: transparent!important;
}
.skin-oa.outline .active
{
color: #fff!important;
background-color: #f44336 !important;
}
.skin-team
{
color: #fff!important;
border-color: #4caf50 !important;
background-color: #4caf50 !important;
}
.skin-team.hover:hover,
tr.skin-team:hover
{
background-color: #449d48 !important;
}
.skin-team.outline
{
color: #4caf50 !important;
background-color: transparent!important;
}
.skin-team.outline .active
{
color: #fff!important;
background-color: #4caf50 !important;
}
.skin-default-pale
{
border-color: #e8eaf6 !important;
background-color: #e8eaf6 !important;
}
.skin-default-pale.hover:hover,
tr.skin-default-pale:hover
{
background-color: #d6d9ef !important;
}
.skin-default-pale.outline
{
color: #e8eaf6 !important;
border-color: #e8eaf6 !important;
}
.skin-default-pale.text-tint,
.skin-default-pale .active
{
color: #3f51b5;
}
.skin-superadmin-pale
{
border-color: #eceff1 !important;
background-color: #eceff1 !important;
}
.skin-superadmin-pale.hover:hover,
tr.skin-superadmin-pale:hover
{
background-color: #dde3e6 !important;
}
.skin-superadmin-pale.outline
{
color: #eceff1 !important;
border-color: #eceff1 !important;
}
.skin-superadmin-pale.text-tint,
.skin-superadmin-pale .active
{
color: #607d8b;
}
.skin-crm-pale
{
border-color: #e1f5fe !important;
background-color: #e1f5fe !important;
}
.skin-crm-pale.hover:hover,
tr.skin-crm-pale:hover
{
background-color: #c8edfd !important;
}
.skin-crm-pale.outline
{
color: #e1f5fe !important;
border-color: #e1f5fe !important;
}
.skin-crm-pale.text-tint,
.skin-crm-pale .active
{
color: #03a9f4;
}
.skin-cash-pale
{
border-color: #fff3e0 !important;
background-color: #fff3e0 !important;
}
.skin-cash-pale.hover:hover,
tr.skin-cash-pale:hover
{
background-color: #ffe9c6 !important;
}
.skin-cash-pale.outline
{
color: #fff3e0 !important;
border-color: #fff3e0 !important;
}
.skin-cash-pale.text-tint,
.skin-cash-pale .active
{
color: #ef6c00;
}
.skin-oa-pale
{
border-color: #ffebee !important;
background-color: #ffebee !important;
}
.skin-oa-pale.hover:hover,
tr.skin-oa-pale:hover
{
background-color: #ffd1d8 !important;
}
.skin-oa-pale.outline
{
color: #ffebee !important;
border-color: #ffebee !important;
}
.skin-oa-pale.text-tint,
.skin-oa-pale .active
{
color: #f44336;
}
.skin-team-pale
{
border-color: #e8f5e9 !important;
background-color: #e8f5e9 !important;
}
.skin-team-pale.hover:hover,
tr.skin-team-pale:hover
{
background-color: #d6edd8 !important;
}
.skin-team-pale.outline
{
color: #e8f5e9 !important;
border-color: #e8f5e9 !important;
}
.skin-team-pale.text-tint,
.skin-team-pale .active
{
color: #4caf50;
}
.text-default
{
color: #3f51b5;
}
.text-superadmin
{
color: #607d8b;
}
.text-crm
{
color: #03a9f4;
}
.text-cash
{
color: #ef6c00;
}
.text-oa
{
color: #f44336;
}
.text-team
{
color: #4caf50;
}
.nav-secondary.skin-default-pale > .active
{
box-shadow: inset 0 -.1rem 0 #3f51b5;
}
.nav-secondary.skin-superadmin-pale > .active
{
box-shadow: inset 0 -.1rem 0 #607d8b;
}
.nav-secondary.skin-oa-pale > .active
{
box-shadow: inset 0 -.1rem 0 #f44336;
}
.nav-secondary.skin-team-pale > .active
{
box-shadow: inset 0 -.1rem 0 #4caf50;
}
.nav-secondary.skin-cash-pale > .active
{
box-shadow: inset 0 -.1rem 0 #ef6c00;
}
.nav-secondary.skin-crm-pale > .active
{
box-shadow: inset 0 -.1rem 0 #03a9f4;
}
.code,
code,
kbd,
pre,
samp
{
font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
}
kbd,
code
{
font-size: .6rem;
padding: .1rem .25rem;
color: #ea644a;
background-color: rgba(0, 0, 0, .05);
}
.code
{
color: #ea644a;
}
kbd
{
font-weight: bold;
color: #666;
border: .05rem solid rgba(0, 0, 0, .1);
border-bottom-width: .1rem;
border-radius: .1rem;
}
pre
{
font-size: .6rem;
display: block;
overflow: auto;
max-width: 100%;
padding: .5rem;
word-wrap: normal;
word-break: normal;
border: .05rem solid transparent;
background-color: rgba(0, 0, 0, .05);
}
pre code
{
font-size: inherit;
padding: 0;
color: inherit;
border-radius: 0;
background-color: transparent;
}
.com
{
color: #93a1a1;
}
.lit
{
color: #195f91;
}
.pun,
.opn,
.clo
{
color: #93a1a1;
}
.fun
{
color: #dc322f;
}
.str,
.atv
{
color: #d14;
}
.kwd,
.prettyprint .tag
{
color: #1e347b;
}
.typ,
.atn,
.dec,
.var
{
color: teal;
}
.pln
{
color: #48484c;
}
.prettyprint.linenums
{
padding: .25rem .5rem .25rem 0;
word-wrap: break-word;
word-break: break-all;
border: .05rem solid rgba(0, 0, 0, .1);
box-shadow: inset 2rem 0 0 #fbfbfc, inset 2.05rem 0 0 #ececf0;
}
.prettyprint.linenums code
{
white-space: pre-wrap;
}
.prettyprint ol.linenums
{
line-height: 1rem;
margin-bottom: 0;
padding-left: 2.25rem;
color: #bebec5;
text-shadow: 0 .05rem 0 #fff;
}