:root {
  /* https://material.io/resources/color/#!/?view.left=0&view.right=1&primary.color=339966&secondary.color=02283C&primary.text.color=ffffff&secondary.text.color=fbffee */
  --height-header: 65px;
  --max-width: 1450px;

  /* primary */
  --c-p: #339966;
  --c-p-l: #68cb94;
  --c-p-dark: #006a3b;

  /* secondary */
  --c-s: #02283c;
  --c-s-l: #325067;
  --c-s-d: #000017;

  /* background */
  --c-b: #ffffff;
  --c-b-l: #ffffff;
  --c-b-d: #363636;
  --c-b-s: #f3f4f5;
  --c-b-s-l: #f3f4f5;
  --c-b-s-d: #363636;

  /* text */
  --c-t-p: #ffffff;
  --c-t-s: #ffffff;
  --c-t-b: #191c1f;
  --c-t-b-v: #8b959e;

  --c-t-p-l: #191c1f;
  --c-t-s-l: #ffffff;
  --c-t-b-l: #ffffff;
  --c-t-p-d: #008cf0;
  --c-t-s-d: #8b95aa;
  --c-t-b-d: #8b95aa;

  /* color error */
  --c-e: #a13835;
  --c-e-l: #a13835;
  --c-e-d: #a13835;

  /* color Accent */
  --c-a: #ffab00;
  --c-a-l: #339966;
  --c-a-d: #339966;

  /* General */
  --shadow: rgba(25, 28, 31, 0.03) 0px 0.1rem 0.5rem 0px,
  rgba(25, 28, 31, 0.07) 0px 0.4rem 1rem 0px,
  rgba(25, 28, 31, 0.05) 0px 1px 0px 0px inset;
  --shadow-e: var(--c-e) 0px 0.1rem 0.5rem 0px, var(--c-e) 0px 0.4rem 1rem 0px,
  var(--c-e) 0px 1px 0px 0px inset;
  --border-r: 6px;
  --c-taxi: #ffab00;
  /* fonts */
  --f-text: Roboto, -apple-system, "Helvetica Neue", Helvetica, "Segoe UI",
  Arial, sans-serif;
  --f-title: "Futura New", Futura, Avenir, sans-serif;
}

html,
body {
  overflow: initial !important;
  overflow-x: initial !important;
  overflow-y: initial !important;
}

body {
  overflow: scroll !important;
  overflow-x: initial !important;
}

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 {
  font-family: var(--f-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--f-title);
}

a,
a:link,
a:visited,
a:hover,
a:active {
  color: black;
  text-decoration: none !important;
}

ul {
  list-style-type: none;
}

/* VUETIFY */

/* general */
.width {
  width: 100%;
}

.height {
  height: 100%;
}

.text-center {
  text-align: center;
}

.relative {
  position: relative;
}

.shadow {
  box-shadow: var(--shadow);
}

.left,
.right,
.center,
.center-vertical,
.center-full,
.between,
.item-start,
.item-end,
.wrap,
.nowrap,
.f-column,
.baseline,
.vertical-end,
.evenly {
  display: flex;
}

.center {
  justify-content: center;
}

.center-vertical {
  align-items: center;
}

.center-full {
  align-items: center;
  justify-content: center;
}

.vertical-end {
  align-items: flex-end;
}

.left {
  justify-content: flex-start;
}

.right {
  justify-content: flex-end;
}

.between {
  justify-content: space-between;
}

.evenly {
  justify-content: space-evenly;
}

.baseline {
  align-items: baseline;
}

.item-start {
  align-items: flex-start;
}

.item-end {
  align-items: flex-end;
}

.wrap {
  flex-wrap: wrap;
}

.nowrap {
  flex-wrap: nowrap !important;
}

#app .f-column {
  flex-direction: column !important;
}

.one-line {
  overflow: visible;
  white-space: nowrap;
}

.one-line-hidden {
  overflow: hidden;
  white-space: nowrap;
}

.flex-1 {
  flex: 1;
}

.pointer {
  cursor: pointer;
}

.t--primary {
  color: var(--c-p);
}

.border-radius {
  border-radius: var(--border-r);
}

/*Value for views*/
.c-view {
  padding: 0 0px;
  position: relative;
  min-height: calc(100vh - var(--height-header));
  margin-bottom: calc(var(--height-header) + 15px);
}

.c-view.desktop {
  margin-bottom: 0;
}

.text--error {
  color: var(--c-e);
}

.m--auto {
  margin: auto;
}

.w--auto {
  width: auto !important;
}

.height--auto {
  height: auto !important;
}
.text-one-line {
  overflow: hidden;
  white-space: nowrap;
}
.pinned--left {
  position: sticky;
  left: 0px;
  background: white;
  z-index: 1;
}

.border-bottom {
  border-bottom: thin solid rgba(0, 0, 0, 0.12);
}

.top-sticky{
  position: sticky;
  top: 0;
}
.top-sticky--white{
  background: white;
  z-index: 2;
}
.z-index{
  z-index: 1;
}