@charset "UTF-8"; /*! * ===================================================== * Ratchet Plus v1.0.0-alpha.3 (https://github.com/kimsq/rc) * ===================================================== * inspired by @twbs's bootstrap & ratchet * Copyright 2016 redblock inc. * Author gitaeks (break@kimsq.com) * Licensed under MIT. * ===================================================== */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } @-ms-viewport { width: device-width; } html { font-size: 16px; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } body { position: fixed; top: 0; right: 0; bottom: 0; left: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif; font-size: 1rem; line-height: 1.5; color: #373a3c; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #818a91; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #0275d8; text-decoration: none; } a:focus, a:hover { color: #014c8c; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: none; } .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; background-color: #fff; -webkit-overflow-scrolling: touch; } .content > * { -webkit-transform: translateZ(0); transform: translateZ(0); } .bar-nav ~ .content { padding-top: 2.75rem; } .bar-header-secondary ~ .content { padding-top: 5.5rem; } .bar-footer ~ .content { padding-bottom: 2.75rem; } .bar-footer-secondary ~ .content { padding-bottom: 5.5rem; } .bar-tab ~ .content { padding-bottom: 3.125rem; } .bar-footer-secondary-tab ~ .content { padding-bottom: 5.875rem; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #818a91; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { margin: 0; line-height: inherit; border-radius: 0; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; } .display-2 { font-size: 5.5rem; font-weight: 300; } .display-3 { font-size: 4.5rem; font-weight: 300; } .display-4 { font-size: 3.5rem; font-weight: 300; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 0.0625rem solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; border-left: 0.25rem solid #eceeef; } .blockquote-footer { display: block; font-size: 80%; color: #818a91; } .blockquote-footer::before { content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #eceeef; border-left: 0; } .blockquote-reverse .blockquote-footer::before { content: ""; } .blockquote-reverse .blockquote-footer::after { content: "\00A0 \2014"; } p { margin-top: 0; margin-bottom: 1rem; } .img-fluid { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0.125rem; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 0.0625rem solid #ddd; border-radius: 0.125rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #818a91; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; border-radius: 0.125rem; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #333; border-radius: 0.125rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; color: #373a3c; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 544px) { .container { max-width: 576px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 940px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .col-xs { position: relative; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-1 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xs-2 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xs-3 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xs-4 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xs-5 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xs-6 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xs-7 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xs-8 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xs-9 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xs-10 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xs-11 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xs-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-xs-0 { right: auto; } .pull-xs-1 { right: 8.333333%; } .pull-xs-2 { right: 16.666667%; } .pull-xs-3 { right: 25%; } .pull-xs-4 { right: 33.333333%; } .pull-xs-5 { right: 41.666667%; } .pull-xs-6 { right: 50%; } .pull-xs-7 { right: 58.333333%; } .pull-xs-8 { right: 66.666667%; } .pull-xs-9 { right: 75%; } .pull-xs-10 { right: 83.333333%; } .pull-xs-11 { right: 91.666667%; } .pull-xs-12 { right: 100%; } .push-xs-0 { left: auto; } .push-xs-1 { left: 8.333333%; } .push-xs-2 { left: 16.666667%; } .push-xs-3 { left: 25%; } .push-xs-4 { left: 33.333333%; } .push-xs-5 { left: 41.666667%; } .push-xs-6 { left: 50%; } .push-xs-7 { left: 58.333333%; } .push-xs-8 { left: 66.666667%; } .push-xs-9 { left: 75%; } .push-xs-10 { left: 83.333333%; } .push-xs-11 { left: 91.666667%; } .push-xs-12 { left: 100%; } .offset-xs-1 { margin-left: 8.333333%; } .offset-xs-2 { margin-left: 16.666667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.333333%; } .offset-xs-5 { margin-left: 41.666667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.333333%; } .offset-xs-8 { margin-left: 66.666667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.333333%; } .offset-xs-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { position: relative; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-sm-1 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.333333%; } .pull-sm-2 { right: 16.666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.333333%; } .pull-sm-5 { right: 41.666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.333333%; } .pull-sm-8 { right: 66.666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.333333%; } .pull-sm-11 { right: 91.666667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.333333%; } .push-sm-2 { left: 16.666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.333333%; } .push-sm-5 { left: 41.666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.333333%; } .push-sm-8 { left: 66.666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.333333%; } .push-sm-11 { left: 91.666667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { position: relative; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-md-1 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.333333%; } .pull-md-2 { right: 16.666667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.333333%; } .pull-md-5 { right: 41.666667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.333333%; } .pull-md-8 { right: 66.666667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.333333%; } .pull-md-11 { right: 91.666667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.333333%; } .push-md-2 { left: 16.666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.333333%; } .push-md-5 { left: 41.666667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.333333%; } .push-md-8 { left: 66.666667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.333333%; } .push-md-11 { left: 91.666667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { position: relative; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-lg-1 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.333333%; } .pull-lg-2 { right: 16.666667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.333333%; } .pull-lg-5 { right: 41.666667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.333333%; } .pull-lg-8 { right: 66.666667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.333333%; } .pull-lg-11 { right: 91.666667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.333333%; } .push-lg-2 { left: 16.666667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.333333%; } .push-lg-5 { left: 41.666667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.333333%; } .push-lg-8 { left: 66.666667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.333333%; } .push-lg-11 { left: 91.666667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { position: relative; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xl-1 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.333333%; } .pull-xl-2 { right: 16.666667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.333333%; } .pull-xl-5 { right: 41.666667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.333333%; } .pull-xl-8 { right: 66.666667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.333333%; } .pull-xl-11 { right: 91.666667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.333333%; } .push-xl-2 { left: 16.666667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.333333%; } .push-xl-5 { left: 41.666667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.333333%; } .push-xl-8 { left: 66.666667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.333333%; } .push-xl-11 { left: 91.666667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 0.0625rem solid #eceeef; } .table thead th { vertical-align: bottom; border-bottom: 0.125rem solid #eceeef; } .table tbody + tbody { border-top: 0.125rem solid #eceeef; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 0.0625rem solid #eceeef; } .table-bordered th, .table-bordered td { border: 0.0625rem solid #eceeef; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 0.125rem; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #d0e9c6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; } .table-hover .table-danger:hover { background-color: #ebcccc; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .thead-inverse th { color: #fff; background-color: #373a3c; } .thead-default th { color: #55595c; background-color: #eceeef; } .table-inverse { color: #eceeef; background-color: #373a3c; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #55595c; } .table-inverse.table-bordered { border: 0; } .table-responsive { display: block; width: 100%; min-height: .01%; overflow-x: auto; } .table-reflow thead { float: left; } .table-reflow tbody { display: block; white-space: nowrap; } .table-reflow th, .table-reflow td { border-top: 0.0625rem solid #eceeef; border-left: 0.0625rem solid #eceeef; } .table-reflow th:last-child, .table-reflow td:last-child { border-right: 0.0625rem solid #eceeef; } .table-reflow thead:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tbody:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td { border-bottom: 0.0625rem solid #eceeef; } .table-reflow tr { float: left; } .table-reflow tr th, .table-reflow tr td { display: block !important; border: 0.0625rem solid #eceeef; } .form-control { display: block; width: 100%; margin-bottom: 1rem; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #55595c; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0.0625rem solid rgba(0, 0, 0, 0.15); border-radius: 0.125rem; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #55595c; background-color: #fff; border-color: #66afe9; outline: none; } .form-control::-webkit-input-placeholder { color: #999; opacity: 1; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; opacity: 1; } .form-control::placeholder { color: #999; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; } .form-control:disabled { cursor: not-allowed; } select.form-control:not([size]):not([multiple]) { height: 2.5rem; } select.form-control:focus::-ms-value { color: #55595c; background-color: #fff; } .form-group .form-control { margin-bottom: 0; } .form-control-file, .form-control-range { display: block; } .col-form-label { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; } .col-form-label-lg { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 1.25rem; } .col-form-label-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; } .col-form-legend { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 1rem; } .form-control-static { min-height: 2.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; } .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.125rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 1.8125rem; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.125rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 3.166667rem; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-check { position: relative; display: block; margin-bottom: 1rem; } .form-check + .form-check { margin-top: -.25rem; } .form-check.disabled .form-check-label { color: #818a91; cursor: not-allowed; } .form-check-label { padding-left: 1.25rem; margin-bottom: 0; cursor: pointer; } .form-check-input { position: absolute; margin-top: .25rem; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .form-check-inline { position: relative; display: inline-block; padding-left: 1.25rem; margin-bottom: 0; vertical-align: middle; cursor: pointer; } .form-check-inline + .form-check-inline { margin-left: .75rem; } .form-check-inline.disabled { cursor: not-allowed; } .form-control-feedback { margin-top: 0.25rem; } .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 0.625rem; -webkit-background-size: 1.25rem 1.25rem; background-size: 1.25rem 1.25rem; } .has-success .form-control-feedback, .has-success .form-control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label, .has-success .custom-control { color: #5cb85c; } .has-success .form-control { border-color: #5cb85c; } .has-success .input-group-addon { color: #5cb85c; border-color: #5cb85c; background-color: #eaf6ea; } .has-success .form-control-feedback { color: #5cb85c; } .has-success .form-control-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } .has-warning .form-control-feedback, .has-warning .form-control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label, .has-warning .custom-control { color: #f0ad4e; } .has-warning .form-control { border-color: #f0ad4e; } .has-warning .input-group-addon { color: #f0ad4e; border-color: #f0ad4e; background-color: white; } .has-warning .form-control-feedback { color: #f0ad4e; } .has-warning .form-control-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } .has-danger .form-control-feedback, .has-danger .form-control-label, .has-danger .radio, .has-danger .checkbox, .has-danger .radio-inline, .has-danger .checkbox-inline, .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, .has-danger.checkbox-inline label, .has-danger .custom-control { color: #d9534f; } .has-danger .form-control { border-color: #d9534f; } .has-danger .input-group-addon { color: #d9534f; border-color: #d9534f; background-color: #fdf7f7; } .has-danger .form-control-feedback { color: #d9534f; } .has-danger .form-control-danger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } @media (min-width: 544px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .form-check { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } input[type="search"] { padding: 0.5rem 0.75rem; font-size: 1rem; border-radius: 1.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]:focus { text-align: left; } textarea { height: auto; } select { height: auto; font-size: .875rem; background-color: #fff; } .form-list { margin-bottom: 1.875rem; background-color: #fff; } .form-list select, .form-list textarea, .form-list input[type="text"], .form-list input[type="search"], .form-list input[type="password"], .form-list input[type="datetime"], .form-list input[type="datetime-local"], .form-list input[type="date"], .form-list input[type="month"], .form-list input[type="time"], .form-list input[type="week"], .form-list input[type="number"], .form-list input[type="email"], .form-list input[type="url"], .form-list input[type="tel"], .form-list input[type="color"] { width: 100%; -webkit-appearance: none; padding: 0.9375rem 0.625rem; line-height: 1.3125; background-color: #fff; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.15); outline: none; } .form-list input, .form-list textarea { margin-bottom: 0; background-color: transparent; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; } .form-list .input-row { overflow: hidden; padding: 0; line-height: 1.3125; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.075); } .form-list .input-row label { float: left; width: 35%; margin-bottom: 0; padding: 0.9375rem 0.625rem; line-height: 1.3125; } .form-list .input-row input { float: right; width: 65%; padding-left: 0; margin-bottom: 0; border: 0; } .form-list.stacked .input-row { padding: 6px 0 5px 16px; line-height: 1.3125; } .form-list.stacked .input-row label { float: none; display: inline-block; margin-bottom: 0; padding: 0.9375rem 0.625rem; line-height: 1.3125; padding: 4px 0 0 0px; vertical-align: middle; } .form-list.stacked .input-row input { float: none; display: block; width: 100%; display: block; padding-top: .125rem; padding-bottom: 0; padding-left: 0; height: 2.125rem; vertical-align: middle; font-size: .875rem; line-height: 1rem; } .form-list.floating .input-row { padding: 6px 0 5px 16px; line-height: 1.3125; } .form-list.floating .input-row label { float: none; display: inline-block; margin-bottom: 0; padding: 0.9375rem 0.625rem; line-height: 1.3125; padding: 4px 0 0 0px; vertical-align: middle; position: relative; padding: 5px 0 0 0; opacity: 0; top: 10px; -webkit-transition: opacity 0.15s ease-in, top 0.2s linear; -o-transition: opacity 0.15s ease-in, top 0.2s linear; transition: opacity 0.15s ease-in, top 0.2s linear; } .form-list.floating .input-row.active label { opacity: 1; top: 0; -webkit-transition: opacity 0.15s ease-in, top 0.2s linear; -o-transition: opacity 0.15s ease-in, top 0.2s linear; transition: opacity 0.15s ease-in, top 0.2s linear; } .form-list.floating .input-row input { float: none; display: block; width: 100%; display: block; padding-top: .125rem; padding-bottom: 0; padding-left: 0; height: 2.125rem; vertical-align: middle; font-size: .875rem; line-height: 1rem; } .btn { display: inline-block; font-weight: normal; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0.0625rem solid transparent; padding: 0.4375rem 0.5rem; font-size: 0.875rem; border-radius: 0.125rem; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:focus, .btn:hover { text-decoration: none; } .btn.focus { text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-primary:hover { color: #fff; background-color: #025aa5; border-color: #01549b; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #025aa5; border-color: #01549b; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #025aa5; border-color: #01549b; background-image: none; } .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #014682; border-color: #01315a; } .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus { background-color: #0275d8; border-color: #0275d8; } .btn-primary.disabled:hover, .btn-primary:disabled:hover { background-color: #0275d8; border-color: #0275d8; } .btn-secondary { color: #373a3c; background-color: #fff; border-color: #ccc; } .btn-secondary:hover { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .btn-secondary:focus, .btn-secondary.focus { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; background-image: none; } .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus { color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus { background-color: #fff; border-color: #ccc; } .btn-secondary.disabled:hover, .btn-secondary:disabled:hover { background-color: #fff; border-color: #ccc; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aabd2; background-image: none; } .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus { background-color: #5bc0de; border-color: #5bc0de; } .btn-info.disabled:hover, .btn-info:disabled:hover { background-color: #5bc0de; border-color: #5bc0de; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #419641; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #419641; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #419641; background-image: none; } .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #2d672d; } .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus { background-color: #5cb85c; border-color: #5cb85c; } .btn-success.disabled:hover, .btn-success:disabled:hover { background-color: #5cb85c; border-color: #5cb85c; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #eb9316; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #eb9316; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #eb9316; background-image: none; } .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #b06d0f; } .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus { background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning.disabled:hover, .btn-warning:disabled:hover { background-color: #f0ad4e; border-color: #f0ad4e; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #c12e2a; background-image: none; } .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #8b211e; } .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus { background-color: #d9534f; border-color: #d9534f; } .btn-danger.disabled:hover, .btn-danger:disabled:hover { background-color: #d9534f; border-color: #d9534f; } .btn-outline-primary { color: #0275d8; background-image: none; background-color: transparent; border-color: #0275d8; } .btn-outline-primary:hover { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-outline-primary:focus, .btn-outline-primary.focus { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus { color: #fff; background-color: #014682; border-color: #01315a; } .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus { border-color: #43a7fd; } .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover { border-color: #43a7fd; } .btn-outline-secondary { color: #ccc; background-image: none; background-color: transparent; border-color: #ccc; } .btn-outline-secondary:hover { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-outline-secondary:active, .btn-outline-secondary.active, .open > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus, .open > .btn-outline-secondary.dropdown-toggle:focus, .open > .btn-outline-secondary.dropdown-toggle.focus { color: #fff; background-color: #a1a1a1; border-color: #8c8c8c; } .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus { border-color: white; } .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { border-color: white; } .btn-outline-info { color: #5bc0de; background-image: none; background-color: transparent; border-color: #5bc0de; } .btn-outline-info:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:focus, .btn-outline-info.focus { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:active, .btn-outline-info.active, .open > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:focus, .btn-outline-info.active.focus, .open > .btn-outline-info.dropdown-toggle:focus, .open > .btn-outline-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus { border-color: #b0e1ef; } .btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover { border-color: #b0e1ef; } .btn-outline-success { color: #5cb85c; background-image: none; background-color: transparent; border-color: #5cb85c; } .btn-outline-success:hover { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-success:focus, .btn-outline-success.focus { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-success:active, .btn-outline-success.active, .open > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:focus, .btn-outline-success.active.focus, .open > .btn-outline-success.dropdown-toggle:focus, .open > .btn-outline-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #2d672d; } .btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus { border-color: #a3d7a3; } .btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover { border-color: #a3d7a3; } .btn-outline-warning { color: #f0ad4e; background-image: none; background-color: transparent; border-color: #f0ad4e; } .btn-outline-warning:hover { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:focus, .btn-outline-warning.focus { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:active, .btn-outline-warning.active, .open > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus, .open > .btn-outline-warning.dropdown-toggle:focus, .open > .btn-outline-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #b06d0f; } .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus { border-color: #f8d9ac; } .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover { border-color: #f8d9ac; } .btn-outline-danger { color: #d9534f; background-image: none; background-color: transparent; border-color: #d9534f; } .btn-outline-danger:hover { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-outline-danger:focus, .btn-outline-danger.focus { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-outline-danger:active, .btn-outline-danger.active, .open > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #8b211e; } .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus { border-color: #eba5a3; } .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover { border-color: #eba5a3; } .btn-circle-primary { padding: 0; color: #fff; background-color: #0275d8; border-color: #0275d8; border-radius: 50%; height: 3.5rem; min-width: 3.5rem; width: 3.5rem; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); } .btn-circle-primary:hover { color: #fff; background-color: #025aa5; border-color: #01549b; } .btn-circle-primary:focus, .btn-circle-primary.focus { color: #fff; background-color: #025aa5; border-color: #01549b; } .btn-circle-primary:active, .btn-circle-primary.active, .open > .btn-circle-primary.dropdown-toggle { color: #fff; background-color: #025aa5; border-color: #01549b; background-image: none; } .btn-circle-primary:active:focus, .btn-circle-primary:active.focus, .btn-circle-primary.active:focus, .btn-circle-primary.active.focus, .open > .btn-circle-primary.dropdown-toggle:focus, .open > .btn-circle-primary.dropdown-toggle.focus { color: #fff; background-color: #014682; border-color: #01315a; } .btn-circle-primary.disabled:focus, .btn-circle-primary.disabled.focus, .btn-circle-primary:disabled:focus, .btn-circle-primary:disabled.focus { background-color: #0275d8; border-color: #0275d8; } .btn-circle-primary.disabled:hover, .btn-circle-primary:disabled:hover { background-color: #0275d8; border-color: #0275d8; } .btn-circle-primary.btn-lg { padding: 0; height: 4rem; min-width: 4rem; width: 4rem; border-radius: 50%; } .btn-circle-primary.btn-lg .icon { font-size: 2rem; } .btn-circle-primary.btn-sm { padding: 0; height: 2.5rem; min-width: 2.5rem; width: 2.5rem; border-radius: 50%; } .btn-circle-primary.btn-sm .icon { font-size: 1.5rem; } .btn-circle-secondary { padding: 0; color: #373a3c; background-color: #fff; border-color: #ccc; border-radius: 50%; height: 3.5rem; min-width: 3.5rem; width: 3.5rem; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); } .btn-circle-secondary:hover { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .btn-circle-secondary:focus, .btn-circle-secondary.focus { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .btn-circle-secondary:active, .btn-circle-secondary.active, .open > .btn-circle-secondary.dropdown-toggle { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; background-image: none; } .btn-circle-secondary:active:focus, .btn-circle-secondary:active.focus, .btn-circle-secondary.active:focus, .btn-circle-secondary.active.focus, .open > .btn-circle-secondary.dropdown-toggle:focus, .open > .btn-circle-secondary.dropdown-toggle.focus { color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-circle-secondary.disabled:focus, .btn-circle-secondary.disabled.focus, .btn-circle-secondary:disabled:focus, .btn-circle-secondary:disabled.focus { background-color: #fff; border-color: #ccc; } .btn-circle-secondary.disabled:hover, .btn-circle-secondary:disabled:hover { background-color: #fff; border-color: #ccc; } .btn-circle-secondary.btn-lg { padding: 0; height: 4rem; min-width: 4rem; width: 4rem; border-radius: 50%; } .btn-circle-secondary.btn-lg .icon { font-size: 2rem; } .btn-circle-secondary.btn-sm { padding: 0; height: 2.5rem; min-width: 2.5rem; width: 2.5rem; border-radius: 50%; } .btn-circle-secondary.btn-sm .icon { font-size: 1.5rem; } .btn-circle-info { padding: 0; color: #fff; background-color: #5bc0de; border-color: #5bc0de; border-radius: 50%; height: 3.5rem; min-width: 3.5rem; width: 3.5rem; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); } .btn-circle-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-circle-info:focus, .btn-circle-info.focus { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-circle-info:active, .btn-circle-info.active, .open > .btn-circle-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aabd2; background-image: none; } .btn-circle-info:active:focus, .btn-circle-info:active.focus, .btn-circle-info.active:focus, .btn-circle-info.active.focus, .open > .btn-circle-info.dropdown-toggle:focus, .open > .btn-circle-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .btn-circle-info.disabled:focus, .btn-circle-info.disabled.focus, .btn-circle-info:disabled:focus, .btn-circle-info:disabled.focus { background-color: #5bc0de; border-color: #5bc0de; } .btn-circle-info.disabled:hover, .btn-circle-info:disabled:hover { background-color: #5bc0de; border-color: #5bc0de; } .btn-circle-info.btn-lg { padding: 0; height: 4rem; min-width: 4rem; width: 4rem; border-radius: 50%; } .btn-circle-info.btn-lg .icon { font-size: 2rem; } .btn-circle-info.btn-sm { padding: 0; height: 2.5rem; min-width: 2.5rem; width: 2.5rem; border-radius: 50%; } .btn-circle-info.btn-sm .icon { font-size: 1.5rem; } .btn-circle-success { padding: 0; color: #fff; background-color: #5cb85c; border-color: #5cb85c; border-radius: 50%; height: 3.5rem; min-width: 3.5rem; width: 3.5rem; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); } .btn-circle-success:hover { color: #fff; background-color: #449d44; border-color: #419641; } .btn-circle-success:focus, .btn-circle-success.focus { color: #fff; background-color: #449d44; border-color: #419641; } .btn-circle-success:active, .btn-circle-success.active, .open > .btn-circle-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #419641; background-image: none; } .btn-circle-success:active:focus, .btn-circle-success:active.focus, .btn-circle-success.active:focus, .btn-circle-success.active.focus, .open > .btn-circle-success.dropdown-toggle:focus, .open > .btn-circle-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #2d672d; } .btn-circle-success.disabled:focus, .btn-circle-success.disabled.focus, .btn-circle-success:disabled:focus, .btn-circle-success:disabled.focus { background-color: #5cb85c; border-color: #5cb85c; } .btn-circle-success.disabled:hover, .btn-circle-success:disabled:hover { background-color: #5cb85c; border-color: #5cb85c; } .btn-circle-success.btn-lg { padding: 0; height: 4rem; min-width: 4rem; width: 4rem; border-radius: 50%; } .btn-circle-success.btn-lg .icon { font-size: 2rem; } .btn-circle-success.btn-sm { padding: 0; height: 2.5rem; min-width: 2.5rem; width: 2.5rem; border-radius: 50%; } .btn-circle-success.btn-sm .icon { font-size: 1.5rem; } .btn-circle-warning { padding: 0; color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; border-radius: 50%; height: 3.5rem; min-width: 3.5rem; width: 3.5rem; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); } .btn-circle-warning:hover { color: #fff; background-color: #ec971f; border-color: #eb9316; } .btn-circle-warning:focus, .btn-circle-warning.focus { color: #fff; background-color: #ec971f; border-color: #eb9316; } .btn-circle-warning:active, .btn-circle-warning.active, .open > .btn-circle-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #eb9316; background-image: none; } .btn-circle-warning:active:focus, .btn-circle-warning:active.focus, .btn-circle-warning.active:focus, .btn-circle-warning.active.focus, .open > .btn-circle-warning.dropdown-toggle:focus, .open > .btn-circle-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #b06d0f; } .btn-circle-warning.disabled:focus, .btn-circle-warning.disabled.focus, .btn-circle-warning:disabled:focus, .btn-circle-warning:disabled.focus { background-color: #f0ad4e; border-color: #f0ad4e; } .btn-circle-warning.disabled:hover, .btn-circle-warning:disabled:hover { background-color: #f0ad4e; border-color: #f0ad4e; } .btn-circle-warning.btn-lg { padding: 0; height: 4rem; min-width: 4rem; width: 4rem; border-radius: 50%; } .btn-circle-warning.btn-lg .icon { font-size: 2rem; } .btn-circle-warning.btn-sm { padding: 0; height: 2.5rem; min-width: 2.5rem; width: 2.5rem; border-radius: 50%; } .btn-circle-warning.btn-sm .icon { font-size: 1.5rem; } .btn-circle-danger { padding: 0; color: #fff; background-color: #d9534f; border-color: #d9534f; border-radius: 50%; height: 3.5rem; min-width: 3.5rem; width: 3.5rem; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15); } .btn-circle-danger:hover { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .btn-circle-danger:focus, .btn-circle-danger.focus { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .btn-circle-danger:active, .btn-circle-danger.active, .open > .btn-circle-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #c12e2a; background-image: none; } .btn-circle-danger:active:focus, .btn-circle-danger:active.focus, .btn-circle-danger.active:focus, .btn-circle-danger.active.focus, .open > .btn-circle-danger.dropdown-toggle:focus, .open > .btn-circle-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #8b211e; } .btn-circle-danger.disabled:focus, .btn-circle-danger.disabled.focus, .btn-circle-danger:disabled:focus, .btn-circle-danger:disabled.focus { background-color: #d9534f; border-color: #d9534f; } .btn-circle-danger.disabled:hover, .btn-circle-danger:disabled:hover { background-color: #d9534f; border-color: #d9534f; } .btn-circle-danger.btn-lg { padding: 0; height: 4rem; min-width: 4rem; width: 4rem; border-radius: 50%; } .btn-circle-danger.btn-lg .icon { font-size: 2rem; } .btn-circle-danger.btn-sm { padding: 0; height: 2.5rem; min-width: 2.5rem; width: 2.5rem; border-radius: 50%; } .btn-circle-danger.btn-sm .icon { font-size: 1.5rem; } .btn-link { font-weight: normal; color: #0275d8; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #014c8c; text-decoration: none; background-color: transparent; } .btn-link:disabled:focus, .btn-link:disabled:hover { color: #818a91; text-decoration: none; } .btn-lg { padding: 0.75rem 1.5rem; font-size: 1rem; border-radius: 0.125rem; } .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.75rem; border-radius: 0.125rem; } .btn-block { display: block; width: 100%; padding: 0.75rem 0; font-size: 1rem; border-radius: 0.125rem; } .btn-block.btn-lg { padding: 0.9375rem 0; font-size: 1.125rem; border-radius: 0.125rem; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn .badge { margin: -.125rem -.25rem -.125rem .25rem; font-size: .75rem; background-color: rgba(0, 0, 0, 0.15); } .btn:focus .badge-inverted, .btn:hover .badge-inverted { color: #fff; } .btn .badge-inverted, .btn:active .badge-inverted { background-color: transparent; } .btn-primary:active .badge-inverted, .btn-success:active .badge-inverted, .btn-info:active .badge-inverted, .btn-warning:active .badge-inverted, .btn-danger:active .badge-inverted { color: #fff; } .btn-block .badge { position: absolute; right: 0; margin-right: .625rem; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height; -o-transition-property: height; transition-property: height; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.fadeInUp, .animated.fadeInDown, .animated.fadeOutUp, .animated.fadeOutDown { -webkit-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; -o-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @-o-keyframes bounce { from, 20%, 53%, 80%, to { -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @-o-keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; -o-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; -o-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-o-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-o-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-o-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-o-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @-o-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes bounceInUp { from, 60%, 75%, 90%, to { -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @-o-keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } .delay-1 { -webkit-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .delay-2 { -webkit-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s; } .delay-3 { -webkit-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .delay-4 { -webkit-animation-delay: 0.55s; -o-animation-delay: 0.55s; animation-delay: 0.55s; } .delay-5 { -webkit-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .delay-6 { -webkit-animation-delay: 0.95s; -o-animation-delay: 0.95s; animation-delay: 0.95s; } .bar { position: fixed; right: 0; left: 0; z-index: 10; height: 2.75rem; padding-right: 0.625rem; padding-left: 0.625rem; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.075); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .bar-header-secondary { top: 2.75rem; } .bar-footer { bottom: 0; } .bar-footer-secondary { bottom: 2.75rem; } .bar-footer-secondary-tab { bottom: 3.125rem; } .bar-footer, .bar-footer-secondary, .bar-footer-secondary-tab { border-top: 0.0625rem solid rgba(0, 0, 0, 0.075); border-bottom: 0; } .bar-nav { top: 0; } .title { position: absolute; display: block; width: 100%; padding: 0; margin: 0 -0.625rem; font-size: 1.0625rem; font-weight: 500; line-height: 2.75rem; text-align: center; white-space: nowrap; } .title a { color: inherit; } .bar-tab { display: table; bottom: 0; width: 100%; height: 3.125rem; padding: 0; table-layout: fixed; border-top: 0.0625rem solid rgba(0, 0, 0, 0.075); border-bottom: 0; } .bar-tab .tab-item { position: relative; display: table-cell; width: 1%; height: 3.125rem; color: #929292; text-align: center; vertical-align: middle; } .bar-tab .tab-item.active, .bar-tab .tab-item:active { color: #373a3c; } .bar-tab .tab-item .badge { vertical-align: top; position: absolute; top: .1875rem; left: 50%; } .bar-tab .tab-item .icon { top: .1875rem; width: 1.5rem; height: 1.5rem; padding-top: 0; padding-bottom: 0; } .bar-tab .tab-item .icon ~ .tab-label { display: block; font-size: .6875rem; } .bar .btn { position: relative; top: 0.4375rem; z-index: 20; padding: .375rem .75rem .4375rem; margin-top: 0; font-size: .75rem; font-weight: 400; line-height: 1; } .bar .btn.pull-right { margin-left: 0.625rem; } .bar .btn.pull-left { margin-right: 0.625rem; } .bar .btn-link { top: 0; padding: 0; font-size: 1rem; line-height: 2.75rem; color: #373a3c; border: 0; } .bar .btn-link:active, .bar .btn-link.active { color: #1f2021; } .bar .btn-block { top: .375rem; padding: .4375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1; } .bar .btn-nav.pull-left { margin-left: -.3125rem; } .bar .btn-nav.pull-left .icon-left-nav { margin-right: -.1875rem; } .bar .btn-nav.pull-right { margin-right: -.3125rem; } .bar .btn-nav.pull-right .icon-right-nav { margin-left: -.1875rem; } .bar .icon { position: relative; z-index: 20; padding-top: .625rem; padding-bottom: .625rem; font-size: 1.5rem; color: #373a3c; } .bar .btn .icon { top: .1875rem; padding: 0; } .bar .title .icon { padding: 0; } .bar .title .icon.icon-caret { top: .25rem; margin-left: -.3125rem; } .bar input[type="search"] { height: 1.8125rem; margin: .375rem 0; } .bar .segmented-control { top: .5rem; margin: 0 auto; } .bar .nav { position: relative; margin: 0 auto; display: table; } .bar .input-group { position: relative; top: 0.3rem; } .bar-light { border-color: rgba(0, 0, 0, 0.075); } .bar-light .title { color: rgba(0, 0, 0, 0.8); } .bar-light .title:focus, .bar-light .title:hover { color: rgba(0, 0, 0, 0.8); } .bar-light .bar-divider { background-color: rgba(0, 0, 0, 0.075); } .bar-dark { border-color: rgba(255, 255, 255, 0.075); } .bar-dark .title { color: white; } .bar-dark .title:focus, .bar-dark .title:hover { color: rgba(255, 255, 255, 0.75); } .bar-dark .btn-link { color: rgba(255, 255, 255, 0.5); } .bar-dark .btn-link:focus, .bar-dark .btn-link:hover { color: rgba(255, 255, 255, 0.75); } .bar-dark .icon { color: rgba(255, 255, 255, 0.5); } .bar-dark .icon:focus, .bar-dark .icon:hover { color: rgba(255, 255, 255, 0.75); } .bar-dark .tab-item { color: rgba(255, 255, 255, 0.5); } .bar-dark .tab-item:focus, .bar-dark .tab-item:hover { color: rgba(255, 255, 255, 0.75); } .bar-dark .tab-item.active, .bar-dark .tab-item.active:focus, .bar-dark .tab-item.active:hover, .bar-dark .tab-item.active .icon, .bar-dark .tab-item.active .icon:focus, .bar-dark .tab-item.active .icon:hover { color: white; } .bar-dark .bar-divider { background-color: rgba(255, 255, 255, 0.075); } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: inline-block; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #818a91; } .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { color: #818a91; cursor: not-allowed; background-color: transparent; } .bar .nav-link { padding: 0.625rem 0; } .nav-inline .nav-item { display: inline-block; } .nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link { margin-left: 1rem; } .bar .nav-inline .nav-link { position: relative; display: table-cell; width: 1%; overflow: hidden; padding: 0.625rem 0; line-height: 1.5; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #0275d8; } .bar .nav-inline .nav-link.active:after { position: absolute; left: 0; bottom: 0; width: 100%; height: .125rem; background-color: #0275d8; content: ''; } .bar .nav-inline .nav-link + .nav-link { margin-left: 1rem; } .bar.bar-light .nav-inline .nav-link { color: #0275d8; } .bar.bar-light .nav-inline .nav-link.active:after { background-color: #0275d8; } .bar.bar-dark .nav-inline .nav-link { color: #f7f7f9; } .bar.bar-dark .nav-inline .nav-link.active:after { background-color: #f7f7f9; } .nav-tabs { border-bottom: 0.0625rem solid #ddd; } .nav-tabs::after { content: ""; display: table; clear: both; } .nav-tabs .nav-item { float: left; margin-bottom: -0.0625rem; } .nav-tabs .nav-item + .nav-item { margin-left: 0.2rem; } .nav-tabs .nav-link { display: block; padding: 0.4em 0.7em; border: 0.0625rem solid transparent; border-top-right-radius: 0.125rem; border-top-left-radius: 0.125rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #eceeef #eceeef #ddd; } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { color: #818a91; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover { color: #55595c; background-color: #fff; border-color: #ddd #ddd transparent; } .nav-pills::after { content: ""; display: table; clear: both; } .nav-pills .nav-item { float: left; } .nav-pills .nav-item + .nav-item { margin-left: 0.2rem; } .nav-pills .nav-link { display: block; padding: 0.4em 0.7em; border-radius: 0.125rem; } .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover { color: #fff; cursor: default; background-color: #0275d8; } .nav-stacked .nav-item { display: block; float: none; } .nav-stacked .nav-item + .nav-item { margin-top: 0.2rem; margin-left: 0; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .bar .nav-control { top: 0.4375rem; } .nav-control { position: relative; display: table; overflow: hidden; font-size: .75rem; font-weight: 400; background-color: #eceeef; border: 0.0625rem solid #ccc; border-radius: 0.125rem; } .nav-control .nav-link { display: table-cell; width: 1%; padding-top: .375rem; padding-bottom: .4375rem; overflow: hidden; line-height: 1; background-color: #eceeef; color: #818a91; text-align: center; text-overflow: ellipsis; white-space: nowrap; border-left: 0.0625rem solid #ccc; } .nav-control .nav-link:first-child { border-left-width: 0; } .nav-control .nav-link:active { background-color: #e0e2e4; } .nav-control .nav-link.active { background-color: #fff; color: #55595c; } .nav-control.bg-primary { border-color: #0275d8; } .nav-control.bg-primary .nav-link { color: #0275d8; background-color: #fff; border-color: #0275d8; } .nav-control.bg-primary .nav-link:active { background-color: #8fcafe; } .nav-control.bg-primary .nav-link.active { color: #f7f7f9; background-color: #0275d8; } .nav-control.bg-success { border-color: #5cb85c; } .nav-control.bg-success .nav-link { color: #5cb85c; background-color: #fff; border-color: #5cb85c; } .nav-control.bg-success .nav-link:active { background-color: #d8eed8; } .nav-control.bg-success .nav-link.active { color: #f7f7f9; background-color: #5cb85c; } .nav-control.bg-info { border-color: #5bc0de; } .nav-control.bg-info .nav-link { color: #5bc0de; background-color: #fff; border-color: #5bc0de; } .nav-control.bg-info .nav-link:active { background-color: #f0f9fc; } .nav-control.bg-info .nav-link.active { color: #fff; background-color: #5bc0de; } .nav-control.bg-warning { border-color: #f0ad4e; } .nav-control.bg-warning .nav-link { color: #f0ad4e; background-color: #fff; border-color: #f0ad4e; } .nav-control.bg-warning .nav-link:active { background-color: #fef9f3; } .nav-control.bg-warning .nav-link.active { color: #f7f7f9; background-color: #f0ad4e; } .nav-control.bg-danger { border-color: #d9534f; } .nav-control.bg-danger .nav-link { color: #d9534f; background-color: #fff; border-color: #d9534f; } .nav-control.bg-danger .nav-link:active { background-color: #f9e2e2; } .nav-control.bg-danger .nav-link.active { color: #f7f7f9; background-color: #d9534f; } .badge { display: inline-block; padding: 0.25rem 0.4rem; font-size: 75%; font-weight: bold; line-height: 1; color: #333; background-color: rgba(0, 0, 0, 0.15); border-radius: 0.125rem; } .badge:empty { display: none; } .badge.badge-inverted { padding: 0 .3125rem 0 0; background-color: transparent; } .badge-default { background-color: #818a91; color: #fff; } .badge-default[href]:focus, .badge-default[href]:hover { background-color: #687077; } .badge-default.badge-inverted { color: #818a91; } .badge-primary { background-color: #0275d8; color: #fff; } .badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #025aa5; } .badge-primary.badge-inverted { color: #0275d8; } .badge-success { background-color: #5cb85c; color: #fff; } .badge-success[href]:focus, .badge-success[href]:hover { background-color: #449d44; } .badge-success.badge-inverted { color: #5cb85c; } .badge-info { background-color: #5bc0de; color: #fff; } .badge-info[href]:focus, .badge-info[href]:hover { background-color: #31b0d5; } .badge-info.badge-inverted { color: #5bc0de; } .badge-warning { background-color: #f0ad4e; color: #fff; } .badge-warning[href]:focus, .badge-warning[href]:hover { background-color: #ec971f; } .badge-warning.badge-inverted { color: #f0ad4e; } .badge-danger { background-color: #d9534f; color: #fff; } .badge-danger[href]:focus, .badge-danger[href]:hover { background-color: #c9302c; } .badge-danger.badge-inverted { color: #d9534f; } .badge-pill { padding-right: 0.6rem; padding-left: 0.6rem; border-radius: 10rem; } .badge-outline { padding-right: 0.6rem; padding-left: 0.6rem; background-color: transparent; border-radius: 10rem; border: 0.0625rem solid #373a3c; } .badge-outline.badge-default { border-color: #818a91; color: #818a91; } .badge-outline.badge-primary { border-color: #0275d8; color: #0275d8; } .badge-outline.badge-success { border-color: #5cb85c; color: #5cb85c; } .badge-outline.badge-info { border-color: #5bc0de; color: #5bc0de; } .badge-outline.badge-warning { border-color: #f0ad4e; color: #f0ad4e; } .badge-outline.badge-danger { border-color: #d9534f; color: #d9534f; } .card { position: relative; display: block; margin: 0.625rem; margin-bottom: 0.75rem; background-color: #fff; border-radius: 0.125rem; border: 1px solid rgba(0, 0, 0, 0.125); } .card-block { padding: 1.25rem; } .card-block::after { content: ""; display: table; clear: both; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; background-color: #f5f5f5; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header::after { content: ""; display: table; clear: both; } .card-header:first-child { border-radius: 0.125rem 0.125rem 0 0; } .card-header.collapsed { border-bottom: none; } .card-footer { padding: 0.75rem 1.25rem; background-color: #f5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer::after { content: ""; display: table; clear: both; } .card-footer:last-child { border-radius: 0 0 0.125rem 0.125rem; } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-primary { background-color: #0275d8; border-color: #0275d8; } .card-primary .card-header, .card-primary .card-footer { background-color: transparent; } .card-success { background-color: #5cb85c; border-color: #5cb85c; } .card-success .card-header, .card-success .card-footer { background-color: transparent; } .card-info { background-color: #5bc0de; border-color: #5bc0de; } .card-info .card-header, .card-info .card-footer { background-color: transparent; } .card-warning { background-color: #f0ad4e; border-color: #f0ad4e; } .card-warning .card-header, .card-warning .card-footer { background-color: transparent; } .card-danger { background-color: #d9534f; border-color: #d9534f; } .card-danger .card-header, .card-danger .card-footer { background-color: transparent; } .card-outline-primary { background-color: transparent; border-color: #0275d8; } .card-outline-secondary { background-color: transparent; border-color: #ccc; } .card-outline-info { background-color: transparent; border-color: #5bc0de; } .card-outline-success { background-color: transparent; border-color: #5cb85c; } .card-outline-warning { background-color: transparent; border-color: #f0ad4e; } .card-outline-danger { background-color: transparent; border-color: #d9534f; } .card-inverse .card-header, .card-inverse .card-footer { border-color: rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-subtitle, .card-inverse .card-blockquote .blockquote-footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img { border-radius: 0.25rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img-top { border-top-right-radius: 0.125rem; border-top-left-radius: 0.125rem; } .card-img-bottom { border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } @media (min-width: 544px) { .card-deck { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -0.625rem; margin-bottom: 0.75rem; margin-left: -0.625rem; } .card-deck .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 0.625rem; margin-bottom: 0; margin-left: 0.625rem; } } @media (min-width: 544px) { .card-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } @media (min-width: 544px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .card .table-view { margin-bottom: 0; border-top: 0; border-bottom: 0; } .card .table-view .table-view-divider:first-child { top: 0; border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .card .table-view .table-view-divider:last-child { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .card .table-view .table-view-cell:last-child { border-bottom: 0; } .card .form-list { margin-bottom: 0; border-top: 0; border-bottom: 0; } .card .card-block ~ .table-view { border-top: 0.0625rem solid rgba(0, 0, 0, 0.075); border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.075); } .alert { padding: 15px; margin-bottom: 1rem; border: 0.0625rem solid transparent; border-radius: 0.125rem; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible { padding-right: 35px; } .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-default { color: #fff; background-color: #222; border-color: transparent; text-align: center; border-radius: 1.875rem; } .alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c1e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; } .alert-info hr { border-top-color: #a6d5ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7ecb5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442; } .alert-danger hr { border-top-color: #e4b9b9; } .alert-danger .alert-link { color: #843534; } .media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .media-body { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; } .media-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .media-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right { padding-left: 10px; } .media-left { padding-right: 10px; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .table-view { padding-left: 0; margin-top: 0; margin-bottom: 0.9375rem; list-style: none; background-color: transparent; border-top: 0.0625rem solid rgba(0, 0, 0, 0.075); border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.075); } .table-view-cell { position: relative; padding: 0.6875rem 4.0625rem 0.6875rem 0.9375rem; overflow: hidden; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.075); } .table-view-cell:last-child { border-bottom: 0; } .table-view-cell > a:not(.btn) { position: relative; display: block; padding: inherit; margin: -0.6875rem -4.0625rem -0.6875rem -0.9375rem; overflow: hidden; color: inherit; } .table-view-cell > a:not(.btn):active { background-color: #eee; } .table-view-cell p { margin-bottom: 0; font-size: .875rem; color: #818a91; } .table-view-cell .btn { padding: .375rem .5rem .4375rem; font-size: .75rem; } .table-view-divider { padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.9375rem; margin-top: -.0625rem; margin-left: 0; font-weight: 500; color: #55595c; background-color: #eceeef; border-top: 0.0625rem solid rgba(0, 0, 0, 0.075); border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.075); } .table-view .media, .table-view .media-body { overflow: hidden; } .table-view .media-object.pull-left { margin-right: 0.625rem; } .table-view .media-object.pull-right { margin-left: 0.625rem; } .table-view-cell > .btn, .table-view-cell > .badge, .table-view-cell > .select, .table-view-cell > .switch, .table-view-cell > a > .btn, .table-view-cell > a > .badge, .table-view-cell > a > .select, .table-view-cell > a > .switch { position: absolute; top: 50%; right: .9375rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .table-view-cell .navigate-left > .btn, .table-view-cell .navigate-left > .badge, .table-view-cell .navigate-left > .select, .table-view-cell .navigate-left > .switch, .table-view-cell .navigate-right > .btn, .table-view-cell .navigate-right > .badge, .table-view-cell .navigate-right > .select, .table-view-cell .navigate-right > .switch, .table-view-cell .push-left > .btn, .table-view-cell .push-left > .badge, .table-view-cell .push-left > .select, .table-view-cell .push-left > .switch, .table-view-cell .push-right > .btn, .table-view-cell .push-right > .badge, .table-view-cell .push-right > .select, .table-view-cell .push-right > .switch, .table-view-cell > a .navigate-left > .btn, .table-view-cell > a .navigate-left > .badge, .table-view-cell > a .navigate-left > .select, .table-view-cell > a .navigate-left > .switch, .table-view-cell > a .navigate-right > .btn, .table-view-cell > a .navigate-right > .badge, .table-view-cell > a .navigate-right > .select, .table-view-cell > a .navigate-right > .switch, .table-view-cell > a .push-left > .btn, .table-view-cell > a .push-left > .badge, .table-view-cell > a .push-left > .select, .table-view-cell > a .push-left > .switch, .table-view-cell > a .push-right > .btn, .table-view-cell > a .push-right > .badge, .table-view-cell > a .push-right > .select, .table-view-cell > a .push-right > .switch { right: 2.1875rem; } .content > .table-view:first-child { margin-top: .9375rem; } .table-view-cell.checkbox, .table-view-cell.radio { padding-right: .9375rem; } .table-view-cell.checkbox .custom-control, .table-view-cell.radio .custom-control { display: block; margin-bottom: 0; padding-left: 2.3rem; } .table-view-cell.checkbox .custom-control .custom-control-input, .table-view-cell.radio .custom-control .custom-control-input { width: 100%; } .table-view-cell.checkbox .custom-control .custom-control-indicator, .table-view-cell.radio .custom-control .custom-control-indicator { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .table-view-cell.checkbox .custom-control .custom-control-description, .table-view-cell.radio .custom-control .custom-control-description { display: block; } .table-view-cell.control { padding-left: 3.125rem; } .table-view-cell.control > a:not(.btn) { margin-left: -3.125rem; } .table-view-cell.control .custom-control { position: absolute; top: 50%; left: .625rem; z-index: 1; } .table-view-cell.control .custom-control .custom-control-input { width: 2.8125rem; left: -.625rem; top: -1.4375rem; height: 2.875rem; } .table-view-cell.control .custom-control .custom-control-indicator { top: 0; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .table-view-cell .select select { padding-right: 2rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: #fff; color: #333; text-indent: .01px; text-overflow: ''; white-space: nowrap; font-size: 14px; cursor: pointer; direction: rtl; } .table-view-cell .select select option { direction: ltr; } .table-view { /*2depth*/ } .table-view .table-view { margin-top: 0.6875rem; margin-bottom: -0.75rem; margin-left: -0.9375rem; margin-right: -4.0625rem; border-bottom: none; /*3depth*/ } .table-view .table-view .table-view-cell { padding-left: 1.875rem; } .table-view .table-view .table-view-cell a { margin-left: -1.875rem; } .table-view .table-view .table-view { margin-left: -1.875rem; /*4depth*/ } .table-view .table-view .table-view .table-view-cell { padding-left: 2.8125rem; } .table-view .table-view .table-view .table-view-cell a { margin-left: -2.8125rem; } .table-view .table-view .table-view .table-view { margin-left: -2.8125rem; } .table-view .table-view .table-view .table-view .table-view-cell { padding-left: 3.75rem; } .table-view .table-view .table-view .table-view .table-view-cell a { margin-left: -3.75rem; } .table-view-active, .table-view-active > table-view-cell { background-color: rgba(0, 0, 0, 0.075); } .table-view-success, .table-view-success > table-view-cell { background-color: #dff0d8; } .table-view-info, .table-view-info > table-view-cell { background-color: #d9edf7; } .table-view-warning, .table-view-warning > table-view-cell { background-color: #fcf8e3; } .table-view-danger, .table-view-danger > table-view-cell { background-color: #f2dede; } .table-view-inverse { color: #eceeef; background-color: #373a3c; border-top: none; border-bottom: none; } .table-view-inverse .table-view-cell { border-color: #55595c; } .table-view-inverse .table-view-cell > a:not(.btn) { color: #f7f7f9; } .table-view-inverse .table-view-cell > a:not(.btn):active { background-color: #55595c; } .table-view-inverse .table-view-cell p { color: #818a91; } .table-view-inverse .table-view-cell .badge { color: #eceeef; background-color: #55595c; } .table-view-inverse .table-view-cell .btn { color: #eceeef; background-color: #55595c; } .table-view-inverse .table-view-cell .btn.btn-primary { color: #fff; background-color: #0275d8; border-color: #0275d8; } .table-view-inverse .table-view-cell .btn.btn-primary:hover { color: #fff; background-color: #025aa5; border-color: #01549b; } .table-view-inverse .table-view-cell .btn.btn-primary:focus, .table-view-inverse .table-view-cell .btn.btn-primary.focus { color: #fff; background-color: #025aa5; border-color: #01549b; } .table-view-inverse .table-view-cell .btn.btn-primary:active, .table-view-inverse .table-view-cell .btn.btn-primary.active, .open > .table-view-inverse .table-view-cell .btn.btn-primary.dropdown-toggle { color: #fff; background-color: #025aa5; border-color: #01549b; background-image: none; } .table-view-inverse .table-view-cell .btn.btn-primary:active:focus, .table-view-inverse .table-view-cell .btn.btn-primary:active.focus, .table-view-inverse .table-view-cell .btn.btn-primary.active:focus, .table-view-inverse .table-view-cell .btn.btn-primary.active.focus, .open > .table-view-inverse .table-view-cell .btn.btn-primary.dropdown-toggle:focus, .open > .table-view-inverse .table-view-cell .btn.btn-primary.dropdown-toggle.focus { color: #fff; background-color: #014682; border-color: #01315a; } .table-view-inverse .table-view-cell .btn.btn-primary.disabled:focus, .table-view-inverse .table-view-cell .btn.btn-primary.disabled.focus, .table-view-inverse .table-view-cell .btn.btn-primary:disabled:focus, .table-view-inverse .table-view-cell .btn.btn-primary:disabled.focus { background-color: #0275d8; border-color: #0275d8; } .table-view-inverse .table-view-cell .btn.btn-primary.disabled:hover, .table-view-inverse .table-view-cell .btn.btn-primary:disabled:hover { background-color: #0275d8; border-color: #0275d8; } .table-view-inverse .table-view-cell .btn.btn-secondary { color: #373a3c; background-color: #fff; border-color: #ccc; } .table-view-inverse .table-view-cell .btn.btn-secondary:hover { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .table-view-inverse .table-view-cell .btn.btn-secondary:focus, .table-view-inverse .table-view-cell .btn.btn-secondary.focus { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .table-view-inverse .table-view-cell .btn.btn-secondary:active, .table-view-inverse .table-view-cell .btn.btn-secondary.active, .open > .table-view-inverse .table-view-cell .btn.btn-secondary.dropdown-toggle { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; background-image: none; } .table-view-inverse .table-view-cell .btn.btn-secondary:active:focus, .table-view-inverse .table-view-cell .btn.btn-secondary:active.focus, .table-view-inverse .table-view-cell .btn.btn-secondary.active:focus, .table-view-inverse .table-view-cell .btn.btn-secondary.active.focus, .open > .table-view-inverse .table-view-cell .btn.btn-secondary.dropdown-toggle:focus, .open > .table-view-inverse .table-view-cell .btn.btn-secondary.dropdown-toggle.focus { color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c; } .table-view-inverse .table-view-cell .btn.btn-secondary.disabled:focus, .table-view-inverse .table-view-cell .btn.btn-secondary.disabled.focus, .table-view-inverse .table-view-cell .btn.btn-secondary:disabled:focus, .table-view-inverse .table-view-cell .btn.btn-secondary:disabled.focus { background-color: #fff; border-color: #ccc; } .table-view-inverse .table-view-cell .btn.btn-secondary.disabled:hover, .table-view-inverse .table-view-cell .btn.btn-secondary:disabled:hover { background-color: #fff; border-color: #ccc; } .table-view-inverse .table-view-cell .btn.btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .table-view-inverse .table-view-cell .btn.btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .table-view-inverse .table-view-cell .btn.btn-info:focus, .table-view-inverse .table-view-cell .btn.btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .table-view-inverse .table-view-cell .btn.btn-info:active, .table-view-inverse .table-view-cell .btn.btn-info.active, .open > .table-view-inverse .table-view-cell .btn.btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aabd2; background-image: none; } .table-view-inverse .table-view-cell .btn.btn-info:active:focus, .table-view-inverse .table-view-cell .btn.btn-info:active.focus, .table-view-inverse .table-view-cell .btn.btn-info.active:focus, .table-view-inverse .table-view-cell .btn.btn-info.active.focus, .open > .table-view-inverse .table-view-cell .btn.btn-info.dropdown-toggle:focus, .open > .table-view-inverse .table-view-cell .btn.btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .table-view-inverse .table-view-cell .btn.btn-info.disabled:focus, .table-view-inverse .table-view-cell .btn.btn-info.disabled.focus, .table-view-inverse .table-view-cell .btn.btn-info:disabled:focus, .table-view-inverse .table-view-cell .btn.btn-info:disabled.focus { background-color: #5bc0de; border-color: #5bc0de; } .table-view-inverse .table-view-cell .btn.btn-info.disabled:hover, .table-view-inverse .table-view-cell .btn.btn-info:disabled:hover { background-color: #5bc0de; border-color: #5bc0de; } .table-view-inverse .table-view-cell .btn.btn-success { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .table-view-inverse .table-view-cell .btn.btn-success:hover { color: #fff; background-color: #449d44; border-color: #419641; } .table-view-inverse .table-view-cell .btn.btn-success:focus, .table-view-inverse .table-view-cell .btn.btn-success.focus { color: #fff; background-color: #449d44; border-color: #419641; } .table-view-inverse .table-view-cell .btn.btn-success:active, .table-view-inverse .table-view-cell .btn.btn-success.active, .open > .table-view-inverse .table-view-cell .btn.btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #419641; background-image: none; } .table-view-inverse .table-view-cell .btn.btn-success:active:focus, .table-view-inverse .table-view-cell .btn.btn-success:active.focus, .table-view-inverse .table-view-cell .btn.btn-success.active:focus, .table-view-inverse .table-view-cell .btn.btn-success.active.focus, .open > .table-view-inverse .table-view-cell .btn.btn-success.dropdown-toggle:focus, .open > .table-view-inverse .table-view-cell .btn.btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #2d672d; } .table-view-inverse .table-view-cell .btn.btn-success.disabled:focus, .table-view-inverse .table-view-cell .btn.btn-success.disabled.focus, .table-view-inverse .table-view-cell .btn.btn-success:disabled:focus, .table-view-inverse .table-view-cell .btn.btn-success:disabled.focus { background-color: #5cb85c; border-color: #5cb85c; } .table-view-inverse .table-view-cell .btn.btn-success.disabled:hover, .table-view-inverse .table-view-cell .btn.btn-success:disabled:hover { background-color: #5cb85c; border-color: #5cb85c; } .table-view-inverse .table-view-cell .btn.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .table-view-inverse .table-view-cell .btn.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #eb9316; } .table-view-inverse .table-view-cell .btn.btn-warning:focus, .table-view-inverse .table-view-cell .btn.btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #eb9316; } .table-view-inverse .table-view-cell .btn.btn-warning:active, .table-view-inverse .table-view-cell .btn.btn-warning.active, .open > .table-view-inverse .table-view-cell .btn.btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #eb9316; background-image: none; } .table-view-inverse .table-view-cell .btn.btn-warning:active:focus, .table-view-inverse .table-view-cell .btn.btn-warning:active.focus, .table-view-inverse .table-view-cell .btn.btn-warning.active:focus, .table-view-inverse .table-view-cell .btn.btn-warning.active.focus, .open > .table-view-inverse .table-view-cell .btn.btn-warning.dropdown-toggle:focus, .open > .table-view-inverse .table-view-cell .btn.btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #b06d0f; } .table-view-inverse .table-view-cell .btn.btn-warning.disabled:focus, .table-view-inverse .table-view-cell .btn.btn-warning.disabled.focus, .table-view-inverse .table-view-cell .btn.btn-warning:disabled:focus, .table-view-inverse .table-view-cell .btn.btn-warning:disabled.focus { background-color: #f0ad4e; border-color: #f0ad4e; } .table-view-inverse .table-view-cell .btn.btn-warning.disabled:hover, .table-view-inverse .table-view-cell .btn.btn-warning:disabled:hover { background-color: #f0ad4e; border-color: #f0ad4e; } .table-view-inverse .table-view-cell .btn.btn-danger { color: #fff; background-color: #d9534f; border-color: #d9534f; } .table-view-inverse .table-view-cell .btn.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .table-view-inverse .table-view-cell .btn.btn-danger:focus, .table-view-inverse .table-view-cell .btn.btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .table-view-inverse .table-view-cell .btn.btn-danger:active, .table-view-inverse .table-view-cell .btn.btn-danger.active, .open > .table-view-inverse .table-view-cell .btn.btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #c12e2a; background-image: none; } .table-view-inverse .table-view-cell .btn.btn-danger:active:focus, .table-view-inverse .table-view-cell .btn.btn-danger:active.focus, .table-view-inverse .table-view-cell .btn.btn-danger.active:focus, .table-view-inverse .table-view-cell .btn.btn-danger.active.focus, .open > .table-view-inverse .table-view-cell .btn.btn-danger.dropdown-toggle:focus, .open > .table-view-inverse .table-view-cell .btn.btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #8b211e; } .table-view-inverse .table-view-cell .btn.btn-danger.disabled:focus, .table-view-inverse .table-view-cell .btn.btn-danger.disabled.focus, .table-view-inverse .table-view-cell .btn.btn-danger:disabled:focus, .table-view-inverse .table-view-cell .btn.btn-danger:disabled.focus { background-color: #d9534f; border-color: #d9534f; } .table-view-inverse .table-view-cell .btn.btn-danger.disabled:hover, .table-view-inverse .table-view-cell .btn.btn-danger:disabled:hover { background-color: #d9534f; border-color: #d9534f; } .table-view-inverse .table-view-divider { color: #fff; background-color: #55595c; border-color: #373a3c; } .input-group { position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .input-group .form-control { position: relative; z-index: 2; -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon:not(:first-child):not(:last-child), .input-group-placeholder:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-placeholder, .input-group-btn { white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: normal; line-height: 1.25; color: #55595c; text-align: center; background-color: #eceeef; border: 0.0625rem solid rgba(0, 0, 0, 0.15); border-radius: 0.125rem; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.125rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.125rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:not(:last-child) { border-right: 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .form-control + .input-group-addon:not(:first-child) { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; } .input-group-btn > .btn + .btn { margin-left: -0.0625rem; } .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -0.0625rem; } .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -0.0625rem; } .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } .input-group-inset .input-group-placeholder, .input-group-inset .input-group-placeholder.icon { position: absolute; top: 0; left: 0; bottom: 0; width: 2rem; margin-bottom: 0; font-size: .875rem; font-weight: normal; color: #aaa; text-align: center; background-color: transparent; border: none; z-index: 11; } .input-group-inset .form-control, .input-group-inset input[type="search"] { height: 2.06rem; margin: 0; padding: .4rem .75rem .4rem 2.2rem; background-color: #eee; border: none; } .input-group-inset .form-control::-webkit-input-placeholder { font-weight: 300; color: #aaa; } .input-group-inset .input-group-btn .btn { padding: .4rem .75rem; } .input-group-inset .input-group-btn .btn-link { padding: .4rem 0 .4rem .75rem; color: #b2b2b2; font-weight: normal; } .input-group-inset .input-group-btn .btn-link:focus, .input-group-inset .input-group-btn .btn-link.focus, .input-group-inset .input-group-btn .btn-link.active, .input-group-inset .input-group-btn .btn-link:active { -webkit-box-shadow: none; box-shadow: none; color: #eee; } .custom-control { position: relative; display: inline; padding-left: 2.3rem; cursor: pointer; } .custom-control + .custom-control { margin-left: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #0074d9; border: none; } .custom-control-input:checked ~ .custom-control-description { color: #0074d9; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; background-color: #84c6ff; } .custom-control-input:disabled ~ .custom-control-indicator { cursor: not-allowed; background-color: #eee; } .custom-control-input:disabled ~ .custom-control-description { color: #767676; cursor: not-allowed; } .custom-control-indicator { position: absolute; top: -.35rem; left: 0; display: block; width: 1.8rem; height: 1.8rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 50% 50%; background-size: 50% 50%; border: 0.0625rem solid #ddd; } .custom-checkbox .custom-control-indicator { border-radius: 50%; } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { background-color: #0074d9; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-radio .custom-control-indicator { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-controls-stacked .custom-control { display: inline; } .custom-controls-stacked .custom-control::after { display: block; margin-bottom: 0.7rem; content: ""; } .custom-controls-stacked .custom-control + .custom-control { margin-left: 0; } .custom-select { display: inline-block; max-width: 100%; padding: 0.375rem 1.75rem 0.375rem 0.75rem; padding-right: 0.75rem \9; color: #55595c; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-image: none \9; -webkit-background-size: 8px 10px; background-size: 8px 10px; border: 0.0625rem solid rgba(0, 0, 0, 0.15); border-radius: 0.125rem; -moz-appearance: none; -webkit-appearance: none; } .custom-select:focus { border-color: #51a7e8; outline: none; } .custom-select:focus::-ms-value { color: #55595c; background-color: #fff; } .custom-select:disabled { color: #818a91; cursor: not-allowed; background-color: #eceeef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; cursor: pointer; } .custom-file-input { min-width: 14rem; max-width: 100%; margin: 0; filter: alpha(opacity=0); opacity: 0; } .custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #555; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 0.0625rem solid #ddd; border-radius: 0.125rem; } .custom-file-control:lang(en)::after { content: "Choose file..."; } .custom-file-control::before { position: absolute; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; z-index: 6; display: block; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #555; background-color: #eee; border: 0.0625rem solid #ddd; border-radius: 0 0.125rem 0.125rem 0; } .custom-file-control:lang(en)::before { content: "Browse"; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9 { padding-bottom: 42.857143%; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .embed-responsive-1by1 { padding-bottom: 100%; } /* * modal 모달 * ---------------------------------------------------------------------------- */ .modal { position: fixed; top: 0; z-index: 20; width: 100%; min-height: 100%; overflow: hidden; background-color: #fff; opacity: 0; -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; -webkit-transition: opacity 1ms .25s, -webkit-transform .25s; transition: opacity 1ms .25s, -webkit-transform .25s; -o-transition: transform .25s, opacity 1ms .25s, -o-transform .25s; transition: transform .25s, opacity 1ms .25s; transition: transform .25s, opacity 1ms .25s, -webkit-transform .25s, -o-transform .25s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .modal.active { height: 100%; opacity: 1; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; -o-transition: transform .25s, -o-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s, -o-transform .25s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .modal.zoom { -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: hidden; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .modal.zoom.active { visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .modal.fast { -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: hidden; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } .modal.fast.active { visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* * popup 팝업 * ---------------------------------------------------------------------------- */ .popup { position: fixed; top: 50%; left: 50%; width: 50%; max-width: 630px; min-width: 320px; height: auto; z-index: 22; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .popup.active { visibility: visible; } .popup.active .popup-content { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); position: relative; border-radius: 3px; margin: 0 auto; } /*zoom*/ .popup.zoom.active .popup-content { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .popup.zoom .popup-content { opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /*slide-up*/ .popup.slide-up.active .popup-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .popup.slide-up .popup-content { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /*fall*/ .popup.fall { -webkit-perspective: 1300px; perspective: 1300px; } .popup.fall .popup-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .popup.fall.active .popup-content { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /*flip*/ .popup.flip { -webkit-perspective: 1300px; perspective: 1300px; } .popup.flip .popup-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .popup.flip.active .popup-content { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .popup .bar-nav { border-bottom: 1px solid #ddd; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } .popup .bar-footer { border-top: 1px solid #ddd; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; -webkit-box-shadow: none; box-shadow: none; } .popup .bar-footer .btn { font-size: 16px; } .popup .table-view { max-height: 300px; margin-bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #fff; border-top: 0; border-bottom: 0; border-radius: 6px; } .popup .bar ~ .table-view { padding-top: 44px; } .popup .bar-footer ~ .table-view { padding-bottom: 44px; } .popup .content { position: relative; min-height: 210px; max-height: 500px; margin-bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #fff; border-top: 0; border-bottom: 0; border-radius: 6px; } /* * popover 팝오버 (to be used with popovers.js) * ---------------------------------------------------------------------------- */ .popover { position: fixed; top: 55px; left: 50%; z-index: 22; display: none; width: 280px; margin-left: -140px; background-color: #f7f7f9; border-radius: 0.125rem; opacity: 0; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } .popover:before { position: absolute; top: -15px; left: 50%; width: 0; height: 0; margin-left: -15px; content: ''; border-right: 15px solid transparent; border-bottom: 15px solid #f7f7f9; border-left: 15px solid transparent; } .popover.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .popover .bar ~ .table-view { padding-top: 2.75rem; } .backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 21; background-color: rgba(0, 0, 0, 0.3); } .popover .btn-block { margin-bottom: 5px; } .popover .btn-block:last-child { margin-bottom: 0; } .popover .bar-nav { border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.075); border-top-left-radius: 12px; border-top-right-radius: 12px; } .popover .table-view { max-height: 300px; margin-bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #fff; border-top: 0; border-bottom: 0; border-radius: 0.125rem; } /* * sheet 시트 * ---------------------------------------------------------------------------- */ .sheet { position: fixed; top: auto; bottom: 0; left: 0; margin-left: 0; margin-right: 0; width: 100%; background-color: #fff; border-radius: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; -o-transition: -o-transform .25s, opacity 1ms .25s; -webkit-transition: opacity 1ms .25s, -webkit-transform .25s; transition: opacity 1ms .25s, -webkit-transform .25s; -o-transition: transform .25s, opacity 1ms .25s, -o-transform .25s; transition: transform .25s, opacity 1ms .25s; transition: transform .25s, opacity 1ms .25s, -webkit-transform .25s, -o-transform .25s; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); z-index: 22; } .sheet.active { display: block; opacity: 1; -webkit-transition: -webkit-transform .25s; -o-transition: -o-transform .25s; transition: -webkit-transform .25s; -o-transition: transform .25s, -o-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s, -o-transform .25s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /** * Action page 페이지 * ---------------------------------------------------------------------------- */ .page { position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .page.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .page.center { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .page.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .page.transition { -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .switch { position: relative; display: block; width: 74px; height: 30px; background-color: #fff; border: 2px solid #ddd; border-radius: 20px; -webkit-transition-property: background-color, border; -o-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; cursor: pointer; } .switch .switch-handle { position: absolute; top: -1px; left: -1px; z-index: 2; width: 28px; height: 28px; background-color: #fff; border: 1px solid #ddd; border-radius: 100px; -webkit-transition-property: -webkit-transform, border, width; -webkit-transition-property: border, width, -webkit-transform; transition-property: border, width, -webkit-transform; -o-transition-property: transform, border, width, -o-transform; transition-property: transform, border, width; transition-property: transform, border, width, -webkit-transform, -o-transform; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .switch:before { position: absolute; top: 4.8px; right: 11px; font-size: 13px; color: #999; text-transform: uppercase; content: "Off"; } .switch.active { background-color: #0275d8; border: 2px solid #0275d8; } .switch.active .switch-handle { border-color: #0275d8; -webkit-transform: translate3d(44px, 0, 0); transform: translate3d(44px, 0, 0); } .switch.active:before { right: auto; left: 15px; color: #fff; content: "On"; } .switch input[type="checkbox"] { display: none; } .content.fade { left: 0; opacity: 0; } .content.fade.in { opacity: 1; } .content.sliding { z-index: 2; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s, -o-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s, -o-transform .4s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .content.sliding.left { z-index: 1; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .content.sliding.right { z-index: 3; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .navigate-left:after, .navigate-right:after, .push-left:after, .push-right:after { position: absolute; top: 50%; display: inline-block; font-family: Ratchicons; font-size: inherit; line-height: 1; color: #bbb; text-decoration: none; -webkit-font-smoothing: antialiased; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .navigate-left:after, .push-left:after { left: 0.9375rem; content: '\e822'; } .navigate-right:after, .push-right:after { right: 0.9375rem; content: '\e826'; } /* * Loader * ---------------------------------------------------------------------------- */ /* default theme */ .loader-wrapper { color: #444; font-weight: 500; font-size: 1.1em; text-align: center; } .loader-wrapper .loader { font-size: 10px; position: relative; text-indent: -9999em; } .loader-wrapper.default { background-color: transparent; } .loader-wrapper.default .loader { border-top: 0.4rem solid #f4f4f4; border-right: 0.4rem solid #f4f4f4; border-bottom: 0.4rem solid #f4f4f4; border-left: 0.4rem solid #4078c0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; -o-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; color: #4285F4; border-radius: 50%; width: 2.5rem; height: 2.5rem; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes load8 { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .loader-wrapper.loader-block { display: block; margin: 10px auto; } .loader-wrapper.loader-block .loader { display: inline-block; width: 1.8rem; height: 1.8rem; border-width: .4rem; } .loader-wrapper.loader-right { margin-left: 10px; } .loader-wrapper.loader-right .loader { display: inline-block; width: 1.8rem; height: 1.8rem; border-width: .4rem; } /*overlay*/ .loader-overlay { position: fixed; text-align: center; top: 0; bottom: 0; left: 0; right: 0; width: 100%; z-index: 9; background-color: rgba(0, 0, 0, 0.1); } .loader-overlay .loader-wrapper { position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; width: 300px; margin-top: -35px; margin-left: -150px; padding: 15px; background-color: #fff; color: #444; } .loader-overlay .loader-wrapper.default { border-radius: 3px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); line-height: 40px; font-weight: 500; font-size: 1.1em; } .loader-overlay .loader-wrapper.default .loader { position: absolute; top: 15px; left: 15px; } /* loader-inside */ .loader-inside { line-height: 35px; } .loader-inside .loader { margin-right: 15px; display: inline-block; } .affix { position: fixed; top: 44px; z-index: 10; } .bg-inverse { background-color: #373a3c; } .bg-faded { background-color: #f7f7f9; } .bg-primary { color: #fff !important; background-color: #0275d8 !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #025aa5 !important; } .bg-success { color: #fff !important; background-color: #5cb85c !important; } a.bg-success:focus, a.bg-success:hover { background-color: #449d44 !important; } .bg-info { color: #fff !important; background-color: #5bc0de !important; } a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5 !important; } .bg-warning { color: #fff !important; background-color: #f0ad4e !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ec971f !important; } .bg-danger { color: #fff !important; background-color: #d9534f !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #c9302c !important; } .clearfix::after { content: ""; display: table; clear: both; } .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } .d-inline { display: inline !important; } .flex-xs-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-xs-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-xs-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-items-xs-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .flex-items-xs-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .flex-items-xs-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; } .flex-xs-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flex-xs-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-xs-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .flex-items-xs-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-items-xs-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-items-xs-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-items-xs-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-items-xs-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 544px) { .flex-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-sm-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-sm-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } @media (min-width: 544px) { .flex-items-sm-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .flex-items-sm-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .flex-items-sm-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; } } @media (min-width: 544px) { .flex-sm-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flex-sm-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-sm-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media (min-width: 544px) { .flex-items-sm-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-items-sm-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-items-sm-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-items-sm-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-items-sm-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 768px) { .flex-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-md-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-md-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } @media (min-width: 768px) { .flex-items-md-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .flex-items-md-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .flex-items-md-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; } } @media (min-width: 768px) { .flex-md-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flex-md-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-md-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media (min-width: 768px) { .flex-items-md-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-items-md-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-items-md-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-items-md-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-items-md-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 992px) { .flex-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-lg-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-lg-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } @media (min-width: 992px) { .flex-items-lg-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .flex-items-lg-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .flex-items-lg-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; } } @media (min-width: 992px) { .flex-lg-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flex-lg-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-lg-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media (min-width: 992px) { .flex-items-lg-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-items-lg-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-items-lg-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-items-lg-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-items-lg-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1200px) { .flex-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-xl-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-xl-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } @media (min-width: 1200px) { .flex-items-xl-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .flex-items-xl-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .flex-items-xl-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; } } @media (min-width: 1200px) { .flex-xl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flex-xl-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flex-xl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media (min-width: 1200px) { .flex-items-xl-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-items-xl-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-items-xl-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-items-xl-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-items-xl-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .pull-xs-left { float: left !important; } .pull-xs-right { float: right !important; } .pull-xs-none { float: none !important; } @media (min-width: 544px) { .pull-sm-left { float: left !important; } .pull-sm-right { float: right !important; } .pull-sm-none { float: none !important; } } @media (min-width: 768px) { .pull-md-left { float: left !important; } .pull-md-right { float: right !important; } .pull-md-none { float: none !important; } } @media (min-width: 992px) { .pull-lg-left { float: left !important; } .pull-lg-right { float: right !important; } .pull-lg-none { float: none !important; } } @media (min-width: 1200px) { .pull-xl-left { float: left !important; } .pull-xl-right { float: right !important; } .pull-xl-none { float: none !important; } } .pull-left { float: left; } .pull-right { float: right; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .w-100 { width: 100% !important; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } .m-a-0 { margin: 0 0 !important; } .m-t-0 { margin-top: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0 !important; } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-a-1 { margin: 1rem 1rem !important; } .m-t-1 { margin-top: 1rem !important; } .m-r-1 { margin-right: 1rem !important; } .m-b-1 { margin-bottom: 1rem !important; } .m-l-1 { margin-left: 1rem !important; } .m-x-1 { margin-right: 1rem !important; margin-left: 1rem !important; } .m-y-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-a-2 { margin: 1.5rem 1.5rem !important; } .m-t-2 { margin-top: 1.5rem !important; } .m-r-2 { margin-right: 1.5rem !important; } .m-b-2 { margin-bottom: 1.5rem !important; } .m-l-2 { margin-left: 1.5rem !important; } .m-x-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .m-y-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-a-3 { margin: 3rem 3rem !important; } .m-t-3 { margin-top: 3rem !important; } .m-r-3 { margin-right: 3rem !important; } .m-b-3 { margin-bottom: 3rem !important; } .m-l-3 { margin-left: 3rem !important; } .m-x-3 { margin-right: 3rem !important; margin-left: 3rem !important; } .m-y-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-a-0 { padding: 0 0 !important; } .p-t-0 { padding-top: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-l-0 { padding-left: 0 !important; } .p-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-a-1 { padding: 1rem 1rem !important; } .p-t-1 { padding-top: 1rem !important; } .p-r-1 { padding-right: 1rem !important; } .p-b-1 { padding-bottom: 1rem !important; } .p-l-1 { padding-left: 1rem !important; } .p-x-1 { padding-right: 1rem !important; padding-left: 1rem !important; } .p-y-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-a-2 { padding: 1.5rem 1.5rem !important; } .p-t-2 { padding-top: 1.5rem !important; } .p-r-2 { padding-right: 1.5rem !important; } .p-b-2 { padding-bottom: 1.5rem !important; } .p-l-2 { padding-left: 1.5rem !important; } .p-x-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .p-y-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-a-3 { padding: 3rem 3rem !important; } .p-t-3 { padding-top: 3rem !important; } .p-r-3 { padding-right: 3rem !important; } .p-b-3 { padding-bottom: 3rem !important; } .p-l-3 { padding-left: 3rem !important; } .p-x-3 { padding-right: 3rem !important; padding-left: 3rem !important; } .p-y-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pos-f-t { position: fixed; top: 0; right: 0; left: 0; z-index: 14; } .pos-f-t-l { position: fixed; top: 0; left: 0; z-index: 14; } .pos-f-t-r { position: fixed; top: 0; right: 0; z-index: 14; } .pos-f-b { position: fixed; top: 0; left: 0; right: 0; left: 0; z-index: 14; } .pos-f-b-l { position: fixed; bottom: 0; left: 0; z-index: 14; } .pos-f-b-r { position: fixed; bottom: 0; right: 0; z-index: 14; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } .text-xs-center { text-align: center !important; } @media (min-width: 544px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .text-muted { color: #818a91 !important; } a.text-muted:focus, a.text-muted:hover { color: #687077; } .text-primary { color: #0275d8 !important; } a.text-primary:focus, a.text-primary:hover { color: #025aa5; } .text-success { color: #5cb85c !important; } a.text-success:focus, a.text-success:hover { color: #449d44; } .text-info { color: #5bc0de !important; } a.text-info:focus, a.text-info:hover { color: #31b0d5; } .text-warning { color: #f0ad4e !important; } a.text-warning:focus, a.text-warning:hover { color: #ec971f; } .text-danger { color: #d9534f !important; } a.text-danger:focus, a.text-danger:hover { color: #c9302c; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 543px) { .hidden-xs-down { display: none !important; } } @media (min-width: 544px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .content-padded { margin: 0.625rem; } @media (min-width: 544px) { .content-padded.container { margin-left: auto; margin-right: auto; } } @font-face { font-family: Ratchicons; font-weight: normal; font-style: normal; src: url("../fonts/ratchicons.eot"); src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ratchicons.woff") format("woff"), url("../fonts/ratchicons.ttf") format("truetype"), url("../fonts/ratchicons.svg#svgFontName") format("svg"); } .icon { display: inline-block; font-family: Ratchicons; font-size: 1.5rem; line-height: 1; text-decoration: none; -webkit-font-smoothing: antialiased; } .icon-back:before { content: '\e80a'; } .icon-bars:before { content: '\e80e'; } .icon-caret:before { content: '\e80f'; } .icon-check:before { content: '\e810'; } .icon-close:before { content: '\e811'; } .icon-code:before { content: '\e812'; } .icon-compose:before { content: '\e813'; } .icon-download:before { content: '\e815'; } .icon-edit:before { content: '\e829'; } .icon-forward:before { content: '\e82a'; } .icon-gear:before { content: '\e821'; } .icon-home:before { content: '\e82b'; } .icon-info:before { content: '\e82c'; } .icon-list:before { content: '\e823'; } .icon-more-vertical:before { content: '\e82e'; } .icon-more:before { content: '\e82f'; } .icon-pages:before { content: '\e824'; } .icon-pause:before { content: '\e830'; } .icon-person:before { content: '\e832'; } .icon-play:before { content: '\e816'; } .icon-plus:before { content: '\e817'; } .icon-refresh:before { content: '\e825'; } .icon-search:before { content: '\e819'; } .icon-share:before { content: '\e81a'; } .icon-sound:before { content: '\e827'; } .icon-sound2:before { content: '\e828'; } .icon-sound3:before { content: '\e80b'; } .icon-sound4:before { content: '\e80c'; } .icon-star-filled:before { content: '\e81b'; } .icon-star:before { content: '\e81c'; } .icon-stop:before { content: '\e81d'; } .icon-trash:before { content: '\e81e'; } .icon-up-nav:before { content: '\e81f'; } .icon-up:before { content: '\e80d'; } .icon-right-nav:before { content: '\e818'; } .icon-right:before { content: '\e826'; } .icon-down-nav:before { content: '\e814'; } .icon-down:before { content: '\e820'; } .icon-left-nav:before { content: '\e82d'; } .icon-left:before { content: '\e822'; } /*# sourceMappingURL=rc.css.map */