psychic-ui/dist/psychic.css

❓ A nuts and bolts approach to styling the web

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * 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: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 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"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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 {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

hr{display:block;box-sizing:content-box;text-align:center;border:0;height:0;border-top:1px solid #cfcfc4;border-bottom:1px solid rgba(255,255,255,0.3);}hr.ellipsis{border-top:0;border-bottom:0;}hr.ellipsis:before{font-weight:400;font-style:italic;font-size:28px;letter-spacing:.6em;font-size:13px;content:'...';display:inline-block;margin-left:.6em;color:#000;position:relative}pre{display:block;padding:10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;white-space:normal;background-color:#f5f5f5;border-radius:5px;border-left:.3rem solid transparent}blockquote{padding:10px 20px;font-size:17.5px;border-left:5px solid #eee}code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre;max-width:100%}a{color:#0079ad;text-decoration:none;font-weight:300}small{color:inherit;font-size:75%;font-weight:400}.alert{padding:10px 0 10px 10px;border-radius:5px;border:1px solid #cfcfc4;position:relative;}.alert >.alert-close{font-size:25px;line-height:15px;position:absolute;right:10px;top:10px}.alert.alert-white{background-color:#fff;border:1px solid #e6e6e6;}.alert.alert-white *{color:#000}.alert.alert-black{background-color:#000;border:1px solid #000;}.alert.alert-black *{color:#fff}.alert.alert-default{background-color:#cfcfc4;border:1px solid #bdbdae;}.alert.alert-default *{color:#fff}.alert.alert-primary{background-color:#779ecb;border:1px solid #608dc2;}.alert.alert-primary *{color:#fff}.alert.alert-success{background-color:#7d7;border:1px solid #5cd65c;}.alert.alert-success *{color:#fff}.alert.alert-info{background-color:#9bddff;border:1px solid #72cfff;}.alert.alert-info *{color:#fff}.alert.alert-warning{background-color:#ffb347;border:1px solid #ffa626;}.alert.alert-warning *{color:#fff}.alert.alert-danger{background-color:#ff6961;border:1px solid #ff483e;}.alert.alert-danger *{color:#fff}.badge{display:table-cell;padding:8px 8px 8px 8px;border-radius:100px;border:1px solid #cfcfc4;text-align:center;vertical-align:middle;}.badge.badge-white{background-color:#fff;color:#000}.badge.border-white{color:#000}.badge.badge-black{background-color:#000;color:#fff}.badge.border-black{color:#000}.badge.badge-default{background-color:#cfcfc4;color:#fff}.badge.border-default{color:#cfcfc4}.badge.badge-primary{background-color:#779ecb;color:#fff}.badge.border-primary{color:#779ecb}.badge.badge-success{background-color:#7d7;color:#fff}.badge.border-success{color:#7d7}.badge.badge-info{background-color:#9bddff;color:#fff}.badge.border-info{color:#9bddff}.badge.badge-warning{background-color:#ffb347;color:#fff}.badge.border-warning{color:#ffb347}.badge.badge-danger{background-color:#ff6961;color:#fff}.badge.border-danger{color:#ff6961}label{display:inline-block;margin-bottom:.5rem}input,textarea,select{display:block;padding:.375rem 1% .375rem 1%;line-height:1.5}select{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' fill='#adadad'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");background-color:#fff;border:1px solid #cfcfc4;background-repeat:no-repeat;background-position:right 10px top 5px;background-size:16px 16px;padding:5px 30px 5px 15px;width:auto;text-align:center;border-radius:5px;appearance:none;-webkit-appearance:none;outline:0;}select:focus,select:active{outline:0}select.input-white{border-color:#fff}select.input-black{border-color:#a6a6a6}select.input-default{border-color:#eeeeea}select.input-primary{border-color:#cfdded}select.input-success{border-color:#cff3cf}select.input-info{border-color:#dcf3ff}select.input-warning{border-color:#ffe4bf}select.input-danger{border-color:#ffcbc8}input,textarea{width:98%;margin:0;padding:.375rem 1% .375rem 1%;background-color:#fff;background-image:none;border:1px solid #cfcfc4;border-radius:.25rem;}input:focus,textarea:focus{border-color:#779ecb;outline:0}input.input-white,textarea.input-white{border-color:#fff;}input.input-white:focus,textarea.input-white:focus{border-color:#bfbfbf}input.input-black,textarea.input-black{border-color:#a6a6a6;}input.input-black:focus,textarea.input-black:focus{border-color:#000}input.input-default,textarea.input-default{border-color:#eeeeea;}input.input-default:focus,textarea.input-default:focus{border-color:#a2a28c}input.input-primary,textarea.input-primary{border-color:#cfdded;}input.input-primary:focus,textarea.input-primary:focus{border-color:#4375af}input.input-success,textarea.input-success{border-color:#cff3cf;}input.input-success:focus,textarea.input-success:focus{border-color:#3c3}input.input-info,textarea.input-info{border-color:#dcf3ff;}input.input-info:focus,textarea.input-info:focus{border-color:#35baff}input.input-warning,textarea.input-warning{border-color:#ffe4bf;}input.input-warning:focus,textarea.input-warning:focus{border-color:#f49000}input.input-danger,textarea.input-danger{border-color:#ffcbc8;}input.input-danger:focus,textarea.input-danger:focus{border-color:#ff1509}.btn-group{margin:10px;display:inline-block;}.btn-group > .btn{margin:-3px;border-radius:0;}.btn-group > .btn:first-child{border-radius:5px 0 0 5px}.btn-group > .btn:last-child{border-radius:0 5px 5px 0}.btn{padding:12px 18px;margin:10px;cursor:pointer;display:inline-block;text-align:center;background-color:#fff;border-radius:5px;border:1px solid #cfcfc4;color:#655d5d;}.btn:hover{border-color:#d6d6cd}.btn:active{opacity:.5}.btn:focus{outline:none}.btn.btn-block{width:100%}.btn.border-white{color:#fff;}.btn.border-white:hover,.btn.border-white:active{border-color:#fff}.btn.border-white:active{border-color:#d9d9d9;opacity:.5}.btn.btn-white{color:#000;border:1px solid #d9d9d9;background-color:#fff;}.btn.btn-white:hover,.btn.btn-white:active{border-color:#d9d9d9}.btn.btn-white:hover{background-color:#fff}.btn.btn-white:active{background-color:#d9d9d9;opacity:.5}.btn.border-black{color:#000;}.btn.border-black:hover,.btn.border-black:active{border-color:#262626}.btn.border-black:active{border-color:#000;opacity:.5}.btn.btn-black{color:#fff;border:1px solid #000;background-color:#000;}.btn.btn-black:hover,.btn.btn-black:active{border-color:#000}.btn.btn-black:hover{background-color:#262626}.btn.btn-black:active{background-color:#000;opacity:.5}.btn.border-default{color:#cfcfc4;}.btn.border-default:hover,.btn.border-default:active{border-color:#d6d6cd}.btn.border-default:active{border-color:#b4b4a3;opacity:.5}.btn.btn-default{color:#fff;border:1px solid #b4b4a3;background-color:#cfcfc4;}.btn.btn-default:hover,.btn.btn-default:active{border-color:#b4b4a3}.btn.btn-default:hover{background-color:#d6d6cd}.btn.btn-default:active{background-color:#b4b4a3;opacity:.5}.btn.border-primary{color:#779ecb;}.btn.border-primary:hover,.btn.border-primary:active{border-color:#8badd3}.btn.border-primary:active{border-color:#5485be;opacity:.5}.btn.btn-primary{color:#fff;border:1px solid #5485be;background-color:#779ecb;}.btn.btn-primary:hover,.btn.btn-primary:active{border-color:#5485be}.btn.btn-primary:hover{background-color:#8badd3}.btn.btn-primary:active{background-color:#5485be;opacity:.5}.btn.border-success{color:#7d7;}.btn.border-success:hover,.btn.border-success:active{border-color:#8be28b}.btn.border-success:active{border-color:#4ed34e;opacity:.5}.btn.btn-success{color:#fff;border:1px solid #4ed34e;background-color:#7d7;}.btn.btn-success:hover,.btn.btn-success:active{border-color:#4ed34e}.btn.btn-success:hover{background-color:#8be28b}.btn.btn-success:active{background-color:#4ed34e;opacity:.5}.btn.border-info{color:#9bddff;}.btn.border-info:hover,.btn.border-info:active{border-color:#aae2ff}.btn.border-info:active{border-color:#5dc8ff;opacity:.5}.btn.btn-info{color:#fff;border:1px solid #5dc8ff;background-color:#9bddff;}.btn.btn-info:hover,.btn.btn-info:active{border-color:#5dc8ff}.btn.btn-info:hover{background-color:#aae2ff}.btn.btn-info:active{background-color:#5dc8ff;opacity:.5}.btn.border-warning{color:#ffb347;}.btn.border-warning:hover,.btn.border-warning:active{border-color:#ffbe63}.btn.border-warning:active{border-color:#ff9f16;opacity:.5}.btn.btn-warning{color:#fff;border:1px solid #ff9f16;background-color:#ffb347;}.btn.btn-warning:hover,.btn.btn-warning:active{border-color:#ff9f16}.btn.btn-warning:hover{background-color:#ffbe63}.btn.btn-warning:active{background-color:#ff9f16;opacity:.5}.btn.border-danger{color:#ff6961;}.btn.border-danger:hover,.btn.border-danger:active{border-color:#ff7f79}.btn.border-danger:active{border-color:#ff372c;opacity:.5}.btn.btn-danger{color:#fff;border:1px solid #ff372c;background-color:#ff6961;}.btn.btn-danger:hover,.btn.btn-danger:active{border-color:#ff372c}.btn.btn-danger:hover{background-color:#ff7f79}.btn.btn-danger:active{background-color:#ff372c;opacity:.5}.grid{width:100%;}.grid:after{clear:both;visibility:hidden;display:block;font-size:0;content:' ';height:0}.grid > * > *{word-wrap:break-word}.grid > div{float:left;box-sizing:border-box;min-height:1px}.grid > .col-0-12{display:none}.grid > .col-1-12{width:8.333333333333332%;margin-left:0%;margin-right:0%}.grid > .col-2-12{width:16.666666666666664%;margin-left:0%;margin-right:0%}.grid > .col-3-12{width:25%;margin-left:0%;margin-right:0%}.grid > .col-4-12{width:33.33333333333333%;margin-left:0%;margin-right:0%}.grid > .col-5-12{width:41.66666666666667%;margin-left:0%;margin-right:0%}.grid > .col-6-12{width:50%;margin-left:0%;margin-right:0%}.grid > .col-7-12{width:58.333333333333336%;margin-left:0%;margin-right:0%}.grid > .col-8-12{width:66.66666666666666%;margin-left:0%;margin-right:0%}.grid > .col-9-12{width:75%;margin-left:0%;margin-right:0%}.grid > .col-10-12{width:83.33333333333334%;margin-left:0%;margin-right:0%}.grid > .col-11-12{width:91.66666666666666%;margin-left:0%;margin-right:0%}.grid > .col-12-12{width:100%;margin-left:0%;margin-right:0%}@media screen and (min-width:16em){.grid > .col-xs-0-12{display:none}.grid > .col-xs-1-12{width:8.3333%;margin-left:0%;margin-right:0%}.grid > .col-xs-2-12{width:16.6666%;margin-left:0%;margin-right:0%}.grid > .col-xs-3-12{width:25%;margin-left:0%;margin-right:0%}.grid > .col-xs-4-12{width:33.3333%;margin-left:0%;margin-right:0%}.grid > .col-xs-5-12{width:41.6666%;margin-left:0%;margin-right:0%}.grid > .col-xs-6-12{width:50%;margin-left:0%;margin-right:0%}.grid > .col-xs-7-12{width:58.3333%;margin-left:0%;margin-right:0%}.grid > .col-xs-8-12{width:66.6666%;margin-left:0%;margin-right:0%}.grid > .col-xs-9-12{width:75%;margin-left:0%;margin-right:0%}.grid > .col-xs-10-12{width:83.3333%;margin-left:0%;margin-right:0%}.grid > .col-xs-11-12{width:91.6666%;margin-left:0%;margin-right:0%}.grid > .col-xs-12-12{width:100%;margin-left:0%;margin-right:0%}}@media screen and (min-width:32em){.grid > .col-sm-0-12{display:none}.grid > .col-sm-1-12{width:8.3333%;margin-left:0%;margin-right:0%}.grid > .col-sm-2-12{width:16.6666%;margin-left:0%;margin-right:0%}.grid > .col-sm-3-12{width:25%;margin-left:0%;margin-right:0%}.grid > .col-sm-4-12{width:33.3333%;margin-left:0%;margin-right:0%}.grid > .col-sm-5-12{width:41.6666%;margin-left:0%;margin-right:0%}.grid > .col-sm-6-12{width:50%;margin-left:0%;margin-right:0%}.grid > .col-sm-7-12{width:58.3333%;margin-left:0%;margin-right:0%}.grid > .col-sm-8-12{width:66.6666%;margin-left:0%;margin-right:0%}.grid > .col-sm-9-12{width:75%;margin-left:0%;margin-right:0%}.grid > .col-sm-10-12{width:83.3333%;margin-left:0%;margin-right:0%}.grid > .col-sm-11-12{width:91.6666%;margin-left:0%;margin-right:0%}.grid > .col-sm-12-12{width:100%;margin-left:0%;margin-right:0%}}@media screen and (min-width:48em){.grid > .col-md-0-12{display:none}.grid > .col-md-1-12{width:8.3333%;margin-left:0%;margin-right:0%}.grid > .col-md-2-12{width:16.6666%;margin-left:0%;margin-right:0%}.grid > .col-md-3-12{width:25%;margin-left:0%;margin-right:0%}.grid > .col-md-4-12{width:33.3333%;margin-left:0%;margin-right:0%}.grid > .col-md-5-12{width:41.6666%;margin-left:0%;margin-right:0%}.grid > .col-md-6-12{width:50%;margin-left:0%;margin-right:0%}.grid > .col-md-7-12{width:58.3333%;margin-left:0%;margin-right:0%}.grid > .col-md-8-12{width:66.6666%;margin-left:0%;margin-right:0%}.grid > .col-md-9-12{width:75%;margin-left:0%;margin-right:0%}.grid > .col-md-10-12{width:83.3333%;margin-left:0%;margin-right:0%}.grid > .col-md-11-12{width:91.6666%;margin-left:0%;margin-right:0%}.grid > .col-md-12-12{width:100%;margin-left:0%;margin-right:0%}}@media screen and (min-width:64em){.grid > .col-lg-0-12{display:none}.grid > .col-lg-1-12{width:8.3333%;margin-left:0%;margin-right:0%}.grid > .col-lg-2-12{width:16.6666%;margin-left:0%;margin-right:0%}.grid > .col-lg-3-12{width:25%;margin-left:0%;margin-right:0%}.grid > .col-lg-4-12{width:33.3333%;margin-left:0%;margin-right:0%}.grid > .col-lg-5-12{width:41.6666%;margin-left:0%;margin-right:0%}.grid > .col-lg-6-12{width:50%;margin-left:0%;margin-right:0%}.grid > .col-lg-7-12{width:58.3333%;margin-left:0%;margin-right:0%}.grid > .col-lg-8-12{width:66.6666%;margin-left:0%;margin-right:0%}.grid > .col-lg-9-12{width:75%;margin-left:0%;margin-right:0%}.grid > .col-lg-10-12{width:83.3333%;margin-left:0%;margin-right:0%}.grid > .col-lg-11-12{width:91.6666%;margin-left:0%;margin-right:0%}.grid > .col-lg-12-12{width:100%;margin-left:0%;margin-right:0%}}@media screen and (min-width:80em){.grid > .col-xl-0-12{display:none}.grid > .col-xl-1-12{width:8.3333%;margin-left:0%;margin-right:0%}.grid > .col-xl-2-12{width:16.6666%;margin-left:0%;margin-right:0%}.grid > .col-xl-3-12{width:25%;margin-left:0%;margin-right:0%}.grid > .col-xl-4-12{width:33.3333%;margin-left:0%;margin-right:0%}.grid > .col-xl-5-12{width:41.6666%;margin-left:0%;margin-right:0%}.grid > .col-xl-6-12{width:50%;margin-left:0%;margin-right:0%}.grid > .col-xl-7-12{width:58.3333%;margin-left:0%;margin-right:0%}.grid > .col-xl-8-12{width:66.6666%;margin-left:0%;margin-right:0%}.grid > .col-xl-9-12{width:75%;margin-left:0%;margin-right:0%}.grid > .col-xl-10-12{width:83.3333%;margin-left:0%;margin-right:0%}.grid > .col-xl-11-12{width:91.6666%;margin-left:0%;margin-right:0%}.grid > .col-xl-12-12{width:100%;margin-left:0%;margin-right:0%}}body{margin:0}.text-white,.text-white > *{color:#fff !important}.background-white{background-color:#fff !important}.border-white{border-color:#fff !important}.text-black,.text-black > *{color:#000 !important}.background-black{background-color:#000 !important}.border-black{border-color:#000 !important}.text-default,.text-default > *{color:#cfcfc4 !important}.background-default{background-color:#cfcfc4 !important}.border-default{border-color:#cfcfc4 !important}.text-primary,.text-primary > *{color:#779ecb !important}.background-primary{background-color:#779ecb !important}.border-primary{border-color:#779ecb !important}.text-success,.text-success > *{color:#7d7 !important}.background-success{background-color:#7d7 !important}.border-success{border-color:#7d7 !important}.text-info,.text-info > *{color:#9bddff !important}.background-info{background-color:#9bddff !important}.border-info{border-color:#9bddff !important}.text-warning,.text-warning > *{color:#ffb347 !important}.background-warning{background-color:#ffb347 !important}.border-warning{border-color:#ffb347 !important}.text-danger,.text-danger > *{color:#ff6961 !important}.background-danger{background-color:#ff6961 !important}.border-danger{border-color:#ff6961 !important}.responsive{width:100%;height:auto}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.list{list-style:none;margin:0;padding:0;}.list > .list-item{clear:both;min-height:30px;height:auto;line-height:30px;overflow:auto;padding:10px;border:1px solid #cfcfc4;border-bottom:0 solid transparent;}.list > .list-item > .badge{float:right;line-height:20px}.list > .list-item.list-item-white{color:#000;border-color:#fff;background-color:#fff;}.list > .list-item.list-item-white *{color:#000}.list > .list-item.list-item-black{color:#fff;border-color:#333;background-color:#000;}.list > .list-item.list-item-black *{color:#fff}.list > .list-item.list-item-default{color:#fff;border-color:#d9d9d0;background-color:#cfcfc4;}.list > .list-item.list-item-default *{color:#fff}.list > .list-item.list-item-primary{color:#fff;border-color:#92b1d5;background-color:#779ecb;}.list > .list-item.list-item-primary *{color:#fff}.list > .list-item.list-item-success{color:#fff;border-color:#92e492;background-color:#7d7;}.list > .list-item.list-item-success *{color:#fff}.list > .list-item.list-item-info{color:#fff;border-color:#afe4ff;background-color:#9bddff;}.list > .list-item.list-item-info *{color:#fff}.list > .list-item.list-item-warning{color:#fff;border-color:#ffc26c;background-color:#ffb347;}.list > .list-item.list-item-warning *{color:#fff}.list > .list-item.list-item-danger{color:#fff;border-color:#ff8781;background-color:#ff6961;}.list > .list-item.list-item-danger *{color:#fff}.list > .list-item:first-child{border-radius:5px 5px 0 0}.list > .list-item:last-child{border-bottom:1px solid #cfcfc4;border-radius:0 0 5px 5px}.list > .list-item:only-child{border-radius:5px}.list > .list-item > .list-item-right{float:right}.list > .list-item > .list-item-left{float:left}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(50,50,50,0.6);z-index:99999;opacity:0;pointer-events:none;}.modal.modal-active,.modal.active,.modal:target{opacity:1;pointer-events:auto}.modal.modal-absolute{position:absolute;z-index:1;}.modal.modal-absolute > div{position:absolute}.modal > div{min-width:400px;max-width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:5px 20px 13px 20px;border-radius:0;background:#fff}.modal.modal-white > div{border-left:10px solid #fff;color:#000}.modal.modal-black > div{border-left:10px solid #000;color:#000}.modal.modal-default > div{border-left:10px solid #cfcfc4;color:#000}.modal.modal-primary > div{border-left:10px solid #779ecb;color:#000}.modal.modal-success > div{border-left:10px solid #7d7;color:#000}.modal.modal-info > div{border-left:10px solid #9bddff;color:#000}.modal.modal-warning > div{border-left:10px solid #ffb347;color:#000}.modal.modal-danger > div{border-left:10px solid #ff6961;color:#000}.modal-close{line-height:25px;position:absolute;right:5px;text-align:center;top:5px;width:24px;text-decoration:none}.navbar *{font-weight:300;display:inline-block;text-decoration:none}.navbar{position:relative;min-height:50px;width:100%;display:table;}.navbar > .container{border-width:0 0 1px 0}.navbar.navbar-fixed{position:fixed;z-index:100000}.navbar.navbar-center > .container{border-width:0 1px 1px 1px;margin:0 auto;width:50%;position:relative;}.navbar.navbar-center > .container > .navbar-content{margin:0}.navbar.border-white > .container{border-style:solid}.navbar.navbar-white > .container{background-color:#fff;}.navbar.navbar-white > .container > .nav a:target,.navbar.navbar-white > .container > .nav a.active,.navbar.navbar-white > .container > .nav a:hover{background-color:#fff}.navbar.border-black > .container{border-style:solid}.navbar.navbar-black > .container{background-color:#000;}.navbar.navbar-black > .container > .nav a:target,.navbar.navbar-black > .container > .nav a.active,.navbar.navbar-black > .container > .nav a:hover{background-color:#a6a6a6}.navbar.border-default > .container{border-style:solid}.navbar.navbar-default > .container{background-color:#cfcfc4;}.navbar.navbar-default > .container > .nav a:target,.navbar.navbar-default > .container > .nav a.active,.navbar.navbar-default > .container > .nav a:hover{background-color:#eeeeea}.navbar.border-primary > .container{border-style:solid}.navbar.navbar-primary > .container{background-color:#779ecb;}.navbar.navbar-primary > .container > .nav a:target,.navbar.navbar-primary > .container > .nav a.active,.navbar.navbar-primary > .container > .nav a:hover{background-color:#cfdded}.navbar.border-success > .container{border-style:solid}.navbar.navbar-success > .container{background-color:#7d7;}.navbar.navbar-success > .container > .nav a:target,.navbar.navbar-success > .container > .nav a.active,.navbar.navbar-success > .container > .nav a:hover{background-color:#cff3cf}.navbar.border-info > .container{border-style:solid}.navbar.navbar-info > .container{background-color:#9bddff;}.navbar.navbar-info > .container > .nav a:target,.navbar.navbar-info > .container > .nav a.active,.navbar.navbar-info > .container > .nav a:hover{background-color:#dcf3ff}.navbar.border-warning > .container{border-style:solid}.navbar.navbar-warning > .container{background-color:#ffb347;}.navbar.navbar-warning > .container > .nav a:target,.navbar.navbar-warning > .container > .nav a.active,.navbar.navbar-warning > .container > .nav a:hover{background-color:#ffe4bf}.navbar.border-danger > .container{border-style:solid}.navbar.navbar-danger > .container{background-color:#ff6961;}.navbar.navbar-danger > .container > .nav a:target,.navbar.navbar-danger > .container > .nav a.active,.navbar.navbar-danger > .container > .nav a:hover{background-color:#ffcbc8}.navbar > .container{clear:both;margin:0 auto 0 auto;display:table;width:100%;height:60px;}.navbar > .container > .nav{float:right;margin:0 20px 0 0;display:inline-block;}.navbar > .container > .nav > select{background-color:transparent}.navbar > .container > .nav > a{padding:20px 10px 22px 10px;}.navbar > .container > .nav > a:hover,.navbar > .container > .nav > a:target,.navbar > .container > .nav > a:active{opacity:.6}.navbar .navbar-title{float:left;display:inline-block;margin:20px 0 0 20px}.panel{border:1px solid #cfcfc4;border-radius:5px;}.panel.panel-white{border:1px solid #fff;}.panel.panel-white > .panel-heading,.panel.panel-white .panel-footer{background-color:#fff;color:#000}.panel.panel-black{border:1px solid #000;}.panel.panel-black > .panel-heading,.panel.panel-black .panel-footer{background-color:#000;color:#fff}.panel.panel-default{border:1px solid #cfcfc4;}.panel.panel-default > .panel-heading,.panel.panel-default .panel-footer{background-color:#cfcfc4;color:#fff}.panel.panel-primary{border:1px solid #779ecb;}.panel.panel-primary > .panel-heading,.panel.panel-primary .panel-footer{background-color:#779ecb;color:#fff}.panel.panel-success{border:1px solid #7d7;}.panel.panel-success > .panel-heading,.panel.panel-success .panel-footer{background-color:#7d7;color:#fff}.panel.panel-info{border:1px solid #9bddff;}.panel.panel-info > .panel-heading,.panel.panel-info .panel-footer{background-color:#9bddff;color:#fff}.panel.panel-warning{border:1px solid #ffb347;}.panel.panel-warning > .panel-heading,.panel.panel-warning .panel-footer{background-color:#ffb347;color:#fff}.panel.panel-danger{border:1px solid #ff6961;}.panel.panel-danger > .panel-heading,.panel.panel-danger .panel-footer{background-color:#ff6961;color:#fff}.panel > .panel-body,.panel .panel-heading,.panel .panel-footer{padding:15px}.panel > .panel-heading{top:0}.panel > .panel-footer{bottom:0}[data-tooltip],.tooltip{position:relative;cursor:pointer}[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after{position:absolute;visibility:hidden;opacity:0;-webkit-transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24),-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none}[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after{visibility:visible;opacity:1}.tooltip:before,[data-tooltip]:before{z-index:1001;border:6px solid transparent;background:transparent;content:""}.tooltip:after,[data-tooltip]:after{z-index:1000;padding:8px;min-width:160px;width:auto;background-color:#000;background-color:rgba(51,51,51,0.9);color:#fff;content:attr(data-tooltip);font-size:14px;line-height:1.2}[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after,.tooltip-top:before,.tooltip-top:after{bottom:100%;left:50%}[data-tooltip]:before,.tooltip:before,.tooltip-top:before{margin-left:-6px;margin-bottom:-12px;border-top-color:#000;border-top-color:rgba(51,51,51,0.9)}[data-tooltip]:after,.tooltip:after,.tooltip-top:after{margin-left:-80px}[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,.tooltip-top:hover:before,.tooltip-top:hover:after,.tooltip-top:focus:before,.tooltip-top:focus:after{-webkit-transform:translateY(-12px);transform:translateY(-12px)}.tooltip-left:before,.tooltip-left:after{right:100%;bottom:50%;left:auto}.tooltip-left:before{margin-left:0;margin-right:-12px;margin-bottom:0;border-top-color:transparent;border-left-color:#000;border-left-color:rgba(51,51,51,0.9)}.tooltip-left:hover:before,.tooltip-left:hover:after,.tooltip-left:focus:before,.tooltip-left:focus:after{-webkit-transform:translateX(-12px);transform:translateX(-12px)}.tooltip-bottom:before,.tooltip-bottom:after{top:100%;bottom:auto;left:50%}.tooltip-bottom:before{margin-top:-12px;margin-bottom:0;border-top-color:transparent;border-bottom-color:#000;border-bottom-color:rgba(51,51,51,0.9)}.tooltip-bottom:hover:before,.tooltip-bottom:hover:after,.tooltip-bottom:focus:before,.tooltip-bottom:focus:after{-webkit-transform:translateY(12px);transform:translateY(12px)}.tooltip-right:before,.tooltip-right:after{bottom:50%;left:100%}.tooltip-right:before{margin-bottom:0;margin-left:-12px;border-top-color:transparent;border-right-color:#000;border-right-color:rgba(51,51,51,0.9)}.tooltip-right:hover:before,.tooltip-right:hover:after,.tooltip-right:focus:before,.tooltip-right:focus:after{-webkit-transform:translateX(12px);transform:translateX(12px)}.tooltip-left:before,.tooltip-right:before{top:3px}.tooltip-left:after,.tooltip-right:after{margin-left:0;margin-bottom:-16px}*[class^='tooltip-']{border-bottom:1px dotted #000;text-decoration:"none"}.progress{width:100%;border:1px solid #cfcfc4;text-align:center;}.progress .progress-fill{font-size:16px;height:15px;padding:10px 0 10px 0;background-color:#779ecb;}.progress .progress-fill.progress-fill-white{background-color:#fff;color:#000;}.progress .progress-fill.progress-fill-white:hover{background-color:#fff}.progress .progress-fill.progress-fill-black{background-color:#000;color:#fff;}.progress .progress-fill.progress-fill-black:hover{background-color:#404040}.progress .progress-fill.progress-fill-default{background-color:#cfcfc4;color:#fff;}.progress .progress-fill.progress-fill-default:hover{background-color:#dbdbd3}.progress .progress-fill.progress-fill-primary{background-color:#779ecb;color:#fff;}.progress .progress-fill.progress-fill-primary:hover{background-color:#99b6d8}.progress .progress-fill.progress-fill-success{background-color:#7d7;color:#fff;}.progress .progress-fill.progress-fill-success:hover{background-color:#99e599}.progress .progress-fill.progress-fill-info{background-color:#9bddff;color:#fff;}.progress .progress-fill.progress-fill-info:hover{background-color:#b4e6ff}.progress .progress-fill.progress-fill-warning{background-color:#ffb347;color:#fff;}.progress .progress-fill.progress-fill-warning:hover{background-color:#ffc675}.progress .progress-fill.progress-fill-danger{background-color:#ff6961;color:#fff;}.progress .progress-fill.progress-fill-danger:hover{background-color:#ff8f89}.spinner-overlay{position:relative;top:0;left:0;width:100%;height:100%;z-index:3}.spinner-wrapper{text-align:center;position:relative;top:calc(50% - 50px);}.spinner-wrapper > .spinner{min-height:30px;min-width:30px}.spinner-message{box-sizing:border-box;width:100%;margin-top:30px;text-align:center;font-weight:400;z-index:100;outline:none}.spinner{display:inline-block;min-height:20px;height:auto;min-width:20px;width:auto;background-color:transparent;animation:rotation .7s infinite linear;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #2180c0;border-radius:100%;}.spinner.spinner-absolute{position:absolute}.spinner.spinner-white{border-top:3px solid #fff}.spinner.spinner-white.spinner-done{border-color:#fff;border-width:3px 3px 3px 3px}.spinner.spinner-white.done:after{border-width:0 3px 0 3px}.spinner.spinner-black{border-top:3px solid #000}.spinner.spinner-black.spinner-done{border-color:#000;border-width:3px 3px 3px 3px}.spinner.spinner-black.done:after{border-width:0 3px 0 3px}.spinner.spinner-default{border-top:3px solid #cfcfc4}.spinner.spinner-default.spinner-done{border-color:#cfcfc4;border-width:3px 3px 3px 3px}.spinner.spinner-default.done:after{border-width:0 3px 0 3px}.spinner.spinner-primary{border-top:3px solid #779ecb}.spinner.spinner-primary.spinner-done{border-color:#779ecb;border-width:3px 3px 3px 3px}.spinner.spinner-primary.done:after{border-width:0 3px 0 3px}.spinner.spinner-success{border-top:3px solid #7d7}.spinner.spinner-success.spinner-done{border-color:#7d7;border-width:3px 3px 3px 3px}.spinner.spinner-success.done:after{border-width:0 3px 0 3px}.spinner.spinner-info{border-top:3px solid #9bddff}.spinner.spinner-info.spinner-done{border-color:#9bddff;border-width:3px 3px 3px 3px}.spinner.spinner-info.done:after{border-width:0 3px 0 3px}.spinner.spinner-warning{border-top:3px solid #ffb347}.spinner.spinner-warning.spinner-done{border-color:#ffb347;border-width:3px 3px 3px 3px}.spinner.spinner-warning.done:after{border-width:0 3px 0 3px}.spinner.spinner-danger{border-top:3px solid #ff6961}.spinner.spinner-danger.spinner-done{border-color:#ff6961;border-width:3px 3px 3px 3px}.spinner.spinner-danger.done:after{border-width:0 3px 0 3px}@-moz-keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@-webkit-keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@-o-keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}.table{text-align:center;word-break:break-all;}.table.table-white{border:none;}.table.table-white thead > tr > th{color:#fff}.table.table-white th,.table.table-white td{color:#fff;border-bottom:.1rem solid #fff}.table.table-black{border:none;}.table.table-black thead > tr > th{color:#000}.table.table-black th,.table.table-black td{color:#0d0d0d;border-bottom:.1rem solid #000}.table.table-default{border:none;}.table.table-default thead > tr > th{color:#cfcfc4}.table.table-default th,.table.table-default td{color:#d1d1c7;border-bottom:.1rem solid #cfcfc4}.table.table-primary{border:none;}.table.table-primary thead > tr > th{color:#779ecb}.table.table-primary th,.table.table-primary td{color:#7ea3ce;border-bottom:.1rem solid #779ecb}.table.table-success{border:none;}.table.table-success thead > tr > th{color:#7d7}.table.table-success th,.table.table-success td{color:#7edf7e;border-bottom:.1rem solid #7d7}.table.table-info{border:none;}.table.table-info thead > tr > th{color:#9bddff}.table.table-info th,.table.table-info td{color:#a0dfff;border-bottom:.1rem solid #9bddff}.table.table-warning{border:none;}.table.table-warning thead > tr > th{color:#ffb347}.table.table-warning th,.table.table-warning td{color:#ffb750;border-bottom:.1rem solid #ffb347}.table.table-danger{border:none;}.table.table-danger thead > tr > th{color:#ff6961}.table.table-danger th,.table.table-danger td{color:#ff7069;border-bottom:.1rem solid #ff6961}.table thead > tr > th{font-weight:bold}.table tbody tr:last-child > th{border-bottom:0}.table tfoot td:empty{padding:0}.table th,.table td{border-bottom:.1rem solid #e1e1e1;text-align:left;padding:10px}.table.responsive{border-collapse:collapse;border-spacing:0;display:table}