@font-face {
  font-family: 'EixampleVillaRegular';
  font-weight: 400;
  src: local('EixampleVillaBold'), url('/assets/fonts/EixampleVillaRegular.OTF') format('opentype');
}


@font-face {
  font-family: 'EixampleVillaBold';
  font-weight: 700;
  src: local('EixampleVillaBold'), url('/assets/fonts/EixampleVillaBold.OTF') format('opentype');
}

@font-face {
  font-family: 'EixampleVillaExtraBold';
  font-weight: 800;
  src: local('EixampleVillaExtraBold'), url('/assets/fonts/EixampleVillaExtraBold.OTF') format('opentype');
}

@font-face {
  font-family: 'EixampleVillaHeavy';
  font-weight: 900;
  src: local('EixampleVillaBold'), url('/assets/fonts/EixampleVillaHeavy.OTF') format('opentype');
}

@font-face {
  font-family: 'TandelleRegular';
  font-weight: 400;
  src: local('TandelleBold'), url('/assets/fonts/TandelleRegular.OTF') format('opentype');
}

@font-face {
  font-family: 'TandelleBold';
  font-weight: 700;
  src: local('TandelleBold'), url('/assets/fonts/TandelleBold.OTF') format('opentype');
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: 'EixampleVillaRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

a {
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

@media all {
  .page-break {
    display: none;
  }
}

@media print {
  html, body {
    height: initial !important;
    overflow: initial !important;
    -webkit-print-color-adjust: exact;
  }
}

@media print {
  .page-break {
    display: block;
    page-break-before: auto;
  }
}

@page {
  size: auto;
  margin: 20mm;
}

input::placeholder {
  font-family: 'EixampleVillaRegular';
}

/* Sidebar */
.sidebar-wrapper {
  background-color: #002827;
  background-position: center;
  background-size: 100% 100%;
}

.sidebar-header {
  background: transparent;
}

/* Topbar */
.topbar {
  background-color: transparent;
}

/* Signin Page */
.bg-signin {
  background-color: #0F2607;
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
}

.btn-signin {
  background-color: #E01B27;
}

.recharts-wrapper {
  /* width: 100% !important; */
}

.select__value-container {
  justify-content: flex-start;
}

.select__menu {
  text-align: start;
}

.print-container {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -webkit-print-color-adjust: exact !important;
}



.thumbsContainer {
  display: 'flex';
  flex-direction: 'row';
  flex-wrap: 'wrap';
  margin-top: 16
};

.thumb {
  display: 'inline-flex';
  border-radius: 2;
  border: '1px solid #eaeaea';
  margin-bottom: 8;
  margin-right: 8;
  width: 100;
  height: 100;
  padding: 4;
  box-sizing: 'border-box'
};

.thumbInner {
  display: 'flex';
  min-width: 0;
  overflow: 'hidden';
};

.thumbnail-image {
  display: 'block';
  width: 'auto';
  height: '100%'
};

.password-hidden {
  -webkit-text-security: disc;
  text-security: disc;
}

.fade-in {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.fade-in.show {
  opacity: 1;
}

.jodit-status-bar-link {
  display: none !important;
}