/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/app.scss ***!
  \******************************************************************************************************************************************************/
/* Components */
/*
@use "@material/icon-button";
@use "@material/icon-button/styles" as icon-styles;
@use "@material/button/styles" as button-styles;
@use "@material/snackbar/mdc-snackbar";
@use "@material/top-app-bar/mdc-top-app-bar";
@use "@material/drawer";
@use "@material/list";
@use "@material/list/mdc-list";
@use "@material/layout-grid/mdc-layout-grid";
@use "@material/menu-surface/mdc-menu-surface";
@use "@material/menu/mdc-menu";
@use "@material/card";
@use "@material/floating-label/mdc-floating-label";
@use "@material/line-ripple/mdc-line-ripple";
@use "@material/notched-outline/mdc-notched-outline";
@use "@material/textfield";
@use "@material/data-table/data-table";
@use "@material/select";
@use "@material/select/styles";
@use "@material/checkbox";
@use "@material/form-field";
@use "@material/dialog";
@use "@material/tab-bar/mdc-tab-bar";
@use "@material/tab-scroller/mdc-tab-scroller";
@use "@material/tab-indicator/mdc-tab-indicator";
@use "@material/tab/mdc-tab";
@use "@material/tooltip";
@use "@material/chips";
@use '@material/switch/styles';

@include drawer.core-styles;
@include drawer.dismissible-core-styles;
@include drawer.modal-core-styles;
@include list.deprecated-core-styles;
@include card.core-styles;
@include textfield.core-styles;
@include data-table.core-styles;
@include data-table.theme-baseline;
@include checkbox.core-styles;
@include form-field.core-styles;
@include dialog.core-styles;
*/
/* Core variables */
/**
 * Variables
*/
/* Typography */
/*
$fontFamilyPrimary: "Roboto", Verdana, sans-serif;
$fontFamilySecondary: "Montserrat", Verdana, sans-serif;
*/
/* Common Breakpoints */
/* Common */
/*
$colorPrimary: lime;
$colorSecondary: blue;
$colorTertiary: orange;
*/
/* Sidebar */
/* CSS Reset */
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,
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 {
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
main {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

body {
  margin: 0;
}

ul {
  list-style-type: none;
}

a {
  background: transparent;
  text-decoration: none;
}

button,
input {
  line-height: normal;
}

input[type=search] {
  -webkit-appearance: textfield;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

textarea:focus,
input:focus {
  outline: 0;
}

input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* Fonts */
/**
 * Fonts
*/
/*
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Material+Icons&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
*/
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-Regular.19055b.eot);
  src: local("/src/fonts/Gilroy Regular"), local("/src/fonts/Gilroy-Regular"), url(../img/design/Gilroy-Regular.19055b.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-Regular.f6c993.woff2) format("woff2"), url(../img/design/Gilroy-Regular.ebe86c.woff) format("woff"), url(../img/design/Gilroy-Regular.fa652e.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-ExtraboldItalic.d4bac2.eot);
  src: local("/src/fonts/Gilroy Extrabold Italic"), local("/src/fonts/Gilroy-ExtraboldItalic"), url(../img/design/Gilroy-ExtraboldItalic.d4bac2.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-ExtraboldItalic.cb765d.woff2) format("woff2"), url(../img/design/Gilroy-ExtraboldItalic.a15d92.woff) format("woff"), url(../img/design/Gilroy-ExtraboldItalic.465aa5.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-Bold.aa68c1.eot);
  src: local("/src/fonts/Gilroy Bold"), local("/src/fonts/Gilroy-Bold"), url(../img/design/Gilroy-Bold.aa68c1.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-Bold.ef7c40.woff2) format("woff2"), url(../img/design/Gilroy-Bold.0607a1.woff) format("woff"), url(../img/design/Gilroy-Bold.901a60.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-Black.15c6a9.eot);
  src: local("/src/fonts/Gilroy Black"), local("/src/fonts/Gilroy-Black"), url(../img/design/Gilroy-Black.15c6a9.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-Black.ae06da.woff2) format("woff2"), url(../img/design/Gilroy-Black.a9df21.woff) format("woff"), url(../img/design/Gilroy-Black.462897.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-Light.f49830.eot);
  src: local("/src/fonts/Gilroy Light"), local("/src/fonts/Gilroy-Light"), url(../img/design/Gilroy-Light.f49830.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-Light.c2e7a6.woff2) format("woff2"), url(../img/design/Gilroy-Light.368f09.woff) format("woff"), url(../img/design/Gilroy-Light.0ac7c2.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-Semibold.54bc2f.eot);
  src: local("/src/fonts/Gilroy Semibold"), local("/src/fonts/Gilroy-Semibold"), url(../img/design/Gilroy-Semibold.54bc2f.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-Semibold.7726b1.woff2) format("woff2"), url(../img/design/Gilroy-Semibold.5b0429.woff) format("woff"), url(../img/design/Gilroy-Semibold.41fa36.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-Medium.2fea64.eot);
  src: local("/src/fonts/Gilroy Medium"), local("/src/fonts/Gilroy-Medium"), url(../img/design/Gilroy-Medium.2fea64.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-Medium.acd4e6.woff2) format("woff2"), url(../img/design/Gilroy-Medium.5329bc.woff) format("woff"), url(../img/design/Gilroy-Medium.1c23f8.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-MediumItalic.2d3fcc.eot);
  src: local("/src/fonts/Gilroy Medium Italic"), local("/src/fonts/Gilroy-MediumItalic"), url(../img/design/Gilroy-MediumItalic.2d3fcc.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-MediumItalic.56b6f6.woff2) format("woff2"), url(../img/design/Gilroy-MediumItalic.e50c6a.woff) format("woff"), url(../img/design/Gilroy-MediumItalic.89dade.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-BlackItalic.0c2209.eot);
  src: local("/src/fonts/Gilroy Black Italic"), local("/src/fonts/Gilroy-BlackItalic"), url(../img/design/Gilroy-BlackItalic.0c2209.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-BlackItalic.a11560.woff2) format("woff2"), url(../img/design/Gilroy-BlackItalic.c04a0a.woff) format("woff"), url(../img/design/Gilroy-BlackItalic.9d038b.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-UltraLight.69d957.eot);
  src: local("/src/fonts/Gilroy UltraLight"), local("/src/fonts/Gilroy-UltraLight"), url(../img/design/Gilroy-UltraLight.69d957.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-UltraLight.378f43.woff2) format("woff2"), url(../img/design/Gilroy-UltraLight.9169fa.woff) format("woff"), url(../img/design/Gilroy-UltraLight.6c356b.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-RegularItalic.3b7071.eot);
  src: local("/src/fonts/Gilroy Regular Italic"), local("/src/fonts/Gilroy-RegularItalic"), url(../img/design/Gilroy-RegularItalic.3b7071.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-RegularItalic.5c23dc.woff2) format("woff2"), url(../img/design/Gilroy-RegularItalic.1a8de2.woff) format("woff"), url(../img/design/Gilroy-RegularItalic.5f3ed3.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-SemiboldItalic.df9d88.eot);
  src: local("/src/fonts/Gilroy Semibold Italic"), local("/src/fonts/Gilroy-SemiboldItalic"), url(../img/design/Gilroy-SemiboldItalic.df9d88.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-SemiboldItalic.f573f3.woff2) format("woff2"), url(../img/design/Gilroy-SemiboldItalic.b7e83a.woff) format("woff"), url(../img/design/Gilroy-SemiboldItalic.4d55ee.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-HeavyItalic.df7d31.eot);
  src: local("/src/fonts/Gilroy Heavy Italic"), local("/src/fonts/Gilroy-HeavyItalic"), url(../img/design/Gilroy-HeavyItalic.df7d31.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-HeavyItalic.1260eb.woff2) format("woff2"), url(../img/design/Gilroy-HeavyItalic.25ba04.woff) format("woff"), url(../img/design/Gilroy-HeavyItalic.4e2713.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-Extrabold.35fe3e.eot);
  src: local("/src/fonts/Gilroy Extrabold"), local("/src/fonts/Gilroy-Extrabold"), url(../img/design/Gilroy-Extrabold.35fe3e.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-Extrabold.5c5942.woff2) format("woff2"), url(../img/design/Gilroy-Extrabold.f39ff8.woff) format("woff"), url(../img/design/Gilroy-Extrabold.92e435.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-BoldItalic.59f5bb.eot);
  src: local("/src/fonts/Gilroy Bold Italic"), local("/src/fonts/Gilroy-BoldItalic"), url(../img/design/Gilroy-BoldItalic.59f5bb.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-BoldItalic.990e3c.woff2) format("woff2"), url(../img/design/Gilroy-BoldItalic.76c919.woff) format("woff"), url(../img/design/Gilroy-BoldItalic.244d41.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-UltraLightItalic.a6fc86.eot);
  src: local("/src/fonts/Gilroy UltraLight Italic"), local("/src/fonts/Gilroy-UltraLightItalic"), url(../img/design/Gilroy-UltraLightItalic.a6fc86.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-UltraLightItalic.9e0449.woff2) format("woff2"), url(../img/design/Gilroy-UltraLightItalic.3c8027.woff) format("woff"), url(../img/design/Gilroy-UltraLightItalic.68a9a2.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-LightItalic.8c6863.eot);
  src: local("/src/fonts/Gilroy Light Italic"), local("/src/fonts/Gilroy-LightItalic"), url(../img/design/Gilroy-LightItalic.8c6863.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-LightItalic.8dde57.woff2) format("woff2"), url(../img/design/Gilroy-LightItalic.d89984.woff) format("woff"), url(../img/design/Gilroy-LightItalic.7b6800.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-Heavy.d3e25f.eot);
  src: local("/src/fonts/Gilroy Heavy"), local("/src/fonts/Gilroy-Heavy"), url(../img/design/Gilroy-Heavy.d3e25f.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-Heavy.19b3f6.woff2) format("woff2"), url(../img/design/Gilroy-Heavy.406f33.woff) format("woff"), url(../img/design/Gilroy-Heavy.bf729a.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-Thin.a479c0.eot);
  src: local("/src/fonts/Gilroy Thin"), local("/src/fonts/Gilroy-Thin"), url(../img/design/Gilroy-Thin.a479c0.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-Thin.8d8f3d.woff2) format("woff2"), url(../img/design/Gilroy-Thin.4b118d.woff) format("woff"), url(../img/design/Gilroy-Thin.fc813b.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../img/design/Gilroy-ThinItalic.cea6b0.eot);
  src: local("/src/fonts/Gilroy Thin Italic"), local("/src/fonts/Gilroy-ThinItalic"), url(../img/design/Gilroy-ThinItalic.cea6b0.eot?#iefix) format("embedded-opentype"), url(../img/design/Gilroy-ThinItalic.aa21bf.woff2) format("woff2"), url(../img/design/Gilroy-ThinItalic.214652.woff) format("woff"), url(../img/design/Gilroy-ThinItalic.aa7483.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
/*
@font-face {
    font-family: "Calibri";
    src: url("/src/fonts/Calibri-Italic.eot");
    src: url("/src/fonts/Calibri-Italic.eot?#iefix") format("embedded-opentype"),
        url("/src/fonts/Calibri-Italic.woff2") format("woff2"),
        url("/src/fonts/Calibri-Italic.woff") format("woff"),
        url("/src/fonts/Calibri-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Calibri";
    src: url("/src/fonts/Calibri.eot");
    src: url("/src/fonts/Calibri.eot?#iefix") format("embedded-opentype"),
        url("/src/fonts/Calibri.woff2") format("woff2"),
        url("/src/fonts/Calibri.woff") format("woff"),
        url("/src/fonts/Calibri.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Calibri";
    src: url("/src/fonts/Calibri-Bold.eot");
    src: url("/src/fonts/Calibri-Bold.eot?#iefix") format("embedded-opentype"),
        url("/src/fonts/Calibri-Bold.woff2") format("woff2"),
        url("/src/fonts/Calibri-Bold.woff") format("woff"),
        url("/src/fonts/Calibri-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Calibri";
    src: url("/src/fonts/Calibri-BoldItalic.eot");
    src: url("/src/fonts/Calibri-BoldItalic.eot?#iefix")
            format("embedded-opentype"),
        url("/src/fonts/Calibri-BoldItalic.woff2") format("woff2"),
        url("/src/fonts/Calibri-BoldItalic.woff") format("woff"),
        url("/src/fonts/Calibri-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Calibri";
    src: url("/src/fonts/Calibri-Light.eot");
    src: url("/src/fonts/Calibri-Light.eot?#iefix") format("embedded-opentype"),
        url("/src/fonts/Calibri-Light.woff2") format("woff2"),
        url("/src/fonts/Calibri-Light.woff") format("woff"),
        url("/src/fonts/Calibri-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
*/
/* Mixins, helpers and functions */
/**
 * Helper mixins
*/
/* Browser specific styles */
/**
 * Dirty hacks, yes internet explorer, we are looking at you
*/
/* Custom subsets  */
/* Base */
:root {
  --mdc-theme-background: #fff;
  --mdc-theme-primary: #212121;
  --mdc-theme-on-primary: #ffffff;
  --mdc-theme-secondary: #ffffff;
  --mdc-theme-on-secondary: #212121;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #212121;
  --mdc-ripple-color: #707070;
  --mdc-theme-error: #b00020;
  --mdc-protected-button-container-height: 46px;
  --mdc-text-button-with-icon-icon-size: 1.5rem;
  --mdc-shape-small: 0px;
  --mdc-shape-medium: 0px;
  --mdc-shape-large: 0px;
  --mdc-typography-font-family: Gilroy, Verdana, sans-serif;
  --mdc-typography-button-text-transform: none;
  --mdc-typography-button-font-weight: 400;
  --mdc-typography-button-letter-spacing: normal;
}

body.defaultTheme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  font-size: 0.875rem;
  font-family: Gilroy, Verdana, sans-serif;
  font-weight: initial;
  -webkit-font-smoothing: antialiased;
}

a {
  outline: none;
  text-decoration: none;
}
a:link {
  color: #212121;
}
a:visited, a:focus, a:hover, a:active {
  color: #707070;
}

#err {
  position: relative;
  width: 100%;
  max-height: 500px;
  overflow: auto;
  z-index: 999;
  display: none;
  border: 2px solid #b00020;
}

.cake-dbg {
  font-size: 12px;
  background-color: #eee;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
}

.cake-debug,
.cake-error {
  font-size: 12px;
  background-color: #fce8e8;
  padding: 20px;
  font-family: "Courier New", Courier, monospace;
}

h1 {
  font-size: 1.5rem;
}
h1 span {
  color: #707070;
}

h2 {
  font-size: 1.4rem;
}

h3 {
  font-size: 1.3rem;
}

h4 {
  font-size: 1.2rem;
}
h4 span {
  color: #707070;
}

h5 {
  font-size: 1.1rem;
}

h6 {
  font-size: 0.8rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}

h5 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

/* Utilities */
.v-show {
  visibility: visible;
  /*transition: all 0.25s ease;*/
}

.v-hide {
  visibility: hidden;
  /*transition: all 0.25s ease;*/
}

.pn-relative {
  position: relative !important;
}

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

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.icon-lg {
  font-size: 2.5rem;
}

.icon-md {
  font-size: 1.875rem;
}

.icon-sm {
  font-size: 1rem !important;
}

.stretch-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.stretch-card .mdc-card {
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
}

@media (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
}

.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 576px) {
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (min-width: 1200px) {
  .mw-xl-50 {
    max-width: 840px !important;
  }
}

.align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.justify-content-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-content-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-grow-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-100 {
  width: 100%;
  min-width: 100%;
}

.w-75 {
  width: 75%;
  min-width: 75%;
}

.w-50 {
  width: 50%;
  min-width: 50%;
}

.mw-50 {
  min-width: 50px;
}

.mw-100 {
  min-width: 100px;
}

.mw-150 {
  min-width: 150px;
}

.mw-200 {
  min-width: 200px;
}

.h-50 {
  height: 50%;
}

.h-100 {
  height: 100%;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.75rem !important;
}

.mt-3 {
  margin-top: 1.5rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

@media (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .ml-md-4 {
    margin-left: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
    min-width: 50%;
  }
}

.border-0 {
  border: none !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.grid-gap-0 {
  grid-gap: 0 !important;
}

.grid-gap-8 {
  grid-gap: 8px !important;
}

.grid-gap-12 {
  grid-gap: 12px !important;
}

.grid-gap-16 {
  grid-gap: 16px !important;
}

.mdc-snackbar-error .mdc-snackbar__surface {
  background: #fedbd0;
}
.mdc-snackbar-error .mdc-snackbar__label {
  color: #b00020;
}
.mdc-snackbar-error .mdc-snackbar__actions {
  color: #b00020;
}
.mdc-snackbar-success .mdc-snackbar__surface {
  background: #defade;
}
.mdc-snackbar-success .mdc-snackbar__label {
  color: #04875c;
}
.mdc-snackbar-success .mdc-snackbar__actions {
  color: #04875c;
}
.mdc-snackbar-default .mdc-snackbar__surface {
  background: #fff;
}
.mdc-snackbar-default .mdc-snackbar__label {
  color: #707070;
}
.mdc-snackbar-default .mdc-snackbar__actions {
  color: #707070;
}

/* Sidebar */
.mdc-drawer {
  background: #fff;
  position: fixed;
}
.mdc-drawer--open, .mdc-drawer__drawer {
  width: 256px;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu {
  padding: 1rem 1rem 0 0;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__header {
  padding: 1.5rem 0.5rem 1.5rem 1rem;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__header:hover, .mdc-drawer .mdc-drawer__content .mdc-drawer-menu__header.active {
  background: #e2e9ea;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__header .mdc-button__icon {
  color: #ffffff;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__submenu {
  padding: 0 0 0 1rem;
  font-size: 0.95rem;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__submenu .mdc-list-item {
  padding: 0 0 0 1rem;
  line-height: 180%;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__submenu .mdc-list-item:hover, .mdc-drawer .mdc-drawer__content .mdc-drawer-menu__submenu .mdc-list-item.active {
  background: #e2e9ea;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__item {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 200%;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__item .mdc-button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__item .mdc-button__label {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.1rem;
  color: #212121;
  font-weight: 500;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__item .mdc-button__label a {
  color: #212121;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__item .mdc-button__icon {
  text-align: right;
  line-height: 125%;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__group {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.mdc-drawer .mdc-drawer__content .mdc-drawer-menu__link {
  color: #212121;
}

/* Content */
/* content sections */
.main-content {
  overflow: auto;
  position: relative;
  background-color: #f0f0f0;
  width: 100%;
  min-height: 100vh;
  min-width: 400px;
}
.main-content-logged {
  min-height: calc(100vh - 64px);
  background-color: #fff;
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
  background-color: #fff;
}
.breadcrumbs ul li {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.25rem;
  font-size: 0.9rem;
}
.breadcrumbs ul li a {
  color: #212121;
  font-size: 0.9rem;
}

.search-box {
  position: absolute;
  top: 0;
  right: 16px;
  width: 50%;
}
@media (min-width: 840px) {
  .search-box {
    width: 25%;
    right: 24px;
  }
}
.search-box input {
  border: 0;
  color: #ffffff;
}
.search-box-element {
  position: relative;
}
.search-box-element input {
  background-repeat: no-repeat;
  border: 0;
  color: #ffffff;
}
.search-box-element .search-box-reset {
  display: none;
}
.search-box-reset {
  position: absolute;
  top: 1.1rem;
  right: 1rem;
  z-index: 99;
  cursor: pointer;
  color: #000000;
}
.search-box-reset:hover {
  color: #bbbbbb;
}
.search-box-base {
  padding-top: 12px;
}
.search-box-adv {
  display: none;
}
.search-box-go, .search-box-more {
  cursor: pointer;
  color: #000000;
}
.search-box-go .mdc-button, .search-box-more .mdc-button {
  padding: 0rem 1rem;
  width: 100%;
}
.search-box-go .mdc-button__ripple, .search-box-more .mdc-button__ripple {
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.search-box-go:hover, .search-box-more:hover {
  color: #bbbbbb;
}

/*
.search-box {
    position: absolute;
    top: -0.5rem;
    right: 0;
    width: 50%;
    padding: 0 16px;
    label {
        margin-top: 1.25rem;
    }
    @media (min-width: 840px) {
        width: 35%;
        padding: 0 24px;
    }
}
*/
/* mdc extensions */
.mdc-drawer-app-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow: auto;
  position: relative;
}

.mdc-card {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  padding: 2rem;
}
.mdc-card__brand-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mdc-list,
.mdc-deprecated-list {
  font-family: Gilroy, Verdana, sans-serif;
}

.mdc-menu {
  font-family: Gilroy, Verdana, sans-serif;
}
.mdc-menu-fixer {
  /*width: 100%;*/
}

.mdc-chip {
  background-color: #212121;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.7rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.mdc-chip__text {
  padding-top: 0.1rem;
}
.mdc-chip__nohover {
  cursor: default;
}
.mdc-chip__nouppercase {
  text-transform: none;
}
.mdc-chip:hover {
  color: #ffffff;
}
.mdc-chip i {
  color: #ffffff;
}
.mdc-chip i:hover {
  color: #ffffff;
}

.mdc-dialog__content {
  overflow: auto;
  padding: 0px 15px !important;
}
.mdc-dialog__close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.mdc-dialog__surface {
  overflow: auto;
  min-width: 480px !important;
  max-width: 90vw !important;
}
.mdc-dialog__surface--wide {
  min-width: 90vw !important;
  max-width: 90vw !important;
  min-height: 90vh !important;
  max-height: 90vh !important;
}
.mdc-dialog__surface--large {
  min-width: 60vw !important;
  max-width: 90vw !important;
  max-height: 90vh !important;
}
.mdc-dialog__scrim {
  background-color: rgba(33, 33, 33, 0.88) !important;
}
.mdc-dialog__surface-scrim {
  background-color: rgba(33, 33, 33, 0.88) !important;
}
.mdc-dialog__title {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}
.mdc-dialog__title--large {
  font-size: 1.4rem;
}
.mdc-dialog__actions {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5rem;
}
.mdc-dialog__label {
  line-height: 120%;
}

.mdc-tab {
  padding-left: 8px;
  padding-right: 8px;
}
.mdc-tab__text-label {
  color: #212121 !important;
  font-size: 1rem;
  font-weight: 700;
}
.mdc-tab__text-flag img {
  width: 20px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: inline;
}
.mdc-tab-lang {
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
.mdc-tab-lang .mdc-tab__text-label {
  font-size: 0.8rem;
}
.mdc-tab-bar-lang {
  position: relative;
}
.mdc-tab-bar-lang .arrow {
  position: absolute;
  top: 0rem;
  right: -3rem;
  -webkit-transform: rotate(-90deg) scale(1.5);
          transform: rotate(-90deg) scale(1.5);
  cursor: pointer;
}
.mdc-tab-bar-lang .arrow:hover {
  -webkit-transform: rotate(-90deg) scale(2);
          transform: rotate(-90deg) scale(2);
}

.tab-content {
  display: none;
  padding: 1rem 0;
  padding-bottom: 1rem !important;
}
.tab-content--active {
  display: block;
}

.mdc-tab-indicator .mdc-tab-indicator__content {
  border-color: #212121 !important;
  border-width: 1px !important;
  opacity: 1;
}

.mdc-tab--active .mdc-tab-indicator .mdc-tab-indicator__content {
  border-color: #ffffff !important;
}

.mdc-tab--active .mdc-tab-indicator--active {
  border-top: 1px solid #212121 !important;
}

.mdc-tab--active {
  border: 1px solid #212121 !important;
  border-bottom: 1px solid #ffffff !important;
  border-top: 0px !important;
}

.mdc-tab-scroller .mdc-ripple-upgraded--background-focused,
.mdc-tab-scroller .mdc-ripple-upgraded--background-focused * {
  background-color: #ffffff !important;
}

/* content fields */
.item-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}
.item-card:hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.item-card h4 {
  width: 100%;
  padding: 0 0.5rem 0 0.75rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 1rem 0;
}
.item-card h6 {
  width: 100%;
  padding: 0 0.5rem 0.5rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 400;
  margin: 0;
}
.item-card-links {
  padding: 0 0.5rem 0.5rem 0.75rem;
}
.item-card-links a {
  font-weight: 600;
  padding: 0px;
  min-width: 48px;
  height: 24px;
}
.item-card-links a:first-child {
  margin-right: 16px;
}
.item-card-delete {
  background-color: #ffffff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  top: 8px;
  left: 8px;
}
.item-card-delete i {
  color: #000000;
  opacity: 0.33;
}
.item-card-delete .mdc-button__label {
  display: none;
}
.item-card-delete .mdc-button__ripple {
  display: none;
}
.item-card-delete .mdc-button__icon {
  margin: 0px;
}
.item-card-delete-force {
  background-color: #ffffff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  top: 8px;
  right: 8px;
}
.item-card-delete-force i {
  color: #b00020;
  opacity: 0.33;
}
.item-card-delete-force .mdc-button__label {
  display: none;
}
.item-card-delete-force .mdc-button__ripple {
  display: none;
}
.item-card-delete-force .mdc-button__icon {
  margin: 0px;
}
.item-card-edit, .item-card-download, .item-card-selected, .item-card-pinned, .item-card-common, .item-card-show, .item-card-downloads {
  background-color: #ffffff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  top: 8px;
  right: 8px;
}
.item-card-edit i, .item-card-download i, .item-card-selected i, .item-card-pinned i, .item-card-common i, .item-card-show i, .item-card-downloads i {
  color: #000000;
  opacity: 0.33;
}
.item-card-edit .mdc-button__label, .item-card-download .mdc-button__label, .item-card-selected .mdc-button__label, .item-card-pinned .mdc-button__label, .item-card-common .mdc-button__label, .item-card-show .mdc-button__label, .item-card-downloads .mdc-button__label {
  display: none;
}
.item-card-edit .mdc-button__ripple, .item-card-download .mdc-button__ripple, .item-card-selected .mdc-button__ripple, .item-card-pinned .mdc-button__ripple, .item-card-common .mdc-button__ripple, .item-card-show .mdc-button__ripple, .item-card-downloads .mdc-button__ripple {
  display: none;
}
.item-card-edit .mdc-button__icon, .item-card-download .mdc-button__icon, .item-card-selected .mdc-button__icon, .item-card-pinned .mdc-button__icon, .item-card-common .mdc-button__icon, .item-card-show .mdc-button__icon, .item-card-downloads .mdc-button__icon {
  margin: 0px;
}
.item-card-showdir {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  padding: 5px;
  background-color: #000000;
}
.item-card-showdir a {
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 700;
}
.item-card-pinned {
  right: 48px;
  background-color: #defade;
}
.item-card-common {
  top: 48px;
  left: 8px;
}
.item-card-show {
  bottom: 8px;
  right: 8px;
  top: auto;
}
.item-card-downloads {
  top: 48px;
}
.item-card-downloads-on {
  background-color: #595959;
}
.item-card-downloads-on i {
  opacity: 1;
  color: #defade;
}
.item-card-downloads-block {
  background-color: #b00020;
}
.item-card-downloads-block i {
  opacity: 1;
  color: #ffffff;
}
.item-card-prevname {
  background-color: #ffffff;
  width: 100%;
  height: 4rem;
  line-height: 16px;
  font-size: 0.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: right;
      -ms-flex-align: right;
          align-items: right;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  text-align: right;
  position: absolute;
  bottom: -4.5rem;
  right: -2px;
  overflow: hidden;
  padding: 0 2% 0 2%;
  /*border-right: 2px solid rgba(0, 0, 0, 0.05);*/
}
@media (min-width: 840px) {
  .item-card {
    grid-gap: 0;
  }
}
.item-card-video {
  width: 100%;
}
.item-card-browsevideo {
  max-height: 100%;
  max-width: 100%;
}
.item-card-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
}
.item-card-image i {
  color: #9f9f9f;
  font-size: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-card-image img {
  width: 100%;
}
.item-card-label {
  position: absolute;
  top: -1.2rem;
  left: 0;
  font-size: 0.7rem;
  color: #707070;
}
.item-card-label-lg {
  top: -1.5rem;
  font-size: 0.8rem;
}
.item-card-hint {
  font-size: 0.7rem;
  color: #707070;
}

.item-category {
  background-color: #e2e9ea !important;
}

.attachment-placeholder {
  /*max-width: 200px;*/
  cursor: pointer;
  background-color: #f6f6f6;
  position: relative;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 840px) {
  .attachment-placeholder {
    grid-gap: 0;
  }
}
.attachment-placeholder i {
  color: #9f9f9f;
  font-size: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.attachment-placeholder label {
  position: absolute;
  top: -1.25rem;
  left: 0;
  font-size: 0.8rem !important;
  color: #707070;
  font-weight: 500;
}

.attachment-svg {
  width: 200px;
}

.attachment-image {
  width: 200px;
}

.media-placeholder {
  background-color: #f0f0f0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  visibility: hidden;
  margin-bottom: 4.5rem;
}
@media (min-width: 840px) {
  .media-placeholder {
    grid-gap: 0;
  }
}
.media-placeholder a.item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 100%;
  font-size: 1rem;
  font-weight: 500;
  color: #212121;
  overflow: hidden;
  word-break: break-all;
  cursor: pointer;
  letter-spacing: 0px;
}
.media-placeholder a.item-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.media-placeholder a.item-link img.img-fit {
  width: auto;
  height: 80%;
}
.media-placeholder a.item-link-video {
  background-color: #000000;
}
.media-placeholder a.item-link-browsevideo {
  background-color: #000000;
}
.media-placeholder .item-link-text {
  position: absolute;
  bottom: 0.3rem;
  right: 0.3rem;
  background-color: #000000;
  color: #ffffff;
  padding: 0.3rem 0.5rem 0.1rem 0.5rem;
  font-weight: 700;
  font-size: 0.7rem;
  opacity: 0.5;
}
.media-placeholder.show {
  visibility: visible;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.media-placeholder .default-image {
  background-color: #f0f0f0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.media-placeholder .default-image i {
  color: #bbbbbb;
  font-size: 3rem;
}

.items-list {
  height: 30vh;
  overflow: auto;
  padding: 0.5rem 1rem;
  border: 1px solid #e2e9ea;
}
.items-list__item--label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.items-list__item--data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.media-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
@media (min-width: 0px) and (max-width: 700px) {
  .media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 701px) and (max-width: 1200px) {
  .media-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .media-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
}

.products-fabrics-checkboxes {
  /*display: none;*/
  grid-template-columns: 30px auto 30px auto 30px auto 30px auto;
}
.products-fabrics-checkboxes input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: 20px;
}

.fabric-colors-checkboxes {
  display: none;
}
.fabric-colors-checkboxes input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: 20px;
}

/*
.attachment-technologies,
.attachment-products,
.attachment-fabrics {
    min-height: 2rem;
}
*/
.assign-search {
  /*
  position: absolute;
  top: 0;
  right: 0px;
  */
  width: 80%;
  position: relative;
}
.assign-search input {
  border: 0;
  border-radius: 0 !important;
  color: #ffffff;
}
.assign-search-reset {
  position: absolute;
  top: 1.1rem;
  right: 1rem;
  z-index: 99;
  cursor: pointer;
  color: #000000;
}
.assign-search-reset:hover {
  color: #bbbbbb;
}
.assign-search-wrap {
  position: relative;
  /*padding-top: 2rem;*/
}

.add-tag {
  position: absolute;
  right: 0;
  top: 0.85rem;
  display: none;
}

.fabric-colors-buttons {
  display: none;
}
.fabric-colors-buttons button {
  width: 48px;
  min-width: 48px;
  height: 48px;
  border: 1px solid #707070;
  margin-right: 32px;
  margin-bottom: 32px;
}
.fabric-colors-buttons button i.add-color {
  display: block;
}
.fabric-colors-buttons button i.remove-color {
  display: none;
}
.fabric-colors-buttons button.color-selected i.add-color {
  display: none;
}
.fabric-colors-buttons button.color-selected i.remove-color {
  display: block;
}
.fabric-colors-buttons button::before {
  content: attr(data-name);
  position: absolute;
  top: -12px;
  left: 10px;
  width: 70px;
  font-size: 0.7rem;
  background-color: #ffffff;
  border: 1px solid #e2e9ea;
  color: #212121;
  border-radius: 15px;
  padding: 2px 2px;
  z-index: 10;
}
.fabric-colors-buttons i {
  margin: 0px !important;
  color: #f6f6f6;
}

.form-attributes {
  position: relative;
}
.form-attributes .mdc-text-field--disabled input {
  z-index: 5;
  color: #707070;
}
.form-attributes .mdc-text-field--disabled .mdc-notched-outline {
  background-color: #e2e9ea;
}

.form-special-checkboxes label {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #e2e9ea;
  padding: 1rem;
  margin-left: 1rem;
}

.default-tooltip-exec {
  position: absolute;
  top: -20px;
  right: -20px;
  color: #707070;
}

.tests-tooltip-exec {
  position: absolute;
  top: 15px;
  right: -30px;
}

.borderbox {
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 1rem;
}

.card-langs-check {
  width: 45%;
}
.card-langs label {
  height: 24px;
  line-height: 24px;
}
.card-langs-flag {
  width: 24px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: inline;
  margin-right: 5px;
  margin-top: 5px;
}

.card-gen {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.card-gen.show {
  opacity: 1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.card-loader {
  text-align: center;
  display: block;
}
.card-loader.hide {
  display: none;
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #000;
  border-color: #000 transparent #000 transparent;
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          animation: lds-dual-ring 1.2s linear infinite;
}

@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#admin-user-actions {
  color: #ffffff;
  font-size: 0.1rem;
  position: absolute;
  top: -9999px;
  left: -9999px;
  display: none;
}

a.disabled-link {
  color: #bbbbbb !important;
  cursor: not-allowed !important;
}
a.disabled-link * {
  color: #bbbbbb !important;
  cursor: not-allowed !important;
}

.attachment-edit-form .attachmentData-image {
  width: 100%;
  max-width: 480px;
}

.attachment-tags {
  max-width: 480px;
}

.fabric-param-wrap {
  padding: 0px 0px 10px 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #9f9f9f;
}

.notification-editions form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.notification-editions .mdc-button {
  margin: 0.5rem 0 0 2rem;
}
.notification-editions .mdc-text-field {
  width: 30rem;
}

/* Navbar */
.mdc-top-app-bar {
  background-color: #fff;
  z-index: 7;
  min-width: 300px;
}
.mdc-top-app-bar__navigation-icon {
  color: #212121 !important;
}
.mdc-top-app-bar__navigation-icon {
  color: #212121 !important;
}
.mdc-top-app-bar__settings-button, .mdc-top-app-bar__account-button {
  position: relative;
}
.mdc-top-app-bar__settings-button .mdc-button, .mdc-top-app-bar__account-button .mdc-button {
  text-transform: none !important;
  font-weight: 500;
}
.mdc-top-app-bar__settings-button .mdc-button__label, .mdc-top-app-bar__account-button .mdc-button__label {
  font-size: 1rem;
}
.mdc-top-app-bar__settings-button .mdc-menu, .mdc-top-app-bar__account-button .mdc-menu {
  min-width: 100%;
  left: auto;
  right: 0px;
}
.mdc-top-app-bar__settings-button .mdc-menu .mdc-deprecated-list-item, .mdc-top-app-bar__account-button .mdc-menu .mdc-deprecated-list-item {
  padding: 0px;
}
.mdc-top-app-bar__settings-button .mdc-menu .mdc-deprecated-list-item a, .mdc-top-app-bar__account-button .mdc-menu .mdc-deprecated-list-item a {
  padding: 0 16px;
}
.mdc-top-app-bar__settings-button ul, .mdc-top-app-bar__account-button ul {
  padding: 0;
}
.mdc-top-app-bar__settings-button ul li:not(:last-child), .mdc-top-app-bar__account-button ul li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mdc-top-app-bar__settings-button ul li:hover, .mdc-top-app-bar__settings-button ul li.active, .mdc-top-app-bar__account-button ul li:hover, .mdc-top-app-bar__account-button ul li.active {
  background: #e2e9ea;
}
.mdc-top-app-bar__settings-button ul li a, .mdc-top-app-bar__account-button ul li a {
  color: #212121;
  min-width: 100%;
}
.mdc-top-app-bar__brand-logo {
  padding-left: 0.5rem;
}

/* Forms */
:root {
  --mdc-checkbox-ink-color: #212121;
  --mdc-checkbox-checked-color: #ffffff;
}

.app-form h5 {
  font-weight: 400;
}

.error-message {
  color: #b00020;
  margin-top: 0rem;
  margin-bottom: 1rem;
}

.mdc-checkbox {
  --mdc-ripple-fg-size: 0 !important;
}
.mdc-checkbox__background {
  border-color: #707070 !important;
}

.mdc-checkboxes-hidden {
  font-size: 0.001rem;
}

.checkbox-icon {
  margin: 2px 5px;
  height: 48px;
}
.checkbox-icon svg {
  height: 48px;
}

.mdc-form-field-label {
  font-weight: 600;
}

.mdc-form-field label {
  font-weight: 600;
}

.mdc-text-field {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-family: Gilroy, Verdana, sans-serif;
}
.mdc-text-field--outlined {
  height: 40px;
}
.mdc-text-field--textarea {
  height: auto;
}
.mdc-text-field__input {
  font-family: Gilroy, Verdana, sans-serif;
  font-weight: 400;
}
.mdc-text-field .mdc-floating-label {
  font-family: Gilroy, Verdana, sans-serif;
  font-weight: 500;
  pointer-events: none;
}
.mdc-text-field .mdc-notched-outline:not(.mdc-notched-outline--notched) .mdc-floating-label {
  font-weight: 500;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  font-size: 1.1rem;
  color: #707070;
}

.mdc-text-field:not(.mdc-text-field--required) .mdc-floating-label {
  font-size: 1rem;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #212121;
}

.mdc-text-field:not(.mdc-text-field--disabled):hover .mdc-floating-label {
  color: #212121;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #b00020;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-floating-label {
  color: #b00020;
}

.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  border-color: #707070;
  border-width: 1px !important;
}

.mdc-notched-outline--focused__leading, .mdc-notched-outline--focused__notch, .mdc-notched-outline--focused__trailing {
  border-width: 1px !important;
}

.mdc-text-field--textarea .mdc-text-field__input {
  line-height: 1.1rem !important;
}

.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1.1rem !important;
}

.mdc-text-field__resizer {
  z-index: 11 !important;
}

.mdc-select {
  width: 100%;
  margin-top: 1rem;
}
.mdc-select--outlined .mdc-select__anchor {
  height: 40px;
}

.mdc-select--focused .mdc-floating-label {
  color: #212121 !important;
}

.mdc-select:not(.mdc-select--disabled):hover .mdc-floating-label {
  color: #212121 !important;
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-30px) scale(0.75);
          transform: translateY(-30px) scale(0.75);
  font-size: 1rem !important;
}

/* Buttons */
.mdc-button--raised {
  font-weight: 600;
  text-transform: uppercase;
}
.mdc-button--small {
  height: 26px;
  font-size: 0.7rem;
}

.mdc-button {
  font-family: Gilroy, Verdana, sans-serif;
}

.login-card .submit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1rem auto 0 auto;
}

.submit-button {
  margin-top: 1rem;
}

.full-button {
  width: 100%;
}

.back-link-bar .mdc-button {
  margin-bottom: 1.5rem;
  border: 1px solid #707070;
  padding: 0 1.25rem;
  width: 100%;
  height: 60px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: 500;
  font-size: 1.1rem;
}
.back-link-bar .mdc-button__icon {
  -webkit-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1);
}

.default-link-bar .mdc-button {
  margin-bottom: 1rem;
  background-color: #f6f6f6;
  padding: 0 1.25rem;
  width: 100%;
  height: 60px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: 500;
  font-size: 1.1rem;
}

.image-link-bar img {
  height: 50px;
  margin-right: 1rem;
}

.add-link i {
  color: #9f9f9f;
}

.back-link i {
  color: #9f9f9f;
  -webkit-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1);
}

/* Tables */
.mdc-data-table {
  width: 100%;
  border: none;
}
.mdc-data-table *:not(.material-icons) {
  font-family: Gilroy, Verdana, sans-serif;
}
.mdc-data-table__table {
  border-collapse: collapse;
}
.mdc-data-table__table-container {
  overflow-x: visible;
}
.mdc-data-table__header-row th {
  border: none;
  color: #707070;
  font-size: 0.9rem;
  font-weight: 300;
  vertical-align: middle;
}
.mdc-data-table__header-row th a {
  outline: none;
  text-decoration: none;
}
.mdc-data-table__header-row th a:link {
  color: #707070;
}
.mdc-data-table__header-row th a:focus, .mdc-data-table__header-row th a:hover, .mdc-data-table__header-row th a:active {
  color: #212121;
}
.mdc-data-table__row {
  border: 1px solid #e2e9ea;
}
.mdc-data-table__row-div {
  height: 0.75rem;
}
.mdc-data-table__header-cell {
  padding: 0px 8px;
  line-height: 1.1rem;
}
.mdc-data-table__cell {
  border: none;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 500;
  padding: 0px 8px;
}
.mdc-data-table__cell i {
  font-size: 1.2rem;
  line-height: 2;
}
.mdc-data-table__cell i.mdc-button__icon {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-right: 0;
  margin-left: 0;
}
.mdc-data-table__cell .mdc-button__label {
  font-size: 1rem;
  font-weight: 500;
}
.mdc-data-table__cell img {
  height: 52px;
  margin: auto;
  vertical-align: middle;
}
.mdc-data-table__cell svg {
  height: 52px;
  margin: auto;
  vertical-align: middle;
  padding: 5px;
}
.mdc-data-table__cell a {
  outline: none;
  text-decoration: none;
}
.mdc-data-table__cell a:link {
  color: #707070;
}
.mdc-data-table__cell a:focus, .mdc-data-table__cell a:hover, .mdc-data-table__cell a:active {
  color: #212121;
}
.mdc-data-table__smallcell {
  position: relative;
  border: 1px solid #e2e9ea;
  padding: 5px 5px 5px 15px;
  margin: 8px 16px 24px 0px;
  display: inline-block;
  width: auto;
}
.mdc-data-table__smallcell strong {
  margin-right: 20px;
}
.mdc-data-table__smallcell small {
  margin-left: -10px;
}
.mdc-data-table__smallcell i {
  display: none !important;
}
.mdc-data-table__smallcell--creator {
  position: absolute;
  right: 0.15rem;
  bottom: -1.15rem;
  font-size: 0.7rem;
}
.mdc-data-table__smallcell .mdc-button {
  padding: 0px !important;
  min-width: 48px;
}
.mdc-data-table .cell-actions {
  width: 220px;
  text-align: right;
}
.mdc-data-table .cell-id {
  width: 40px;
  text-align: center;
}
.mdc-data-table .cell-img {
  width: 100px;
  text-align: center;
}
.mdc-data-table .cell-img img {
  margin: 0.5rem 0;
}
.mdc-data-table .cell-multiline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mdc-data-table .cell-multiline small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mdc-data-table .cell-icon {
  width: 40px;
  text-align: center;
}
.mdc-data-table .cell-delete-force i,
.mdc-data-table .cell-delete-force span {
  color: #b00020;
  opacity: 0.33;
}
.mdc-data-table .cell-color {
  width: 20px;
  text-align: center;
}
.mdc-data-table .cell-color i {
  font-size: 1.5rem;
}
.mdc-data-table__pagination {
  border: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mdc-data-table__pagination-sortby {
  margin-right: 14px;
}
.mdc-data-table__pagination-sortby * {
  vertical-align: middle;
}
.mdc-data-table__pagination-sortby a {
  margin-left: 0.5rem;
  position: relative;
  padding-right: 1rem;
}
.mdc-data-table__pagination-sortby a::after {
  position: absolute;
  display: none;
  content: "";
  border: solid #595959;
  border-width: 0 0.15rem 0.15rem 0;
  padding: 0.25rem;
  height: 0.25rem;
  margin-left: 0.8rem;
  margin-right: 0.8rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mdc-data-table__pagination-sortby a.asc {
  padding-right: 2rem;
}
.mdc-data-table__pagination-sortby a.asc::after {
  display: inline-block;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  top: 0.25rem;
}
.mdc-data-table__pagination-sortby a.desc {
  padding-right: 2rem;
}
.mdc-data-table__pagination-sortby a.desc::after {
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -0.1rem;
}
.mdc-data-table__pagination-total {
  margin-right: 14px;
}
.mdc-data-table__pagination-links {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mdc-data-table__pagination-links .mdc-button__icon {
  color: #9f9f9f;
}
.mdc-data-table__pagination-links .mdc-button__label {
  font-weight: 500;
}

/* Libs */
.tinymce-sm300 .tox-tinymce {
  min-height: 300px;
}

.tinymce-sm500 .tox-tinymce {
  min-height: 500px;
}

.tox-tinymce {
  margin: 2px !important;
  border-color: #ffffff !important;
}

.tox-statusbar__resize-handle {
  display: none !important;
}

.autoComplete_wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-top: 0.6rem;
}

.autoComplete_wrapper > input {
  height: 2.5rem;
  padding: 0.25rem 2rem 0 2.75rem;
  font-family: Gilroy, Verdana, sans-serif;
  background-size: 1.3rem;
  background-position: left 0.8rem top 0.6rem;
  width: 100%;
  color: #000000;
  border: 0.1rem solid #707070;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1rem;
  text-overflow: ellipsis;
  outline: none;
  border-radius: 10rem;
  background-repeat: no-repeat;
  background-origin: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all -webkit-transform 0.4s ease;
}

.autoComplete_wrapper > input::-webkit-input-placeholder {
  color: #707070;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input::-moz-placeholder {
  color: #707070;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:-ms-input-placeholder {
  color: #707070;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input::-ms-input-placeholder {
  color: #707070;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input::placeholder {
  color: #707070;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover::-webkit-input-placeholder {
  color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover::-moz-placeholder {
  color: #000000;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover:-ms-input-placeholder {
  color: #000000;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover::-ms-input-placeholder {
  color: #000000;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover::placeholder {
  color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:focus::-webkit-input-placeholder {
  padding: 0.1rem 0.6rem;
  font-size: 0.95rem;
  color: #ffffff;
}

.autoComplete_wrapper > input:focus::-moz-placeholder {
  padding: 0.1rem 0.6rem;
  font-size: 0.95rem;
  color: #ffffff;
}

.autoComplete_wrapper > input:focus:-ms-input-placeholder {
  padding: 0.1rem 0.6rem;
  font-size: 0.95rem;
  color: #ffffff;
}

.autoComplete_wrapper > input:focus::-ms-input-placeholder {
  padding: 0.1rem 0.6rem;
  font-size: 0.95rem;
  color: #ffffff;
}

.autoComplete_wrapper > input:focus::placeholder {
  padding: 0.1rem 0.6rem;
  font-size: 0.95rem;
  color: #ffffff;
}

.autoComplete_wrapper > input:focus::-moz-selection {
  background-color: #000000;
  border-radius: 0 !important;
}

.autoComplete_wrapper > input:focus::selection {
  background-color: #000000;
  border-radius: 0 !important;
}

.autoComplete_wrapper > input::-moz-selection {
  background-color: #000000;
  border-radius: 0 !important;
}

.autoComplete_wrapper > input::selection {
  background-color: #000000;
  border-radius: 0 !important;
}

.autoComplete_wrapper > input:hover {
  color: #707070;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:focus {
  color: #707070;
  border: 0.06rem solid #707070;
}

.autoComplete_wrapper > ul {
  position: absolute;
  max-height: 320px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 0.5rem 0 0 0;
  padding: 0;
  z-index: 1;
  list-style: none;
  border-radius: 0.35rem;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  -webkit-box-shadow: 0 1px 2px #f6f6f6;
          box-shadow: 0 1px 2px #f6f6f6;
  outline: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
  display: block;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.autoComplete_wrapper > ul > li {
  margin: 0.3rem;
  padding: 0.4rem 0.5rem 0.3rem 0.5rem;
  text-align: left;
  font-size: 1rem;
  color: #000000;
  border-radius: 0.35rem;
  background-color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: #707070;
  font-weight: bold;
}

.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: #ffffff;
}

.autoComplete_wrapper > ul > li[aria-selected=true] {
  background-color: #f6f6f6;
}

.autoComplete_wrapper .no_result {
  padding: 0.25rem 1rem;
  color: #bbbbbb;
}

@media only screen and (max-width: 600px) {
  .autoComplete_wrapper > input {
    width: 18rem;
  }
}
/**
 * Print Stylesheet
*/
/*@media print {*/
@page {
  margin: 0cm 0mm;
}
body {
  font-family: gilroyregular, Verdana, sans-serif;
  color: #212121;
  margin: 0cm 0mm;
}

.page-break-after {
  page-break-after: always;
}

.card-type-c1-header {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  text-align: right;
}
.card-type-c1-header-logo {
  width: 35mm;
  margin-right: 10mm;
  margin-top: 7mm;
}
.card-type-c1-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25mm;
  background-color: #ffffff;
}
.card-type-c1-footer-logo {
  width: 45mm;
  margin-left: 13mm;
}
.card-type-c1-footer-date {
  text-align: center;
  position: fixed;
  bottom: 3mm;
  width: 100%;
  font-size: 8pt;
  color: #595959;
}
.card-type-c1-footer-www {
  position: absolute;
  bottom: 3mm;
  right: 13mm;
  font-size: 10pt;
  color: #595959;
  letter-spacing: 0px;
}
.card-type-c1-footer-www2 {
  position: absolute;
  bottom: 7.5mm;
  right: 13mm;
  font-size: 10pt;
  color: #212121;
  letter-spacing: 1px;
  font-family: gilroybold, Verdana, sans-serif;
}
.card-type-c1-footer-data {
  position: absolute;
  bottom: 8mm;
  left: 13mm;
  font-size: 9pt;
  line-height: 11pt;
  color: #212121;
  letter-spacing: 0px;
}
.card-type-c1-main {
  padding-top: 13mm;
  margin-left: 13mm;
  font-size: 7pt;
  color: #595959;
  font-family: gilroyregular, Verdana, sans-serif;
  width: 190mm;
}
.card-type-c1-main table {
  border-collapse: collapse;
  font-size: 8pt;
  color: #595959;
}
.card-type-c1-desc {
  margin-top: 10mm !important;
  margin-bottom: 0mm !important;
  padding: 0mm !important;
  font-size: 7pt;
}
.card-type-c1-desc p {
  margin-top: 5mm;
  margin-bottom: 1mm;
}
.card-type-c1-tech-img {
  padding-right: 0mm;
  margin-left: -5mm;
}
.card-type-c1-tech-imgfile {
  width: 25mm;
  margin-left: -5mm;
}
.card-type-c1-name {
  font-family: Calibri, Verdana, sans-serif;
  font-size: 40pt;
  line-height: 35pt;
  color: #595959;
  vertical-align: bottom;
  padding-bottom: 2.5mm;
  height: 30mm;
  width: 110mm;
}
.card-type-c1-fa-table {
  margin-top: 3mm;
  width: 100%;
}
.card-type-c1-fa-row {
  border-bottom: 1px solid #212121;
  width: 100%;
}
.card-type-c1-fa-row-label {
  font-family: Calibri, Verdana, sans-serif;
  font-weight: bold;
  padding: 1mm 0.25mm 1mm 0.5mm;
  width: 50%;
}
.card-type-c1-fa-row-value {
  font-family: Calibri, Verdana, sans-serif;
  padding: 1mm 0.25mm 1mm 0.5mm;
  text-align: left;
}
.card-type-c1-fp-table {
  width: 100%;
  margin-top: 10mm;
  font-family: Calibri, Verdana, sans-serif;
}
.card-type-c1-fp-row {
  border-bottom: 1px solid #212121;
}
.card-type-c1-fp-row th {
  padding-bottom: 1.5mm;
  text-align: left;
}
.card-type-c1-fp-row th.center {
  text-align: center;
}
.card-type-c1-fp-row td {
  text-align: left;
  padding: 1mm;
  vertical-align: middle;
}
.card-type-c1-fp-row td.center {
  text-align: center;
}
.card-type-c1-fp-row td.col1 {
  width: 11mm;
}
.card-type-c1-fp-row td.col2 {
  width: 45mm;
  font-size: 6.5pt;
}
.card-type-c1-fp-row td.col3 {
  width: 20mm;
  font-size: 6.5pt;
  padding-right: 5mm;
  padding-left: 0mm;
}
.card-type-c1-fp-row td.col4 {
  width: 28mm;
}
.card-type-c1-fp-row td.col5 {
  width: 15mm;
}
.card-type-c1-fp-row td.col6 {
  width: 15mm;
}
.card-type-c1-fp-row td.col7 {
  width: 15mm;
}
.card-type-c1-fp-row td.col8 {
  width: 15mm;
}
.card-type-c1-fp-row td.col9 {
  width: 15mm;
  font-weight: bold;
}
.card-type-c1-fp-row td.colwide {
  text-align: right;
  width: 123mm;
}
.card-type-c1-fp-row-nophoto {
  width: 9mm;
}
.card-type-c1-fp-row-imgfile {
  width: 9mm;
}
.card-type-c1-fp-noborder {
  border-bottom: 1px solid #ffffff;
}
.card-type-c1-fp-noborder-arrow {
  width: 30mm;
}
.card-type-c1-fp-noborder th {
  padding-bottom: 1mm;
}
.card-type-c1-certrow {
  width: 100%;
  text-align: right;
  /*padding-right: 5mm;*/
}
.card-type-c1-certrow-nophoto {
  height: 20mm;
  padding-top: 2mm;
  margin-left: 4mm;
}
.card-type-c1-certrow-imgfile {
  height: 20mm;
  padding-top: 3mm;
  padding-left: 5mm;
}

.card-type-c4-name {
  position: fixed;
  left: 5mm;
  top: 2mm;
  width: 65mm;
}
.card-type-c4-name-table-tr-td-size1 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 30pt;
  line-height: 30pt;
  color: #212121;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c4-name-table-tr-td-size2 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 27pt;
  line-height: 27pt;
  color: #212121;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c4-name-table-tr-td-size3 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 25pt;
  line-height: 25pt;
  color: #212121;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c4-name-table-tr-td-size4 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 20pt;
  line-height: 20pt;
  color: #212121;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c4-techs {
  position: fixed;
  right: 5mm;
  top: 1mm;
  width: 25mm;
  text-align: right;
}
.card-type-c4-techs-img {
  width: 15mm;
  margin-right: -3mm;
}
.card-type-c4-main {
  width: 90mm;
  padding: 18mm 5mm 0mm 5mm;
}
.card-type-c4-main table {
  border-collapse: collapse;
  font-size: 6pt;
}
.card-type-c4-fa-row {
  border-top: 1px solid #212121;
  width: 90mm;
}
.card-type-c4-fa-row-label {
  padding: 0.2mm 0.25mm 0.2mm 0.5mm;
  width: 55mm;
  height: 4.5mm;
  overflow: hidden;
  font-family: gilroyextrabold, Verdana, sans-serif;
  vertical-align: middle;
}
.card-type-c4-fa-row-value {
  padding: 0.2mm 0.25mm 0.2mm 0.5mm;
  text-align: center;
  width: 45mm;
  height: 4.5mm;
  overflow: hidden;
  font-family: gilroyextrabold, Verdana, sans-serif;
  vertical-align: middle;
}
.card-type-c4-fa-row-value table tr td {
  font-family: gilroyextrabold, Verdana, sans-serif;
}
.card-type-c4-fp-row {
  border-top: 1px solid #212121;
  width: 90mm;
}
.card-type-c4-fp-row-label {
  padding: 0.2mm 0.25mm 0.2mm 0.5mm;
  width: 55mm;
  height: 6mm;
  overflow: hidden;
  font-family: gilroyextrabold, Verdana, sans-serif;
  vertical-align: middle;
}
.card-type-c4-fp-row-value {
  padding: 0.2mm 0.25mm 0.2mm 0.5mm;
  text-align: center;
  width: 45mm;
  height: 6mm;
  overflow: hidden;
  font-family: gilroyextrabold, Verdana, sans-serif;
  vertical-align: middle;
}
.card-type-c4-fp-row-value table tr td {
  font-family: gilroyextrabold, Verdana, sans-serif;
  padding: 0mm 2.9mm;
}
.card-type-c4-fp-row-imgfile {
  width: 6mm;
  margin-right: 0.75mm;
  margin-top: 1mm;
}
.card-type-c4-certrow {
  border-top: 1px solid #212121;
  width: 90mm;
  text-align: right;
}
.card-type-c4-certrow-imgs {
  text-align: right;
}
.card-type-c4-certrow-imgfile {
  text-align: right;
  /*width: 20mm;*/
  height: 12mm;
  margin-left: 2mm;
  padding-top: 1.5mm;
}
.card-type-c4-infolabel {
  padding: 1.5mm 0.25mm 0.5mm 0.5mm;
  width: 55mm;
  height: 7mm;
  overflow: hidden;
  font-family: gilroyextrabold, Verdana, sans-serif;
  color: #212121;
  vertical-align: middle;
  font-size: 5pt;
  line-height: 6pt;
}

/* C3 - 128x140 version - v1*/
.card-type-c3 {
  /*
  &-footer {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 13mm;

      &-logo {
          width: 20mm;
          margin-left: 19mm;
      }
  }

  &-infolabel {
      padding: 1.5mm 0.25mm 0.5mm 0.5mm;
      width: 55mm;
      height: 7mm;
      overflow: hidden;
      font-family: $printFontFamilyGR;
      color: $printWhite;
      vertical-align: middle;
      font-size: 5pt;
      line-height: 6pt;
  }
  */
}
.card-type-c3-name {
  position: fixed;
  left: 17mm;
  top: 10mm;
  width: 65mm;
}
.card-type-c3-name-table-tr-td-size1 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 30pt;
  line-height: 30pt;
  color: #ffffff;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c3-name-table-tr-td-size2 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 27pt;
  line-height: 27pt;
  color: #ffffff;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c3-name-table-tr-td-size3 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 25pt;
  line-height: 25pt;
  color: #ffffff;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c3-name-table-tr-td-size4 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 22pt;
  line-height: 22pt;
  color: #ffffff;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c3-techs {
  position: fixed;
  right: 17mm;
  top: 10.5mm;
  width: 25mm;
  text-align: right;
}
.card-type-c3-techs-img {
  width: 13mm;
  margin-right: -3mm;
}
.card-type-c3-main {
  height: 115mm;
  width: 94mm;
  padding: 30mm 17mm 0mm 17mm;
  background-color: #2e2e44;
}
.card-type-c3-main table {
  border-collapse: collapse;
  font-size: 6.55pt;
}
.card-type-c3-fa-row {
  border-top: 1px solid #ffffff;
  width: 92mm;
}
.card-type-c3-fa-row-label {
  padding: 0.25mm 0.25mm 0.25mm 0.5mm;
  width: 55mm;
  height: 6.25mm;
  overflow: hidden;
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  vertical-align: middle;
  color: #ffffff;
}
.card-type-c3-fa-row-value {
  padding: 0.25mm 0.25mm 0.25mm 0.5mm;
  text-align: center;
  width: 47mm;
  height: 6.25mm;
  overflow: hidden;
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  vertical-align: middle;
}
.card-type-c3-fa-row-value table tr td {
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
}
.card-type-c3-fp-row {
  border-top: 1px solid #ffffff;
  width: 92mm;
}
.card-type-c3-fp-row-label {
  padding: 0.3mm 0.25mm 0.3mm 0.5mm;
  width: 53mm;
  height: 6.65mm;
  overflow: hidden;
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  vertical-align: middle;
}
.card-type-c3-fp-row-value {
  padding: 0.3mm 0.25mm 0.3mm 0.5mm;
  text-align: center;
  width: 49mm;
  height: 6.65mm;
  overflow: hidden;
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  vertical-align: middle;
}
.card-type-c3-fp-row-value table tr td {
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  padding: 0mm 3mm;
}
.card-type-c3-fp-row-imgfile {
  width: 6mm;
  margin-right: 0.75mm;
  margin-top: 1mm;
}
.card-type-c3-certrow {
  border-top: 1px solid #ffffff;
  width: 92mm;
  text-align: right;
}
.card-type-c3-certrow-imgs {
  text-align: right;
}
.card-type-c3-certrow-imgfile {
  text-align: right;
  height: 10.5mm;
  margin-left: 2mm;
  padding-top: 2mm;
}
.card-type-c3-inforow {
  height: 88mm;
  width: 88mm;
  text-align: left;
  position: fixed;
  bottom: 21mm;
  left: 9mm;
  rotate: -90;
  overflow: hidden;
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  vertical-align: bottom;
  font-size: 5pt;
  line-height: 5.5pt;
}

/* C3 - 200x200 version - v2*/
/*
.card-type-c3 {

    &-name {
        display: none;
    }

    &-techs {
        position: fixed;
        right: 19mm;
        top: 10.5mm;
        width: 25mm;
        text-align: right;

        &-img {
            width: 13mm;
            margin-right: -3mm;
        }
    }

    &-main {
        height: 115mm;
        width: 90mm;
        padding: 65mm 55mm 20mm 55mm;

        table {
            border-collapse: collapse;
            font-size: 7pt;
        }
    }

    &-fa {
        &-row {
            border-top: 1px solid $printWhite;
            width: 90mm;

            &-label {
                padding: 0.25mm 0.25mm 0.25mm 0.5mm;
                width: 55mm;
                height: 5mm;
                overflow: hidden;
                font-family: $printFontFamilyGR;
                color: $printWhite;
                vertical-align: middle;
                color: $printWhite;
            }

            &-value {
                padding: 0.25mm 0.25mm 0.25mm 0.5mm;
                text-align: center;
                width: 45mm;
                height: 5mm;
                overflow: hidden;
                font-family: $printFontFamilyGR;
                color: $printWhite;
                vertical-align: middle;

                table {
                    tr {
                        td {
                            font-family: $printFontFamilyGR;
                            color: $printWhite;
                        }
                    }
                }
            }
        }
    }

    &-fp {
        &-row {
            border-top: 1px solid $printWhite;
            width: 90mm;

            &-label {
                padding: 0.3mm 0.25mm 0.3mm 0.5mm;
                width: 55mm;
                height: 6.75mm;
                overflow: hidden;
                font-family: $printFontFamilyGR;
                color: $printWhite;
                vertical-align: middle;
            }

            &-value {
                padding: 0.3mm 0.25mm 0.3mm 0.5mm;
                text-align: center;
                width: 45mm;
                height: 6.75mm;
                overflow: hidden;
                font-family: $printFontFamilyGR;
                color: $printWhite;
                vertical-align: middle;

                table {
                    tr {
                        td {
                            font-family: $printFontFamilyGR;
                            color: $printWhite;
                            padding: 0mm 3mm;
                        }
                    }
                }
            }

            &-imgfile {
                width: 6mm;
                margin-right: 0.75mm;
                margin-top: 1mm;
            }
        }
    }

    &-certrow {
        border-top: 1px solid $printWhite;
        width: 90mm;
        text-align: right;

        &-imgs {
            text-align: right;
        }

        &-imgfile {
            text-align: right;
            height: 10.5mm;
            margin-left: 2mm;
            padding-top: 2mm;
        }
    }

    &-footer {
        position: fixed;
        bottom: 25mm;
        left: 0;
        width: 100%;
        height: 13mm;

        &-logo {
            width: 20mm;
            margin-left: 55mm;
        }
    }

    &-infolabel {
        padding: 1.5mm 0.25mm 0.5mm 0.5mm;
        width: 55mm;
        height: 7mm;
        overflow: hidden;
        font-family: $printFontFamilyGR;
        color: $printWhite;
        vertical-align: middle;
        font-size: 5pt;
        line-height: 6pt;
    }
}
*/
/* C2 - 185x185 multcolor version - v3*/
.card-type-c2 {
  /*
  &-footer {
      position: fixed;
      bottom: 20mm;
      left: 0;
      width: 100%;
      height: 13mm;

      &-logo {
          width: 20mm;
          margin-left: 47mm;
      }
  }
  */
}
.card-type-c2-name {
  position: fixed;
  left: 47mm;
  top: 46.5mm;
  width: 65mm;
}
.card-type-c2-name-table-tr-td-size1 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 30pt;
  line-height: 30pt;
  color: #ffffff;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c2-name-table-tr-td-size2 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 27pt;
  line-height: 27pt;
  color: #ffffff;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c2-name-table-tr-td-size3 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 25pt;
  line-height: 25pt;
  color: #ffffff;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c2-name-table-tr-td-size4 {
  font-family: gilroyultralight, Verdana, sans-serif;
  font-size: 22pt;
  line-height: 22pt;
  color: #ffffff;
  height: 15mm;
  vertical-align: bottom;
}
.card-type-c2-techs {
  position: fixed;
  right: 48.5mm;
  top: 49mm;
  width: 25mm;
  text-align: right;
}
.card-type-c2-techs-img {
  width: 13mm;
  margin-right: -3mm;
}
.card-type-c2-main {
  height: 120mm;
  width: 90mm;
  padding: 67mm 47mm 0mm 47mm;
}
.card-type-c2-main table {
  border-collapse: collapse;
  font-size: 7pt;
}
.card-type-c2-fa-row {
  border-top: 1px solid #ffffff;
  width: 90mm;
}
.card-type-c2-fa-row-label {
  padding: 0.25mm 0.25mm 0.25mm 0.5mm;
  width: 55mm;
  height: 7mm;
  overflow: hidden;
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  vertical-align: middle;
  color: #ffffff;
}
.card-type-c2-fa-row-value {
  padding: 0.25mm 0.25mm 0.25mm 0.5mm;
  text-align: center;
  width: 45mm;
  height: 7mm;
  overflow: hidden;
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  vertical-align: middle;
}
.card-type-c2-fa-row-value table tr td {
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
}
.card-type-c2-fp {
  position: relative;
}
.card-type-c2-fp-row {
  border-top: 1px solid #ffffff;
  width: 90mm;
}
.card-type-c2-fp-row-label {
  padding: 0.3mm 0.25mm 0.3mm 0.5mm;
  width: 55mm;
  height: 7.25mm;
  overflow: hidden;
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  vertical-align: middle;
}
.card-type-c2-fp-row-value {
  padding: 0.3mm 0.25mm 0.3mm 0.5mm;
  text-align: center;
  width: 45mm;
  height: 7.25mm;
  overflow: hidden;
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  vertical-align: middle;
}
.card-type-c2-fp-row-value table tr td {
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  padding: 0mm 3mm;
}
.card-type-c2-fp-row-imgfile {
  width: 7mm;
  margin-right: 0.75mm;
  margin-top: 1mm;
}
.card-type-c2-certrow {
  border-top: 1px solid #ffffff;
  width: 90mm;
  text-align: right;
}
.card-type-c2-certrow-imgs {
  text-align: right;
  width: 100%;
}
.card-type-c2-certrow-imgfile {
  text-align: right;
  height: 13mm;
  margin-left: 4mm;
  padding-top: 6mm;
}
.card-type-c2-inforow {
  height: 85mm;
  width: 85mm;
  text-align: left;
  position: fixed;
  bottom: 30mm;
  left: 36mm;
  rotate: -90;
  overflow: hidden;
  font-family: gilroyregular, Verdana, sans-serif;
  color: #ffffff;
  vertical-align: bottom;
  font-size: 5.5pt;
  line-height: 6pt;
}

/* C2 - A5 version*/
/*
.card-type-c2 {
    &-name {
        position: fixed;
        left: 10.5mm;
        top: 17mm;
        width: 84mm;

        &-table {
            &-tr {
                &-td-size1 {
                    font-family: $printFontFamilyGT;
                    font-size: 42pt;
                    line-height: 42pt;
                    color: $printGray;
                    height: 17mm;
                    vertical-align: bottom;
                }

                &-td-size2 {
                    font-family: $printFontFamilyGT;
                    font-size: 35pt;
                    line-height: 35pt;
                    color: $printGray;
                    height: 17mm;
                    vertical-align: bottom;
                }

                &-td-size3 {
                    font-family: $printFontFamilyGT;
                    font-size: 28pt;
                    line-height: 28pt;
                    color: $printGray;
                    height: 17mm;
                    vertical-align: bottom;
                }

                &-td-size4 {
                    font-family: $printFontFamilyGT;
                    font-size: 25pt;
                    line-height: 25pt;
                    color: $printGray;
                    height: 17mm;
                    vertical-align: bottom;
                }
            }
        }
    }

    &-name2 {
        position: fixed;
        left: 10.5mm;
        top: 10mm;
        width: 101mm;

        &-table {
            &-tr {
                &-td-size1 {
                    font-family: $printFontFamilyGT;
                    font-size: 31.5pt;
                    line-height: 31.5pt;
                    color: $printGray;
                    height: 17.5mm;
                    vertical-align: bottom;
                }

                &-td-size2 {
                    font-family: $printFontFamilyGT;
                    font-size: 45pt;
                    line-height: 45pt;
                    color: $printGray;
                    height: 17.5mm;
                    vertical-align: bottom;
                }

                &-td-size3 {
                    font-family: $printFontFamilyGT;
                    font-size: 28pt;
                    line-height: 28pt;
                    color: $printGray;
                    height: 17.5mm;
                    vertical-align: bottom;
                }

                &-td-size4 {
                    font-family: $printFontFamilyGT;
                    font-size: 21pt;
                    line-height: 21pt;
                    color: $printGray;
                    height: 17.5mm;
                    vertical-align: bottom;
                }
            }
        }
    }

    &-techs {
        position: fixed;
        right: 10.5mm;
        top: 15mm;
        width: 38mm;
        text-align: right;

        &-img {
            width: 17mm;
        }

        &-img2 {
            width: 17mm;
        }
    }

    &-techs2 {
        position: fixed;
        right: 10.5mm;
        top: 10.5mm;
        width: 38.5mm;
        height: 17.5mm;
        text-align: right;

        &-img2 {
            height: 17.5mm;
            margin-right: -3.5mm;
        }
    }

    &-mask-v {
        position: fixed;
        top: 41mm;
        left: 0mm;
        width: 56mm;
        height: 169mm;
        z-index: 999;
        background-color: $colorWhite;
    }

    &-mask-h {
        position: fixed;
        top: 175mm;
        left: 0mm;
        width: 148mm;
        height: 34mm;
        z-index: 999;
        background-color: $colorWhite;
    }

    &-main {
        position: fixed;
        left: 0mm;
        width: 148mm;
        text-align: right;

        &-v {
            top: 64mm;
            height: 148mm;
        }

        &-img-v {
            height: 148mm;
        }

        &-h {
            top: 42mm;
            width: 148mm;
        }

        &-img-h {
            width: 148mm;
        }
    }

    &-main2 {
        position: fixed;
        left: 0mm;
        width: 148mm;
        text-align: right;
        top: 28mm;
    }

    &-desc {
        position: fixed;
        left: 0mm;
        width: 126mm;
        text-align: left;
        top: 31mm;
        padding: 0mm 12mm;

        &-short {
            font-family: $printFontFamilyGB  !important;
            color: $printGray;
            font-size: 7pt;

            * {
                font-family: $printFontFamilyGB  !important;
                color: $printGray;
                font-size: 7pt;
            }

            p {
                padding-top: 1.5mm;
            }
        }

        &-long {
            font-family: $printFontFamilyGUL;
            color: $printGray;
            font-size: 5.5pt;

            * {
                font-family: $printFontFamilyGUL  !important;
                color: $printGray;
                font-size: 5.5pt;
            }

            p {
                padding-top: 1.5mm;
            }
        }
    }

    &-mask2 {
        position: fixed;
        top: 73mm;
        left: 0mm;
        width: 148mm;
        height: 133mm;
        z-index: 999;
        background-color: transparent;
    }

    &-features {
        position: fixed;
        left: 10.5mm;
        top: 73mm;
        width: 126mm;
        height: 17mm;
        text-align: left;

        &-img {
            height: 17mm;
            margin-left: -0.7mm;
        }
    }

    &-params {
        position: fixed;
        right: 10.5mm;
        top: 94mm;
        width: 126mm;
        height: 94mm;
        text-align: left;

        &-table {
            width: 100%;
            border-collapse: collapse;
        }
    }

    &-fa {
        &-row {
            border-top: 0.33pt solid $printLightGray;
            width: 126mm;

            &-label {
                padding: 0.3mm 0.5mm 0.3mm 0.5mm;
                width: 63mm;
                height: 4mm;
                overflow: hidden;
                font-family: $printFontFamilyGUL;
                vertical-align: middle;
                font-size: 9pt;
            }

            &-value {
                padding: 0.25mm 0.5mm 0.25mm 0.5mm;
                text-align: center;
                width: 63mm;
                height: 4mm;
                overflow: hidden;
                font-family: $printFontFamilyGB;
                color: $printGray;
                font-size: 9pt;
                vertical-align: middle;
            }
        }
    }

    &-fp {
        &-row {
            border-top: 0.33pt solid $printLightGray;

            &-label {
                padding: 0.3mm 0.5mm 0.3mm 0.5mm;
                width: 90mm;
                height: 9mm;
                overflow: hidden;
                font-family: $printFontFamilyGUL;
                vertical-align: middle;
                font-size: 9pt;

                &-info {
                    font-size: 7pt;
                    line-height: 9pt;
                    height: 8mm;
                }
            }

            &-value {
                padding: 0.5mm 0.5mm 0.5mm 0.5mm;
                text-align: center;
                width: 90mm;
                height: 9mm;
                overflow: hidden;
                font-family: $printFontFamilyGB;
                color: $printGray;
                font-size: 9pt;
                vertical-align: middle;

                table {
                    tr {
                        td {
                            font-family: $printFontFamilyGB;
                            color: $printGray;
                            font-size: 9pt;
                            padding: 0mm 5mm;
                        }
                    }
                }
            }

            &-imgfile {
                width: 7mm;
                margin-right: -1mm;
                margin-left: -1mm;
            }
        }
    }

    &-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 21mm;

        &-logo {
            width: 23mm;
            margin-left: 14mm;
        }

        &-logo2 {
            width: 21mm;
            margin-left: 12mm;
        }

        &-www {
            position: absolute;
            bottom: 5mm;
            left: 9mm;
        }
    }

    &-certrow {
        border-top: 0.33pt solid $printLightGray;
        width: 126mm;
        text-align: right;

        &-imgs {
            width: 126mm;
            text-align: right;
        }

        &-imgfile {
            text-align: right;
            height: 17mm;
            margin-left: 2mm;
            padding-top: 3mm;
        }
    }

    &-www {
        position: absolute;
        bottom: 10.5mm;
        right: 10.5mm;
        font-size: 11pt;
        color: $printGray;
        letter-spacing: 1px;
        font-family: $printFontFamilyGB;
        text-align: right;
    }
}
*/
/* C2 - A5 version*/
/*
.card-type-c2 {
    &-name {
        position: fixed;
        left: 10.5mm;
        top: 16.5mm;
        width: 84mm;

        &-table {
            &-tr {
                &-td-size1 {
                    font-family: $printFontFamilyGT;
                    font-size: 42pt;
                    line-height: 42pt;
                    color: $printBlack;
                    height: 17mm;
                    vertical-align: middle;
                }

                &-td-size2 {
                    font-family: $printFontFamilyGT;
                    font-size: 35pt;
                    line-height: 35pt;
                    color: $printBlack;
                    height: 17mm;
                    vertical-align: middle;
                }

                &-td-size3 {
                    font-family: $printFontFamilyGT;
                    font-size: 28pt;
                    line-height: 28pt;
                    color: $printBlack;
                    height: 17mm;
                    vertical-align: middle;
                }

                &-td-size4 {
                    font-family: $printFontFamilyGT;
                    font-size: 25pt;
                    line-height: 25pt;
                    color: $printBlack;
                    height: 17mm;
                    vertical-align: middle;
                }
            }
        }
    }

    &-name2 {
        position: fixed;
        left: 10.5mm;
        top: 9.5mm;
        width: 100mm;

        &-table {
            &-tr {
                &-td-size1 {
                    font-family: $printFontFamilyGT;
                    font-size: 31.5pt;
                    line-height: 31.5pt;
                    color: $printBlack;
                    height: 17.5mm;
                    vertical-align: middle;
                }

                &-td-size2 {
                    font-family: $printFontFamilyGT;
                    font-size: 45pt;
                    line-height: 45pt;
                    color: $printBlack;
                    height: 17.5mm;
                    vertical-align: middle;
                }

                &-td-size3 {
                    font-family: $printFontFamilyGT;
                    font-size: 28pt;
                    line-height: 28pt;
                    color: $printBlack;
                    height: 17.5mm;
                    vertical-align: middle;
                }

                &-td-size4 {
                    font-family: $printFontFamilyGT;
                    font-size: 21pt;
                    line-height: 21pt;
                    color: $printBlack;
                    height: 17.5mm;
                    vertical-align: middle;
                }
            }
        }
    }

    &-techs {


        position: fixed;
        right: 10.5mm;
        top: 15mm;
        width: 38mm;
        text-align: right;

        &-img {
            width: 17mm;
        }

        &-img2 {
            width: 17mm;
        }
    }

    &-techs2 {


        position: fixed;
        right: 10.5mm;
        top: 10.5mm;
        width: 35mm;
        height: 17.5mm;
        text-align: right;

        &-img2 {
            height: 17.5mm;
            margin-right: -3.5mm;
        }
    }

    &-mask-v {
        position: fixed;
        top: 41mm;
        left: 0mm;
        width: 56mm;
        height: 169mm;
        z-index: 999;
        background-color: $colorWhite;
    }

    &-mask-h {
        position: fixed;
        top: 175mm;
        left: 0mm;
        width: 148mm;
        height: 34mm;
        z-index: 999;
        background-color: $colorWhite;
    }

    &-main {
        position: fixed;
        left: 0mm;
        width: 148mm;
        text-align: right;

        &-v {
            top: 64mm;
            height: 148mm;
        }

        &-img-v {
            height: 148mm;
        }

        &-h {
            top: 42mm;
            width: 148mm;
        }

        &-img-h {
            width: 148mm;
        }
    }

    &-main2 {

        position: fixed;
        left: 0mm;
        width: 148mm;
        text-align: right;
        top: 28mm;
    }

    &-desc {

        position: fixed;
        left: 0mm;
        width: 126mm;
        text-align: left;
        top: 31mm;
        padding: 0mm 11.5mm;

        &-short {

            font-family: $printFontFamilyGB !important;
            color: $printBlack;
            font-size: 6pt;
            letter-spacing: 1px;

            * {
                font-family: $printFontFamilyGB !important;
                color: $printBlack;
                font-size: 6pt;
            }

            p {
                padding-top: 1.5mm;
            }
        }

        &-long {

            font-family: $printFontFamilyGUL;
            color: $printBlack;
            font-size: 6pt;

            * {
                font-family: $printFontFamilyGUL !important;
                color: $printBlack;
                font-size: 6pt;
            }

            p {
                padding-top: 1.5mm;
            }

            strong {
                font-family: $printFontFamilyGSB !important;
                letter-spacing: 1px;
            }
        }
    }

    &-mask2 {
        position: fixed;
        top: 73mm;
        left: 0mm;
        width: 148mm;
        height: 133mm;
        z-index: 999;
        background-color: transparent;
    }

    &-features {

        position: fixed;
        left: 10.5mm;
        top: 72.5mm;
        width: 100mm;
        height: 18mm;
        text-align: left;

        &-img {
            height: 18mm;
            margin-left: -0.7mm;
        }
    }

    &-codes {

        position: fixed;
        left: 112mm;
        top: 73mm;
        width: 25mm;
        height: 16mm;
        text-align: right;

        &-img {
            height: 16mm;
        }
    }

    &-params {


        position: fixed;
        right: 10.5mm;
        top: 94mm;
        width: 126mm;
        height: 94mm;
        text-align: left;

        &-table {
            width: 100%;
            border-collapse: collapse;
        }
    }

    &-fa {
        &-row {
            border-top: 0.33pt solid $printLightGray;
            width: 126mm;

            &-label {
                padding: 0.3mm 0.5mm 0.3mm 0.5mm;
                width: 63mm;
                height: 4mm;
                overflow: hidden;
                font-family: $printFontFamilyGUL;
                vertical-align: middle;
                font-size: 9pt;
            }

            &-value {
                padding: 0.25mm 0.5mm 0.25mm 0.5mm;
                text-align: right;
                width: 63mm;
                height: 4mm;
                overflow: hidden;
                font-family: $printFontFamilyGB;
                color: $printBlack;
                font-size: 9pt;
                vertical-align: middle;
            }
        }
    }

    &-fp {
        &-row {
            border-top: 0.33pt solid $printLightGray;

            &-label {


                padding: 0.3mm 0.5mm 0.3mm 0.5mm;
                width: 90mm;
                height: 9mm;
                overflow: hidden;
                font-family: $printFontFamilyGUL;
                vertical-align: middle;
                font-size: 9pt;

                &-info {
                    font-size: 7pt;
                    line-height: 9pt;
                    height: 8mm;
                }
            }

            &-value {


                padding: 0.5mm 0.5mm 0.5mm 0.5mm;
                text-align: right;
                width: 90mm;
                height: 9mm;
                overflow: hidden;
                font-family: $printFontFamilyGB;
                color: $printBlack;
                font-size: 9pt;
                vertical-align: middle;

                table {
                    tr {
                        td {
                            font-family: $printFontFamilyGB;
                            color: $printBlack;
                            font-size: 9pt;
                            padding: 0mm;
                            text-align: right;
                            width: 45mm;
                        }
                    }
                }
            }

            &-imgfile {
                width: 7mm;
                margin-right: -1mm;
                margin-left: -1mm;
            }
        }
    }

    &-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 21mm;

        &-logo {
            width: 23mm;
            margin-left: 14mm;
        }

        &-logo2 {
            width: 21mm;
            margin-left: 12mm;
        }

        &-www {
            position: absolute;
            bottom: 5mm;
            left: 9mm;
        }
    }

    &-certrow {
        border-top: 0.33pt solid $printLightGray;
        width: 126mm;
        text-align: right;

        &-imgs {
            width: 126mm;
            text-align: right;
        }

        &-imgfile {
            text-align: right;
            height: 17mm;
            margin-left: 2mm;
            padding-top: 3mm;
        }
    }

    &-www {
        position: absolute;
        bottom: 10.5mm;
        right: 10.5mm;
        font-size: 11pt;
        color: $printBlack;
        letter-spacing: 1px;
        font-family: $printFontFamilyGB;
        text-align: right;
    }
}
*/
/* C2 - A4 version - v1*/
/*
.card-type-c2 {
    &-name {
        position: fixed;
        left: 15mm;
        top: 25mm;
        width: 120mm;
        &-table {
            &-tr {
                &-td-size1 {
                    font-family: $printFontFamilyGT;
                    font-size: 60pt;
                    line-height: 60pt;
                    color: $printGray;
                    height: 25mm;
                    vertical-align: bottom;
                }
                &-td-size2 {
                    font-family: $printFontFamilyGT;
                    font-size: 50pt;
                    line-height: 50pt;
                    color: $printGray;
                    height: 24mm;
                    vertical-align: bottom;
                }
                &-td-size3 {
                    font-family: $printFontFamilyGT;
                    font-size: 40pt;
                    line-height: 40pt;
                    color: $printGray;
                    height: 24mm;
                    vertical-align: bottom;
                }
                &-td-size4 {
                    font-family: $printFontFamilyGT;
                    font-size: 35pt;
                    line-height: 35pt;
                    color: $printGray;
                    height: 24mm;
                    vertical-align: bottom;
                }
            }
        }
    }

    &-name2 {
        position: fixed;
        left: 15mm;
        top: 16mm;
        width: 145mm;
        &-table {
            &-tr {
                &-td-size1 {
                    font-family: $printFontFamilyGT;
                    font-size: 45pt;
                    line-height: 45pt;
                    color: $printGray;
                    height: 25mm;
                    vertical-align: bottom;
                }
                &-td-size2 {
                    font-family: $printFontFamilyGT;
                    font-size: 45pt;
                    line-height: 45pt;
                    color: $printGray;
                    height: 24mm;
                    vertical-align: bottom;
                }
                &-td-size3 {
                    font-family: $printFontFamilyGT;
                    font-size: 40pt;
                    line-height: 40pt;
                    color: $printGray;
                    height: 24mm;
                    vertical-align: bottom;
                }
                &-td-size4 {
                    font-family: $printFontFamilyGT;
                    font-size: 30pt;
                    line-height: 30pt;
                    color: $printGray;
                    height: 24mm;
                    vertical-align: bottom;
                }
            }
        }
    }

    &-techs {
        position: fixed;
        right: 15mm;
        top: 21mm;
        width: 55mm;
        text-align: right;
        &-img {
            width: 25mm;
        }
        &-img2 {
            width: 25mm;
        }
    }

    &-techs2 {
        position: fixed;
        right: 15mm;
        top: 15mm;
        width: 55mm;
        height: 25mm;
        text-align: right;
        &-img2 {
            height: 25mm;
            margin-right: -5mm;
        }
    }

    &-mask-v {
        position: fixed;
        top: 59mm;
        left: 0mm;
        width: 80mm;
        height: 238mm;
        z-index: 999;
        background-color: $colorWhite;
    }

    &-mask-h {
        position: fixed;
        top: 250mm;
        left: 0mm;
        width: 210mm;
        height: 49mm;
        z-index: 999;
        background-color: $colorWhite;
    }

    &-main {
        position: fixed;
        left: 0mm;
        width: 210mm;
        text-align: right;
        &-v {
            top: 90mm;
            height: 209mm;
        }
        &-img-v {
            height: 209mm;
        }
        &-h {
            top: 60mm;
            width: 210mm;
        }
        &-img-h {
            width: 210mm;
        }
    }

    &-main2 {
        position: fixed;
        left: 0mm;
        width: 210mm;
        text-align: right;
        top: 40mm;
    }

    &-desc {
        position: fixed;
        left: 0mm;
        width: 180mm;
        text-align: left;
        top: 45mm;
        padding: 0mm 15mm;
        &-short {
            font-family: $printFontFamilyGB !important;
            color: $printGray;
            font-size: 10pt;
            * {
                font-family: $printFontFamilyGB !important;
                color: $printGray;
                font-size: 10pt;
            }
            p {
                padding-top: 2mm;
            }
        }
        &-long {
            font-family: $printFontFamilyGUL;
            color: $printGray;
            font-size: 8pt;
            * {
                font-family: $printFontFamilyGUL !important;
                color: $printGray;
                font-size: 8pt;
            }
            p {
                padding-top: 2mm;
            }
        }
    }

    &-mask2 {
        position: fixed;
        top: 105mm;
        left: 0mm;
        width: 210mm;
        height: 190mm;
        z-index: 999;
        background-color: transparent;
    }

    &-features {
        position: fixed;
        left: 13mm;
        top: 105mm;
        width: 180mm;
        height: 25mm;
        text-align: left;
        &-img {
            height: 25mm;
            margin-left: -1mm;
        }
    }

    &-params {
        position: fixed;
        right: 15mm;
        top: 135mm;
        width: 180mm;
        height: 135mm;
        text-align: left;
        &-table {
            width: 100%;
            border-collapse: collapse;
        }
    }

    &-fa {
        &-row {
            border-top: 0.33pt solid $printLightGray;
            width: 180mm;
            &-label {
                padding: 0.3mm 0.5mm 0.3mm 0.5mm;
                width: 90mm;
                height: 5mm;
                overflow: hidden;
                font-family: $printFontFamilyGUL;
                vertical-align: middle;
                font-size: 9pt;
            }
            &-value {
                padding: 0.25mm 0.5mm 0.25mm 0.5mm;
                text-align: center;
                width: 90mm;
                height: 5mm;
                overflow: hidden;
                font-family: $printFontFamilyGB;
                color: $printGray;
                font-size: 9pt;
                vertical-align: middle;
            }
        }
    }

    &-fp {
        &-row {
            border-top: 0.33pt solid $printLightGray;
            width: 180mm;
            &-label {
                padding: 0.3mm 0.5mm 0.3mm 0.5mm;
                width: 90mm;
                height: 9mm;
                overflow: hidden;
                font-family: $printFontFamilyGUL;
                vertical-align: middle;
                font-size: 9pt;
                &-info {
                    font-size: 7pt;
                    line-height: 9pt;
                    height: 8mm;
                }
            }
            &-value {
                padding: 0.5mm 0.5mm 0.5mm 0.5mm;
                text-align: center;
                width: 90mm;
                height: 9mm;
                overflow: hidden;
                font-family: $printFontFamilyGB;
                color: $printGray;
                font-size: 9pt;
                vertical-align: middle;
                table {
                    tr {
                        td {
                            font-family: $printFontFamilyGB;
                            color: $printGray;
                            font-size: 9pt;
                            padding: 0mm 5mm;
                        }
                    }
                }
            }
            &-imgfile {
                width: 7mm;
                margin-right: -1mm;
                margin-left: -1mm;
            }
        }
    }

    &-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30mm;
        &-logo {
            width: 35mm;
            margin-left: 20mm;
        }
        &-logo2 {
            width: 30mm;
            margin-left: 15mm;
        }
        &-www {
            position: absolute;
            bottom: 7.5mm;
            left: 13mm;
        }
    }

    &-certrow {
        border-top: 0.33pt solid $printLightGray;
        width: 180mm;
        text-align: right;
        &-imgs {
            width: 180mm;
            text-align: right;
        }
        &-imgfile {
            text-align: right;
            height: 17mm;
            margin-left: 3mm;
            padding-top: 4mm;
        }
    }

    &-www {
        position: absolute;
        bottom: 15mm;
        right: 15mm;
        font-size: 15pt;
        color: $printGray;
        letter-spacing: 1px;
        font-family: $printFontFamilyGB;
    }
}
*/
/*}*/