framevuerk/dist/framevuerk.css

Fast, Responsive, Without Dependencies, Both Direction Support and Configurable UI Framework based on Vue.js.

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
* {
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
*::-moz-focus-inner {
    border: 0;
}
*:focus {
    outline: none;
}
input,
textarea,
code,
pre {
  user-select: text;
  -webkit-appearance: none;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::after,
  q::after {
    content: '';
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: blink;
  cursor: pointer;
}
html,
body {
  direction: ltr;
  position: relative;
  min-height: 100%;
  height: 100%;
}
body.fv-lock {
  overflow: hidden;
}
.fv-fade-enter-active,
.fv-fade-leave-active {
  opacity: 1;
  transition-duration: 0.35s;
  transition-property: opacity;
}
.fv-fade-enter,
.fv-fade-leave-active {
  opacity: 0;
}
.fv-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em;
  width: 100%;
}
[class*='fv-col'] {
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  min-height: 1px;
  padding: 0.5em;
}
[class*='fv-col'].fv-col {
    width: auto;
}
.fv-col-1 {
  display: block;
  flex: 0 0 8.33%;
  width: 8.33%;
  max-width: 8.33%;
}
.fv-col-offset-1 {
  margin-left: 8.33%;
}
.fv-col-2 {
  display: block;
  flex: 0 0 16.66%;
  width: 16.66%;
  max-width: 16.66%;
}
.fv-col-offset-2 {
  margin-left: 16.66%;
}
.fv-col-3 {
  display: block;
  flex: 0 0 24.99%;
  width: 24.99%;
  max-width: 24.99%;
}
.fv-col-offset-3 {
  margin-left: 24.99%;
}
.fv-col-4 {
  display: block;
  flex: 0 0 33.32%;
  width: 33.32%;
  max-width: 33.32%;
}
.fv-col-offset-4 {
  margin-left: 33.32%;
}
.fv-col-5 {
  display: block;
  flex: 0 0 41.65%;
  width: 41.65%;
  max-width: 41.65%;
}
.fv-col-offset-5 {
  margin-left: 41.65%;
}
.fv-col-6 {
  display: block;
  flex: 0 0 49.98%;
  width: 49.98%;
  max-width: 49.98%;
}
.fv-col-offset-6 {
  margin-left: 49.98%;
}
.fv-col-7 {
  display: block;
  flex: 0 0 58.31%;
  width: 58.31%;
  max-width: 58.31%;
}
.fv-col-offset-7 {
  margin-left: 58.31%;
}
.fv-col-8 {
  display: block;
  flex: 0 0 66.64%;
  width: 66.64%;
  max-width: 66.64%;
}
.fv-col-offset-8 {
  margin-left: 66.64%;
}
.fv-col-9 {
  display: block;
  flex: 0 0 74.97%;
  width: 74.97%;
  max-width: 74.97%;
}
.fv-col-offset-9 {
  margin-left: 74.97%;
}
.fv-col-10 {
  display: block;
  flex: 0 0 83.3%;
  width: 83.3%;
  max-width: 83.3%;
}
.fv-col-offset-10 {
  margin-left: 83.3%;
}
.fv-col-11 {
  display: block;
  flex: 0 0 91.63%;
  width: 91.63%;
  max-width: 91.63%;
}
.fv-col-offset-11 {
  margin-left: 91.63%;
}
.fv-col-12 {
  display: block;
  flex: 0 0 99.96%;
  width: 99.96%;
  max-width: 99.96%;
}
.fv-col-offset-12 {
  margin-left: 99.96%;
}
@media (min-width: 1px) {
.fv-col-xs-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-xs-1 {
    margin-left: 8.33%;
}
.fv-col-xs-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-xs-2 {
    margin-left: 16.66%;
}
.fv-col-xs-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-xs-3 {
    margin-left: 24.99%;
}
.fv-col-xs-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-xs-4 {
    margin-left: 33.32%;
}
.fv-col-xs-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-xs-5 {
    margin-left: 41.65%;
}
.fv-col-xs-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-xs-6 {
    margin-left: 49.98%;
}
.fv-col-xs-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-xs-7 {
    margin-left: 58.31%;
}
.fv-col-xs-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-xs-8 {
    margin-left: 66.64%;
}
.fv-col-xs-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-xs-9 {
    margin-left: 74.97%;
}
.fv-col-xs-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-xs-10 {
    margin-left: 83.3%;
}
.fv-col-xs-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-xs-11 {
    margin-left: 91.63%;
}
.fv-col-xs-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-xs-12 {
    margin-left: 99.96%;
}
.fv-col-xs-0 {
    display: none;
}
}
@media (min-width: 1px) and (max-width: 479px) {
.fv-col-only-xs-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-only-xs-1 {
    margin-left: 8.33%;
}
.fv-col-only-xs-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-only-xs-2 {
    margin-left: 16.66%;
}
.fv-col-only-xs-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-only-xs-3 {
    margin-left: 24.99%;
}
.fv-col-only-xs-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-only-xs-4 {
    margin-left: 33.32%;
}
.fv-col-only-xs-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-only-xs-5 {
    margin-left: 41.65%;
}
.fv-col-only-xs-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-only-xs-6 {
    margin-left: 49.98%;
}
.fv-col-only-xs-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-only-xs-7 {
    margin-left: 58.31%;
}
.fv-col-only-xs-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-only-xs-8 {
    margin-left: 66.64%;
}
.fv-col-only-xs-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-only-xs-9 {
    margin-left: 74.97%;
}
.fv-col-only-xs-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-only-xs-10 {
    margin-left: 83.3%;
}
.fv-col-only-xs-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-only-xs-11 {
    margin-left: 91.63%;
}
.fv-col-only-xs-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-only-xs-12 {
    margin-left: 99.96%;
}
.fv-col-only-xs-0 {
    display: none;
}
}
@media (min-width: 1px) and (max-width: 479px) {
.fv-col-lower-xs-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-lower-xs-1 {
    margin-left: 8.33%;
}
.fv-col-lower-xs-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-lower-xs-2 {
    margin-left: 16.66%;
}
.fv-col-lower-xs-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-lower-xs-3 {
    margin-left: 24.99%;
}
.fv-col-lower-xs-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-lower-xs-4 {
    margin-left: 33.32%;
}
.fv-col-lower-xs-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-lower-xs-5 {
    margin-left: 41.65%;
}
.fv-col-lower-xs-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-lower-xs-6 {
    margin-left: 49.98%;
}
.fv-col-lower-xs-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-lower-xs-7 {
    margin-left: 58.31%;
}
.fv-col-lower-xs-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-lower-xs-8 {
    margin-left: 66.64%;
}
.fv-col-lower-xs-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-lower-xs-9 {
    margin-left: 74.97%;
}
.fv-col-lower-xs-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-lower-xs-10 {
    margin-left: 83.3%;
}
.fv-col-lower-xs-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-lower-xs-11 {
    margin-left: 91.63%;
}
.fv-col-lower-xs-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-lower-xs-12 {
    margin-left: 99.96%;
}
.fv-col-lower-xs-0 {
    display: none;
}
}
@media (min-width: 480px) {
.fv-col-sm-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-sm-1 {
    margin-left: 8.33%;
}
.fv-col-sm-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-sm-2 {
    margin-left: 16.66%;
}
.fv-col-sm-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-sm-3 {
    margin-left: 24.99%;
}
.fv-col-sm-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-sm-4 {
    margin-left: 33.32%;
}
.fv-col-sm-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-sm-5 {
    margin-left: 41.65%;
}
.fv-col-sm-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-sm-6 {
    margin-left: 49.98%;
}
.fv-col-sm-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-sm-7 {
    margin-left: 58.31%;
}
.fv-col-sm-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-sm-8 {
    margin-left: 66.64%;
}
.fv-col-sm-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-sm-9 {
    margin-left: 74.97%;
}
.fv-col-sm-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-sm-10 {
    margin-left: 83.3%;
}
.fv-col-sm-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-sm-11 {
    margin-left: 91.63%;
}
.fv-col-sm-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-sm-12 {
    margin-left: 99.96%;
}
.fv-col-sm-0 {
    display: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.fv-col-only-sm-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-only-sm-1 {
    margin-left: 8.33%;
}
.fv-col-only-sm-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-only-sm-2 {
    margin-left: 16.66%;
}
.fv-col-only-sm-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-only-sm-3 {
    margin-left: 24.99%;
}
.fv-col-only-sm-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-only-sm-4 {
    margin-left: 33.32%;
}
.fv-col-only-sm-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-only-sm-5 {
    margin-left: 41.65%;
}
.fv-col-only-sm-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-only-sm-6 {
    margin-left: 49.98%;
}
.fv-col-only-sm-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-only-sm-7 {
    margin-left: 58.31%;
}
.fv-col-only-sm-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-only-sm-8 {
    margin-left: 66.64%;
}
.fv-col-only-sm-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-only-sm-9 {
    margin-left: 74.97%;
}
.fv-col-only-sm-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-only-sm-10 {
    margin-left: 83.3%;
}
.fv-col-only-sm-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-only-sm-11 {
    margin-left: 91.63%;
}
.fv-col-only-sm-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-only-sm-12 {
    margin-left: 99.96%;
}
.fv-col-only-sm-0 {
    display: none;
}
}
@media (min-width: 1px) and (max-width: 767px) {
.fv-col-lower-sm-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-lower-sm-1 {
    margin-left: 8.33%;
}
.fv-col-lower-sm-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-lower-sm-2 {
    margin-left: 16.66%;
}
.fv-col-lower-sm-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-lower-sm-3 {
    margin-left: 24.99%;
}
.fv-col-lower-sm-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-lower-sm-4 {
    margin-left: 33.32%;
}
.fv-col-lower-sm-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-lower-sm-5 {
    margin-left: 41.65%;
}
.fv-col-lower-sm-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-lower-sm-6 {
    margin-left: 49.98%;
}
.fv-col-lower-sm-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-lower-sm-7 {
    margin-left: 58.31%;
}
.fv-col-lower-sm-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-lower-sm-8 {
    margin-left: 66.64%;
}
.fv-col-lower-sm-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-lower-sm-9 {
    margin-left: 74.97%;
}
.fv-col-lower-sm-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-lower-sm-10 {
    margin-left: 83.3%;
}
.fv-col-lower-sm-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-lower-sm-11 {
    margin-left: 91.63%;
}
.fv-col-lower-sm-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-lower-sm-12 {
    margin-left: 99.96%;
}
.fv-col-lower-sm-0 {
    display: none;
}
}
@media (min-width: 768px) {
.fv-col-md-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-md-1 {
    margin-left: 8.33%;
}
.fv-col-md-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-md-2 {
    margin-left: 16.66%;
}
.fv-col-md-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-md-3 {
    margin-left: 24.99%;
}
.fv-col-md-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-md-4 {
    margin-left: 33.32%;
}
.fv-col-md-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-md-5 {
    margin-left: 41.65%;
}
.fv-col-md-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-md-6 {
    margin-left: 49.98%;
}
.fv-col-md-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-md-7 {
    margin-left: 58.31%;
}
.fv-col-md-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-md-8 {
    margin-left: 66.64%;
}
.fv-col-md-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-md-9 {
    margin-left: 74.97%;
}
.fv-col-md-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-md-10 {
    margin-left: 83.3%;
}
.fv-col-md-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-md-11 {
    margin-left: 91.63%;
}
.fv-col-md-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-md-12 {
    margin-left: 99.96%;
}
.fv-col-md-0 {
    display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.fv-col-only-md-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-only-md-1 {
    margin-left: 8.33%;
}
.fv-col-only-md-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-only-md-2 {
    margin-left: 16.66%;
}
.fv-col-only-md-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-only-md-3 {
    margin-left: 24.99%;
}
.fv-col-only-md-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-only-md-4 {
    margin-left: 33.32%;
}
.fv-col-only-md-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-only-md-5 {
    margin-left: 41.65%;
}
.fv-col-only-md-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-only-md-6 {
    margin-left: 49.98%;
}
.fv-col-only-md-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-only-md-7 {
    margin-left: 58.31%;
}
.fv-col-only-md-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-only-md-8 {
    margin-left: 66.64%;
}
.fv-col-only-md-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-only-md-9 {
    margin-left: 74.97%;
}
.fv-col-only-md-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-only-md-10 {
    margin-left: 83.3%;
}
.fv-col-only-md-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-only-md-11 {
    margin-left: 91.63%;
}
.fv-col-only-md-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-only-md-12 {
    margin-left: 99.96%;
}
.fv-col-only-md-0 {
    display: none;
}
}
@media (min-width: 0px) and (max-width: 991px) {
.fv-col-lower-md-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-lower-md-1 {
    margin-left: 8.33%;
}
.fv-col-lower-md-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-lower-md-2 {
    margin-left: 16.66%;
}
.fv-col-lower-md-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-lower-md-3 {
    margin-left: 24.99%;
}
.fv-col-lower-md-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-lower-md-4 {
    margin-left: 33.32%;
}
.fv-col-lower-md-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-lower-md-5 {
    margin-left: 41.65%;
}
.fv-col-lower-md-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-lower-md-6 {
    margin-left: 49.98%;
}
.fv-col-lower-md-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-lower-md-7 {
    margin-left: 58.31%;
}
.fv-col-lower-md-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-lower-md-8 {
    margin-left: 66.64%;
}
.fv-col-lower-md-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-lower-md-9 {
    margin-left: 74.97%;
}
.fv-col-lower-md-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-lower-md-10 {
    margin-left: 83.3%;
}
.fv-col-lower-md-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-lower-md-11 {
    margin-left: 91.63%;
}
.fv-col-lower-md-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-lower-md-12 {
    margin-left: 99.96%;
}
.fv-col-lower-md-0 {
    display: none;
}
}
@media (min-width: 992px) {
.fv-col-lg-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-lg-1 {
    margin-left: 8.33%;
}
.fv-col-lg-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-lg-2 {
    margin-left: 16.66%;
}
.fv-col-lg-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-lg-3 {
    margin-left: 24.99%;
}
.fv-col-lg-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-lg-4 {
    margin-left: 33.32%;
}
.fv-col-lg-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-lg-5 {
    margin-left: 41.65%;
}
.fv-col-lg-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-lg-6 {
    margin-left: 49.98%;
}
.fv-col-lg-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-lg-7 {
    margin-left: 58.31%;
}
.fv-col-lg-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-lg-8 {
    margin-left: 66.64%;
}
.fv-col-lg-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-lg-9 {
    margin-left: 74.97%;
}
.fv-col-lg-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-lg-10 {
    margin-left: 83.3%;
}
.fv-col-lg-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-lg-11 {
    margin-left: 91.63%;
}
.fv-col-lg-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-lg-12 {
    margin-left: 99.96%;
}
.fv-col-lg-0 {
    display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.fv-col-only-lg-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-only-lg-1 {
    margin-left: 8.33%;
}
.fv-col-only-lg-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-only-lg-2 {
    margin-left: 16.66%;
}
.fv-col-only-lg-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-only-lg-3 {
    margin-left: 24.99%;
}
.fv-col-only-lg-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-only-lg-4 {
    margin-left: 33.32%;
}
.fv-col-only-lg-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-only-lg-5 {
    margin-left: 41.65%;
}
.fv-col-only-lg-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-only-lg-6 {
    margin-left: 49.98%;
}
.fv-col-only-lg-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-only-lg-7 {
    margin-left: 58.31%;
}
.fv-col-only-lg-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-only-lg-8 {
    margin-left: 66.64%;
}
.fv-col-only-lg-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-only-lg-9 {
    margin-left: 74.97%;
}
.fv-col-only-lg-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-only-lg-10 {
    margin-left: 83.3%;
}
.fv-col-only-lg-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-only-lg-11 {
    margin-left: 91.63%;
}
.fv-col-only-lg-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-only-lg-12 {
    margin-left: 99.96%;
}
.fv-col-only-lg-0 {
    display: none;
}
}
@media (min-width: 0px) and (max-width: 1199px) {
.fv-col-lower-lg-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-lower-lg-1 {
    margin-left: 8.33%;
}
.fv-col-lower-lg-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-lower-lg-2 {
    margin-left: 16.66%;
}
.fv-col-lower-lg-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-lower-lg-3 {
    margin-left: 24.99%;
}
.fv-col-lower-lg-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-lower-lg-4 {
    margin-left: 33.32%;
}
.fv-col-lower-lg-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-lower-lg-5 {
    margin-left: 41.65%;
}
.fv-col-lower-lg-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-lower-lg-6 {
    margin-left: 49.98%;
}
.fv-col-lower-lg-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-lower-lg-7 {
    margin-left: 58.31%;
}
.fv-col-lower-lg-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-lower-lg-8 {
    margin-left: 66.64%;
}
.fv-col-lower-lg-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-lower-lg-9 {
    margin-left: 74.97%;
}
.fv-col-lower-lg-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-lower-lg-10 {
    margin-left: 83.3%;
}
.fv-col-lower-lg-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-lower-lg-11 {
    margin-left: 91.63%;
}
.fv-col-lower-lg-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-lower-lg-12 {
    margin-left: 99.96%;
}
.fv-col-lower-lg-0 {
    display: none;
}
}
@media (min-width: 1200px) {
.fv-col-xl-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-xl-1 {
    margin-left: 8.33%;
}
.fv-col-xl-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-xl-2 {
    margin-left: 16.66%;
}
.fv-col-xl-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-xl-3 {
    margin-left: 24.99%;
}
.fv-col-xl-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-xl-4 {
    margin-left: 33.32%;
}
.fv-col-xl-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-xl-5 {
    margin-left: 41.65%;
}
.fv-col-xl-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-xl-6 {
    margin-left: 49.98%;
}
.fv-col-xl-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-xl-7 {
    margin-left: 58.31%;
}
.fv-col-xl-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-xl-8 {
    margin-left: 66.64%;
}
.fv-col-xl-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-xl-9 {
    margin-left: 74.97%;
}
.fv-col-xl-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-xl-10 {
    margin-left: 83.3%;
}
.fv-col-xl-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-xl-11 {
    margin-left: 91.63%;
}
.fv-col-xl-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-xl-12 {
    margin-left: 99.96%;
}
.fv-col-xl-0 {
    display: none;
}
}
@media (min-width: 1200px) {
.fv-col-only-xl-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-only-xl-1 {
    margin-left: 8.33%;
}
.fv-col-only-xl-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-only-xl-2 {
    margin-left: 16.66%;
}
.fv-col-only-xl-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-only-xl-3 {
    margin-left: 24.99%;
}
.fv-col-only-xl-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-only-xl-4 {
    margin-left: 33.32%;
}
.fv-col-only-xl-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-only-xl-5 {
    margin-left: 41.65%;
}
.fv-col-only-xl-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-only-xl-6 {
    margin-left: 49.98%;
}
.fv-col-only-xl-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-only-xl-7 {
    margin-left: 58.31%;
}
.fv-col-only-xl-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-only-xl-8 {
    margin-left: 66.64%;
}
.fv-col-only-xl-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-only-xl-9 {
    margin-left: 74.97%;
}
.fv-col-only-xl-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-only-xl-10 {
    margin-left: 83.3%;
}
.fv-col-only-xl-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-only-xl-11 {
    margin-left: 91.63%;
}
.fv-col-only-xl-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-only-xl-12 {
    margin-left: 99.96%;
}
.fv-col-only-xl-0 {
    display: none;
}
}
@media (min-width: 0px) {
.fv-col-lower-xl-1 {
    display: block;
    flex: 0 0 8.33%;
    width: 8.33%;
    max-width: 8.33%;
}
.fv-col-offset-lower-xl-1 {
    margin-left: 8.33%;
}
.fv-col-lower-xl-2 {
    display: block;
    flex: 0 0 16.66%;
    width: 16.66%;
    max-width: 16.66%;
}
.fv-col-offset-lower-xl-2 {
    margin-left: 16.66%;
}
.fv-col-lower-xl-3 {
    display: block;
    flex: 0 0 24.99%;
    width: 24.99%;
    max-width: 24.99%;
}
.fv-col-offset-lower-xl-3 {
    margin-left: 24.99%;
}
.fv-col-lower-xl-4 {
    display: block;
    flex: 0 0 33.32%;
    width: 33.32%;
    max-width: 33.32%;
}
.fv-col-offset-lower-xl-4 {
    margin-left: 33.32%;
}
.fv-col-lower-xl-5 {
    display: block;
    flex: 0 0 41.65%;
    width: 41.65%;
    max-width: 41.65%;
}
.fv-col-offset-lower-xl-5 {
    margin-left: 41.65%;
}
.fv-col-lower-xl-6 {
    display: block;
    flex: 0 0 49.98%;
    width: 49.98%;
    max-width: 49.98%;
}
.fv-col-offset-lower-xl-6 {
    margin-left: 49.98%;
}
.fv-col-lower-xl-7 {
    display: block;
    flex: 0 0 58.31%;
    width: 58.31%;
    max-width: 58.31%;
}
.fv-col-offset-lower-xl-7 {
    margin-left: 58.31%;
}
.fv-col-lower-xl-8 {
    display: block;
    flex: 0 0 66.64%;
    width: 66.64%;
    max-width: 66.64%;
}
.fv-col-offset-lower-xl-8 {
    margin-left: 66.64%;
}
.fv-col-lower-xl-9 {
    display: block;
    flex: 0 0 74.97%;
    width: 74.97%;
    max-width: 74.97%;
}
.fv-col-offset-lower-xl-9 {
    margin-left: 74.97%;
}
.fv-col-lower-xl-10 {
    display: block;
    flex: 0 0 83.3%;
    width: 83.3%;
    max-width: 83.3%;
}
.fv-col-offset-lower-xl-10 {
    margin-left: 83.3%;
}
.fv-col-lower-xl-11 {
    display: block;
    flex: 0 0 91.63%;
    width: 91.63%;
    max-width: 91.63%;
}
.fv-col-offset-lower-xl-11 {
    margin-left: 91.63%;
}
.fv-col-lower-xl-12 {
    display: block;
    flex: 0 0 99.96%;
    width: 99.96%;
    max-width: 99.96%;
}
.fv-col-offset-lower-xl-12 {
    margin-left: 99.96%;
}
.fv-col-lower-xl-0 {
    display: none;
}
}
[class*='fv-size'] {
  height: auto;
}
.fv-size-xs {
  font-size: 0.6em !important;
  min-height: 2.24em !important;
}
button.fv-size-xs,
input.fv-size-xs {
  height: 2.24em !important;
  line-height: 2.24em !important;
}
.fv-font-xs {
  font-size: 0.6em !important;
}
.fv-size-sm {
  font-size: 0.8em !important;
  min-height: 2.52em !important;
}
button.fv-size-sm,
input.fv-size-sm {
  height: 2.52em !important;
  line-height: 2.52em !important;
}
.fv-font-sm {
  font-size: 0.8em !important;
}
.fv-size-md {
  font-size: 1em !important;
  min-height: 2.8em !important;
}
button.fv-size-md,
input.fv-size-md {
  height: 2.8em !important;
  line-height: 2.8em !important;
}
.fv-font-md {
  font-size: 1em !important;
}
.fv-size-lg {
  font-size: 1.2em !important;
  min-height: 3.36em !important;
}
button.fv-size-lg,
input.fv-size-lg {
  height: 3.36em !important;
  line-height: 3.36em !important;
}
.fv-font-lg {
  font-size: 1.2em !important;
}
.fv-size-xl {
  font-size: 1.4em !important;
  min-height: 3.92em !important;
}
button.fv-size-xl,
input.fv-size-xl {
  height: 3.92em !important;
  line-height: 3.92em !important;
}
.fv-font-xl {
  font-size: 1.4em !important;
}
.fv-hidden {
  display: none !important;
}
@media (min-width: 1px) and (max-width: 479px) {
.fv-hidden-xs {
    display: none !important;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.fv-hidden-sm {
    display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.fv-hidden-md {
    display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.fv-hidden-lg {
    display: none !important;
}
}
@media (min-width: 1200px) {
.fv-hidden-xl {
    display: none !important;
}
}
.fv-margin {
  margin: 1em !important;
}
.fv-margin-sm {
  margin: 0.5em !important;
}
.fv-no-margin {
  margin: 0 !important;
}
.fv-margin-start {
  margin-left: 1em !important;
}
.fv-margin-start-sm {
  margin-left: 0.5em !important;
}
.fv-margin-end {
  margin-right: 1em !important;
}
.fv-margin-end-sm {
  margin-right: 0.5em !important;
}
.fv-margin-top {
  margin-top: 1em !important;
}
.fv-margin-top-sm {
  margin-top: 0.5em !important;
}
.fv-margin-bottom {
  margin-bottom: 1em !important;
}
.fv-margin-bottom-sm {
  margin-bottom: 0.5em !important;
}
.fv-padding {
  padding: 1em !important;
}
.fv-padding-sm {
  padding: 0.5em !important;
}
.fv-no-padding {
  padding: 0 !important;
}
.fv-padding-start {
  padding-left: 1em !important;
}
.fv-padding-start-sm {
  padding-left: 0.5em !important;
}
.fv-padding-end {
  padding-right: 1em !important;
}
.fv-padding-end-sm {
  padding-right: 0.5em !important;
}
.fv-padding-top {
  padding-top: 1em !important;
}
.fv-padding-top-sm {
  padding-top: 0.5em !important;
}
.fv-padding-bottom {
  padding-bottom: 1em !important;
}
.fv-padding-bottom-sm {
  padding-bottom: 0.5em !important;
}
.fv-border {
  border: solid 1px #e0e0e0 !important;
}
.fv-no-border {
  border: 0 !important;
}
.fv-border-start {
  border-left: solid 1px #e0e0e0 !important;
}
.fv-border-end {
  border-right: solid 1px #e0e0e0 !important;
}
.fv-border-top {
  border-top: solid 1px #e0e0e0 !important;
}
.fv-border-bottom {
  border-bottom: solid 1px #e0e0e0 !important;
}
.fv-bg-primary {
  background: #41b883 !important;
}
.fv-bg-secondary {
  background: #35485d !important;
}
.fv-bg-info {
  background: #14b0cf !important;
}
.fv-bg-danger {
  background: #dd4b39 !important;
}
.fv-bg-warning {
  background: #ef8f00 !important;
}
.fv-bg-light {
  background: #757575 !important;
}
.fv-bg-dark {
  background: #0d0d0d !important;
}
.fv-text-primary {
  color: #41b883 !important;
}
.fv-text-secondary {
  color: #35485d !important;
}
.fv-text-info {
  color: #14b0cf !important;
}
.fv-text-danger {
  color: #dd4b39 !important;
}
.fv-text-warning {
  color: #ef8f00 !important;
}
.fv-text-light {
  color: #757575 !important;
}
.fv-text-dark {
  color: #0d0d0d !important;
}
.fv-text-center {
  text-align: center !important;
}
.fv-text-end {
  text-align: right !important;
}
.fv-text-start {
  text-align: left !important;
}
.fv-text-left {
  text-align: left !important;
}
.fv-text-right {
  text-align: right !important;
}
.fv-text-justify {
  text-align: justify !important;
}
.fv-font-mono {
  font-family: monospace;
}
.fv-dir-start {
  direction: ltr !important;
}
.fv-dir-end {
  direction: rtl !important;
}
.fv-ltr {
  direction: ltr !important;
}
.fv-rtl {
  direction: rtl !important;
}
.fv-no-shadow {
  box-shadow: none !important;
}
.fv-shadow {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}
.fv-no-radius {
  border-radius: 0 !important;
}
.fv-radius {
  border-radius: 2px !important;
}
.fv-no-wrap {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.fv-pull-start {
  float: left !important;
}
.fv-pull-end {
  float: right !important;
}
.fv-clear-both {
  clear: both !important;
}
.fv-pointer {
  cursor: pointer !important;
}
.fv-link, .fv-link:hover, .fv-link:active, .fv-link:focus, .fv-link:visited {
  color: #64c89b;
  cursor: pointer;
  text-decoration: none;
}
.fv-hr {
  background: transparent;
  border-bottom: 0;
  border-top: solid 1px rgba(0, 0, 0, 0.2);
  height: 0;
  width: 100%;
}
.fv-block {
  display: block !important;
  width: 100%;
}
.fv-inline-block {
  display: inline-block !important;
}
.fv-inline {
  display: inline !important;
}
.fv-flex,
.fv-flex-row {
  display: flex !important;
  flex-direction: row;
}
.fv-flex-col {
  display: flex !important;
  flex-direction: column;
}
.fv-grow {
  flex-grow: 1 !important;
}
.fv-invalid {
  z-index: 2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0.5px 1px #dd4b39;
  outline: none;
  border-color: transparent;
}
.fv-disabled {
  opacity: 0.35;
}
.fv-disabled,
  .fv-disabled * {
    cursor: not-allowed !important;
    user-select: none !important;
}
.fv-main {
  background: #fff;
  color: #1a1a1a;
  display: flex;
  flex-direction: row;
  overflow: auto;
  min-height: 100%;
}
.fv-main.column {
    flex-direction: column;
}

.fv-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  justify-content: stretch;
}
.fv-content > *:not(.fv-header):not(.fv-footer):not(.not-content) {
    flex-grow: 1;
}

.fv-header {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  height: fit-content;
  min-height: min-content;
  max-height: max-content;
}
.fv-header > header {
    width: 100%;
    padding: 1em;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.fv-header > header > * {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      align-self: center;
      max-height: 100%;
      max-width: 100%;
}
.fv-header:not(.transparent) {
    background: #35485d;
    color: white;
    border-bottom: solid 1px #1f2a36;
}
.fv-header:not(.transparent) .fv-button {
      background: #35485d;
      color: white;
      border: none;
      box-shadow: none;
}
.fv-header:not(.transparent) .fv-button:not([disabled]):hover, .fv-header:not(.transparent) .fv-button:not([disabled]):focus {
        background: #3c526a;
        transition-duration: 0;
}
.fv-header:not(.transparent) .fv-button:not([disabled]):active {
        background: #1f2a36;
        transition-duration: 0.35s;
}
.fv-header:not(.transparent) .fv-button[disabled] {
        opacity: 0.35;
}
.fv-header:not(.transparent) .fv-button[disabled],
        .fv-header:not(.transparent) .fv-button[disabled] * {
          cursor: not-allowed !important;
          user-select: none !important;
}
.fv-header:not(.transparent) .fv-input {
      background: #3c526a;
      color: white;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
      border: solid 1px #1f2a36;
      border-radius: 2px;
      font-family: inherit;
      position: relative;
      padding: 0 0.5em;
}
.fv-header:not(.transparent) .fv-input:not([disabled]):hover {
        border: solid 1px black;
}
.fv-header:not(.transparent) .fv-input:not([disabled]):focus, .fv-header:not(.transparent) .fv-input:not([disabled])[focus] {
        z-index: 2;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0.5px 1px #41b883;
        outline: none;
        border-color: transparent;
}
.fv-header:not(.transparent) .fv-input:not([disabled]):focus:invalid, .fv-header:not(.transparent) .fv-input:not([disabled]):focus[invalid], .fv-header:not(.transparent) .fv-input:not([disabled])[focus]:invalid, .fv-header:not(.transparent) .fv-input:not([disabled])[focus][invalid] {
          z-index: 2;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0.5px 1px #dd4b39;
          outline: none;
          border-color: transparent;
}
.fv-header:not(.transparent) .fv-input[disabled] {
        opacity: 0.35;
}
.fv-header:not(.transparent) .fv-input[disabled],
        .fv-header:not(.transparent) .fv-input[disabled] * {
          cursor: not-allowed !important;
          user-select: none !important;
}
.fv-header:not(.transparent) .fv-input::placeholder,
      .fv-header:not(.transparent) .fv-input > .placeholder {
        color: #7994b2;
}
.fv-header.transparent {
    background: transparent;
    border-bottom: solid 1px #e0e0e0;
}

.fv-footer {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  height: fit-content;
  min-height: min-content;
  max-height: max-content;
  overflow: auto;
}
.fv-footer > footer {
    padding: 0.83333em 1em;
}
.fv-footer:not(.transparent) {
    background: #3a3a3a;
    color: white;
    border-top: solid 1px #1b1b1b;
}
.fv-footer.transparent {
    background: transparent;
    border-top: solid 1px #e0e0e0;
}

.fv-sidebar {
  background: #3a3a3a;
  color: white;
  border-radius: 0;
  min-height: 100%;
  top: 0;
  position: static;
  min-width: 15%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  border: none;
  overflow: auto;
}
.fv-sidebar.unpin {
    position: fixed;
    z-index: 2;
    height: 100%;
}
.fv-sidebar.pin {
    box-shadow: none;
}
.fv-sidebar.left {
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.05);
    border-right: solid 1px #1b1b1b;
}
.fv-sidebar.right {
    box-shadow: -1px 0 1px rgba(0, 0, 0, 0.05);
    border-left: solid 1px #1b1b1b;
}
.fv-sidebar .fv-list > .fv-list-item > .content,
  .fv-sidebar .fv-list > .fv-list-item > .sub-list {
    border-top: solid 1px #444444;
}
.fv-sidebar .fv-list > .fv-list-item.highlighted > .content {
    background: #444444;
    color: white;
}
.fv-sidebar.fv-sidebar-enter-active, .fv-sidebar.fv-sidebar-leave-active {
    transform: translate3d(0, 0, 0);
    transition-property: transform, opacity;
    transition-timing-function: ease;
    will-change: transform, opacity;
    backface-visibility: hidden;
}
.fv-sidebar.fv-sidebar-enter-active.unpin, .fv-sidebar.fv-sidebar-leave-active.unpin {
      transition-duration: 0.35s;
}
.fv-sidebar.fv-sidebar-enter.left, .fv-sidebar.fv-sidebar-leave-active.left {
    transform: translate3d(-100%, 0, 0);
}
.fv-sidebar.fv-sidebar-enter.right, .fv-sidebar.fv-sidebar-leave-active.right {
    transform: translate3d(100%, 0, 0);
}

.fv-control-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #757575;
  display: block;
  max-width: 100%;
  min-height: 1px;
}
.fv-form-control-group {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  clear: both;
  padding: 0.5em;
}
.fv-form-control-group > legend {
    padding: inherit;
}
.fv-form-control {
  font-family: inherit;
  max-width: 100%;
  width: 100%;
}
.fv-input-group {
  display: inline-block;
}
.fv-input-group > * {
    margin: 0 0.25em;
}
.fv-input-group > *:first-child {
    margin-left: 0;
}
.fv-input-group > *:last-child {
    margin-right: 0;
}

.fv-select .input {
  border: none;
  background: transparent;
  width: auto;
}
.fv-select .insert-icon > svg {
  transform: rotateZ(45deg);
  vertical-align: middle;
  width: 1em;
}

.fv-datepicker.fv-inputbox .out-container {
  width: 22em;
}
.fv-datepicker-box .header {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  padding: 0.5em;
}
.fv-datepicker-box .header .header-buttons {
    overflow: visible;
}
.fv-datepicker-box .header .header-buttons > .fv-button {
      padding: 0 0.5em;
      border: 0;
      box-shadow: none;
}
.fv-datepicker-box .content {
  padding: 0.5em;
  width: 100%;
  text-align: center;
}
.fv-datepicker-box .content table {
    width: 100%;
}
.fv-datepicker-box .content table thead td {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.8em;
      color: #b3b3b3;
      padding-bottom: 0.5em;
}
.fv-datepicker-box .content table tbody td {
      width: 14.2%;
      max-width: 14.2%;
      min-width: 14.2%;
      overflow: hidden;
      height: 2.52em;
      vertical-align: middle;
      border-radius: 2px;
      cursor: pointer;
      padding: 0.33333em;
}
.fv-datepicker-box .content table tbody td[disabled] {
        opacity: 0.35;
        text-decoration: line-through;
}
.fv-datepicker-box .content table tbody td[disabled],
        .fv-datepicker-box .content table tbody td[disabled] * {
          cursor: not-allowed !important;
          user-select: none !important;
}
.fv-datepicker-box .content table tbody td.hidden {
        opacity: 0.3;
}
.fv-datepicker-box .content table tbody td:not([disabled]):not(.selected).highlighted, .fv-datepicker-box .content table tbody td:not([disabled]):not(.selected):hover {
        background: whitesmoke;
        color: #0f0f0f;
}
.fv-datepicker-box .content table tbody td:not([disabled]).selected {
        background: #41b883;
        color: white;
}
.fv-datepicker-box .content table tbody td:not([disabled]).selected:hover {
          background: #3ca978;
          color: white;
}

.fv-list {
  clear: both;
}
.fv-list > .fv-list-item:first-child > .content {
    border-top: none;
}

.fv-list-item {
  clear: both;
  overflow: hidden;
  border: 0;
  min-height: 2.8em;
}
.fv-list-item .content {
    align-items: center;
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    min-height: inherit;
    cursor: default;
}
.fv-list-item .content > .text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex-grow: 1;
      padding: 0 1em;
}
.fv-list-item .content .expand {
      padding: 0 0.5em;
      cursor: pointer;
}
.fv-list-item .content .expand > svg {
        vertical-align: middle;
        width: 1.4em;
        height: auto;
        transition: transform 0.35s;
}
.fv-list-item .content .expand.rotate > svg {
        transform: rotateX(180deg);
}
.fv-list-item > .content,
  .fv-list-item > .sub-list {
    border-top: solid 1px #e0e0e0;
}
.fv-list-item[disabled] > .content > * {
    opacity: 0.35;
}
.fv-list-item[disabled] > .content,
  .fv-list-item[disabled] > .content * {
    cursor: not-allowed !important;
    user-select: none !important;
}
.fv-list-item.highlighted > .content {
    background: whitesmoke;
    color: #0f0f0f;
}
.fv-list-item.selected {
    border-left: solid 4px #41b883;
}
.fv-list-item .sub-list > .fv-list {
    border: 0;
    border-left: solid 1.5em transparent;
}
.fv-list-item .sub-list.sub-list-enter-active, .fv-list-item .sub-list.sub-list-leave-active {
    transition-duration: 0.35s;
    transition-property: opacity, max-height;
    will-change: opacity, max-height;
    max-height: 100vh;
    backface-visibility: hidden;
}
.fv-list-item .sub-list.sub-list-enter, .fv-list-item .sub-list.sub-list-leave-to {
    opacity: 0;
    max-height: 0;
}

.fv-menu {
  background: #fff;
  color: #1a1a1a;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  backface-visibility: hidden;
  height: auto;
  border: solid 1px #e0e0e0;
  position: absolute;
  border-radius: 2px;
  z-index: 3;
}
.fv-menu.fv-menu-enter-active, .fv-menu.fv-menu-leave-active {
    transform: translate3d(0, 0, 0);
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.11667s;
    will-change: transform, opacity;
    backface-visibility: hidden;
}
.fv-menu.fv-menu-enter, .fv-menu.fv-menu-leave-active {
    opacity: 0;
    transform: translate3d(0, -1em, 0);
}

.fv-input {
  background: white;
  color: #1a1a1a;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  font-family: inherit;
  position: relative;
  padding: 0 0.5em;
  font-size: 1em;
  min-height: 2.8em;
  vertical-align: middle;
}
.fv-input:not([disabled]):hover {
    border: solid 1px #b3b3b3;
}
.fv-input:not([disabled]):focus, .fv-input:not([disabled])[focus] {
    z-index: 2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0.5px 1px #41b883;
    outline: none;
    border-color: transparent;
}
.fv-input:not([disabled]):focus:invalid, .fv-input:not([disabled]):focus[invalid], .fv-input:not([disabled])[focus]:invalid, .fv-input:not([disabled])[focus][invalid] {
      z-index: 2;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0.5px 1px #dd4b39;
      outline: none;
      border-color: transparent;
}
.fv-input[disabled] {