@charset "UTF-8";
/*------------common-colors*/
/*------------font*/
/*--------------------*/
/*------------common-colors*/
/*------------font*/
/*--------------------*/
/*dot element*/
.dot, .dot-8, .dot-7, .dot-6, .dot-5, .dot-4, .dot-3, .dot-2, .dot-1 {
  position: relative;
  padding-left: 1.375rem;
}
.dot:before, .dot-8:before, .dot-7:before, .dot-6:before, .dot-5:before, .dot-4:before, .dot-3:before, .dot-2:before, .dot-1:before {
  width: 0.375rem;
  height: 0.375rem;
  position: absolute;
  left: 0.5rem;
}
.dot.circle:before, .circle.dot-8:before, .circle.dot-7:before, .circle.dot-6:before, .circle.dot-5:before, .circle.dot-4:before, .circle.dot-3:before, .circle.dot-2:before, .circle.dot-1:before {
  border-radius: 100%;
}
.dot.primary:before, .primary.dot-8:before, .primary.dot-7:before, .primary.dot-6:before, .primary.dot-5:before, .primary.dot-4:before, .primary.dot-3:before, .primary.dot-2:before, .primary.dot-1:before {
  background-color: #0D0F1B;
}
.dot.info:before, .info.dot-8:before, .info.dot-7:before, .info.dot-6:before, .info.dot-5:before, .info.dot-4:before, .info.dot-3:before, .info.dot-2:before, .info.dot-1:before {
  background-color: #CEDE00;
}
.dot.gray:before, .gray.dot-8:before, .gray.dot-7:before, .gray.dot-6:before, .gray.dot-5:before, .gray.dot-4:before, .gray.dot-3:before, .gray.dot-2:before, .gray.dot-1:before {
  background-color: #898A8D;
}
.dot.white:before, .white.dot-8:before, .white.dot-7:before, .white.dot-6:before, .white.dot-5:before, .white.dot-4:before, .white.dot-3:before, .white.dot-2:before, .white.dot-1:before {
  background-color: #FFFFFF;
}
.dot.danger:before, .danger.dot-8:before, .danger.dot-7:before, .danger.dot-6:before, .danger.dot-5:before, .danger.dot-4:before, .danger.dot-3:before, .danger.dot-2:before, .danger.dot-1:before {
  background-color: #B94000;
}

.dot-1 {
  line-height: 0.8rem;
}

.dot-1:before {
  content: "";
  top: calc(0.8rem / 2 - 0.115rem);
}

.dot-2 {
  line-height: 1rem;
}

.dot-2:before {
  content: "";
  top: calc(1rem / 2 - 0.115rem);
}

.dot-3 {
  line-height: 1.1rem;
}

.dot-3:before {
  content: "";
  top: calc(1.1rem / 2 - 0.115rem);
}

.dot-4 {
  line-height: 1.2rem;
}

.dot-4:before {
  content: "";
  top: calc(1.2rem / 2 - 0.115rem);
}

.dot-5 {
  line-height: 1.3rem;
}

.dot-5:before {
  content: "";
  top: calc(1.3rem / 2 - 0.115rem);
}

.dot-6 {
  line-height: 1.5rem;
}

.dot-6:before {
  content: "";
  top: calc(1.5rem / 2 - 0.115rem);
}

.dot-7 {
  line-height: 1.7rem;
}

.dot-7:before {
  content: "";
  top: calc(1.7rem / 2 - 0.115rem);
}

.dot-8 {
  line-height: 1.8rem;
}

.dot-8:before {
  content: "";
  top: calc(1.8rem / 2 - 0.115rem);
}

.lh-1 {
  line-height: 0.8rem;
}

.lh-2 {
  line-height: 1rem;
}

.lh-3 {
  line-height: 1.1rem;
}

.lh-4 {
  line-height: 1.2rem;
}

.lh-5 {
  line-height: 1.3rem;
}

.lh-6 {
  line-height: 1.5rem;
}

.lh-7 {
  line-height: 1.7rem;
}

.lh-8 {
  line-height: 1.8rem;
}

/*letter-spacing*/
.ls-1 {
  letter-spacing: -0.05rem;
}

.ls-2 {
  letter-spacing: 0.02rem;
}

/*font-weight*/
.fw-l {
  font-weight: 300;
}

.fw-r {
  font-weight: 400;
}

.fw-m {
  font-weight: 500;
}

.fw-sb {
  font-weight: 600;
}

.fw-b {
  font-weight: 700;
}

.form-control {
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0;
  height: fit-content !important;
}
.form-control:focus, .form-control:invalid, .form-control.is-invalid:focus, .form-control:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: none;
  background: none;
}
.form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::placeholder {
  opacity: 1;
}

*[data-linked-tab-id], *[data-page-url],
*[data-modal-url], *[data-target-day],
*[data-target-quarter], *[data-filter] {
  cursor: pointer;
}

.btn input {
  display: none;
}

/* sistema da migliorare se è presente anche mt-2 allora il basis ha un altro valore, ma andrebbe rifatto  */
.row-10 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
}

.row-6 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 40%;
}

.row-6.mt-2 {
  flex-basis: calc(40% - 0.5rem);
}

.row-4 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 39%;
}

.row-4.mt-2 {
  flex-basis: calc(40% - 0.5rem);
}

.row-3 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 30%;
}

.row-3.mt-2 {
  flex-basis: calc(30% - 0.5rem);
}

.row-1 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 4.4rem;
}

.cursor-pointer {
  cursor: pointer;
}

hr {
  width: 100%;
  border-top: 0.1rem solid #E8E8E8;
  margin-bottom: 0.5rem;
  margin-top: 0;
}

.break-word {
  overflow-wrap: break-word;
}

.text-white {
  color: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.border-white {
  border-color: #FFFFFF !important;
}

.text-primary {
  color: #0D0F1B !important;
}

.fill-primary {
  fill: #0D0F1B;
}

.bg-primary {
  background-color: #0D0F1B !important;
}

.border-primary {
  border-color: #0D0F1B !important;
}

.text-secondary {
  color: #CEDE00 !important;
}

.fill-secondary {
  fill: #CEDE00;
}

.bg-secondary {
  background-color: #CEDE00 !important;
}

.border-secondary {
  border-color: #CEDE00 !important;
}

.text-danger {
  color: #B94000 !important;
}

.fill-danger {
  fill: #B94000;
}

.bg-danger {
  background-color: #B94000 !important;
}

.border-danger {
  border-color: #B94000 !important;
}

.text-success {
  color: #007495 !important;
}

.fill-success {
  fill: #007495;
}

.bg-success {
  background-color: #007495 !important;
}

.border-success {
  border-color: #007495 !important;
}

.text-warning {
  color: #FF9300 !important;
}

.fill-warning {
  fill: #FF9300;
}

.bg-warning {
  background-color: #FF9300 !important;
}

.border-warning {
  border-color: #FF9300 !important;
}

.text-info {
  color: #CEDE00 !important;
}

.fill-info {
  fill: #CEDE00;
}

.bg-info {
  background-color: #CEDE00 !important;
}

.border-info {
  border-color: #CEDE00 !important;
}

.b-0 {
  border-width: 0 !important;
}

.b-1 {
  border-width: 0.1rem !important;
}

.b-15 {
  border-width: 0.15rem !important;
}

.b-2 {
  border-width: 0.2rem !important;
}

.b-25 {
  border-width: 0.25rem !important;
}

.close:not(:disabled:not(.disabled)) {
  cursor: pointer;
  opacity: 1 !important;
}

/* OVERRIDE TO REMOVE BOUNCE EFFECT */
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}

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

.top-1 {
  top: 0.4rem !important;
}

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

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

.right-1 {
  right: 0.4rem !important;
}

.font-regular {
  font-weight: 400 !important;
}

.font-light {
  font-weight: 300 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.front-to-back {
  z-index: -1;
}

@media (max-width: 35rem) {
  .flex-column-mobile {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 35rem) {
  .flex-column-mobile {
    display: flex;
    flex-direction: row;
  }
}
@media (max-width: 48rem) and (min-width: 45em) {
  .d-icon-none {
    display: none !important;
  }
}
@media (min-height: 49rem) {
  .row-6 {
    flex-basis: 58%;
  }
  .row-6.mt-2 {
    flex-basis: calc(58% - 0.5rem);
  }
}
/*font-size*/
.fs-1 {
  font-size: 0.8rem !important;
}

.fs-2 {
  font-size: 1rem !important;
}

.fs-3 {
  font-size: 1.1rem !important;
}

.fs-4 {
  font-size: 1.5rem !important;
}

.fs-5 {
  font-size: 1.8rem !important;
}

.fs-3-1 {
  font-size: 1.25rem !important;
}

/*line-height*/
:root {
  --light-blue: #CAD9E3;
  --light-blue-medium: #98C3DC;
  --light: #E8E8E8;
  --light-medium: #C8C8C8;
  --gray: #898A8D;
  --gray-medium: #54565A;
  --gray-dark: #343A40;
  --pastel-gray: #606A82;
  --pastel-purple: #91A6D5;
  --pastel-blue: #576D9D;
  --pastel-light: #C9CCDA;
  --pastel-gray-dark: #444B5A;
  --pastel-highlight: #E1E3EB;
  --gray-background: #F9F9F9;
  --gray-shadow: #D7D7D7;
  --icon-micro: 0.6rem;
  --icon-mini: 1rem;
  --icon-small: 1.2rem;
  --icon-normal: 1.3125rem;
  --icon-medium: 1.5rem;
  --icon-big: 2rem;
  --orange: #FA9E20;
  --red: #FA5555;
  --white: #FFFFFF;
  --green: #19CC57;
  --black: #000000;
  --blue: #000077;
  --info: #CEDE00;
  --danger: #B94000;
  --success: #007495;
  --warning: #FF9300;
  --primary: #0D0F1B;
  --primary-dark: #0D0F1B;
  --secondary: #CEDE00;
  --dense: dense-regular, Times New Roman, Times, serif;
  --avenir-book: avenir-lt-std-book, Arial, Helvetica, sans-serif;
  --avenir-black: avenir-lt-std-black, Arial, Helvetica, sans-serif;
  --barlow: Barlow, sans-serif;
}

::selection {
  background: #0D0F1B;
}

::-moz-selection {
  background: #0D0F1B;
}

.form-control {
  color: #343A40;
  border-color: #E8E8E8;
  font-family: avenir-lt-std-book, Arial, Helvetica, sans-serif;
}

.form-control:focus {
  color: #343A40;
  border-color: #CEDE00;
  box-shadow: none;
  -webkit-box-shadow: 0 0 0 1rem white inset;
}

.form-control.form-control-lg:focus {
  -webkit-box-shadow: 0 0 0 1.25rem white inset;
}

.form-control:-webkit-autofill {
  -webkit-text-fill-color: #343A40;
  -webkit-box-shadow: 0 0 0 5rem white inset;
}

.form-control.form-control-lg:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 5rem white inset !important;
}

.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::placeholder {
  color: #898A8D;
}

.invalid-feedback {
  color: #FA5555;
}

.text-gray {
  color: #898A8D !important;
}

.fill-gray {
  fill: #898A8D;
}

.bg-gray {
  background-color: #898A8D !important;
}

.border-gray {
  border-color: #898A8D !important;
}

.text-light-medium {
  color: #C8C8C8 !important;
}

.fill-light-medium {
  fill: #C8C8C8;
}

.bg-light-medium {
  background-color: #C8C8C8 !important;
}

.border-light-medium {
  border-color: #C8C8C8 !important;
}

.text-gray-dark {
  color: #343A40 !important;
}

.fill-gray-dark {
  fill: #343A40;
}

.bg-gray-dark {
  background-color: #343A40 !important;
}

.border-gray-dark {
  border-color: #343A40 !important;
}

.text-gray-light {
  color: #ECECEC !important;
}

.fill-gray-light {
  fill: #ECECEC;
}

.bg-gray-light {
  background-color: #ECECEC !important;
}

.border-gray-light {
  border-color: #ECECEC !important;
}

.text-blue {
  color: #000077 !important;
}

.fill-blue {
  fill: #000077;
}

.bg-blue {
  background-color: #000077 !important;
}

.border-blue {
  border-color: #000077 !important;
}

.text-pastel-blue {
  color: #576D9D !important;
}

.fill-pastel-blue {
  fill: #576D9D;
}

.bg-pastel-blue {
  background-color: #576D9D !important;
}

.border-pastel-blue {
  border-color: #576D9D !important;
}

.text-pastel-gray {
  color: #606A82 !important;
}

.fill-pastel-gray {
  fill: #606A82;
}

.bg-pastel-gray {
  background-color: #606A82 !important;
}

.border-pastel-gray {
  border-color: #606A82 !important;
}

.text-pastel-purple {
  color: #91A6D5 !important;
}

.fill-pastel-purple {
  fill: #91A6D5;
}

.bg-pastel-purple {
  background-color: #91A6D5 !important;
}

.border-pastel-purple {
  border-color: #91A6D5 !important;
}

.text-light {
  color: #E8E8E8 !important;
}

.fill-light {
  fill: #E8E8E8;
}

.bg-light {
  background-color: #E8E8E8 !important;
}

.border-light {
  border-color: #E8E8E8 !important;
}

.text-green {
  color: #19CC57 !important;
}

.fill-green {
  fill: #19CC57;
}

.bg-green {
  background-color: #19CC57 !important;
}

.border-green {
  border-color: #19CC57 !important;
}

.text-red {
  color: #FA5555 !important;
}

.fill-red {
  fill: #FA5555;
}

.bg-red {
  background-color: #FA5555 !important;
}

.border-red {
  border-color: #FA5555 !important;
}

.text-primary-dark {
  color: #0D0F1B !important;
}

.fill-primary-dark {
  fill: #0D0F1B;
}

.bg-primary-dark {
  background-color: #0D0F1B !important;
}

.border-primary-dark {
  border-color: #0D0F1B !important;
}

.text-pastel-gray-dark {
  color: #444B5A !important;
}

.fill-pastel-gray-dark {
  fill: #444B5A;
}

.bg-pastel-gray-dark {
  background-color: #444B5A !important;
}

.border-pastel-gray-dark {
  border-color: #444B5A !important;
}

.icon-big {
  height: 2rem;
}

.icon-normal {
  height: 1.3125rem;
}

.icon-medium {
  height: 1.5rem;
}

.icon-small {
  height: 1.2rem;
}

.icon-mini {
  height: 1rem;
}

.icon-micro {
  height: 0.6rem;
}

body {
  color: #343A40;
}

.form-control:-webkit-autofill {
  -webkit-text-fill-color: #343A40;
}

/* Fonts ------------------------------------------------------------*/
@font-face {
  font-family: dense-regular;
  src: url(/ellipsia/css/fonts/Dense-Regular.ttf);
}
@font-face {
  font-family: avenir-lt-std-book;
  src: url(/ellipsia/css/fonts/AvenirLTStd-Book.ttf);
}
@font-face {
  font-family: avenir-lt-std-black;
  src: url(/ellipsia/css/fonts/AvenirLTStd-Black.ttf);
}
@font-face {
  font-family: Barlow;
  src: url(/ellipsia/css/fonts/BarlowCondensed-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: Barlow;
  src: url(/ellipsia/css/fonts/BarlowCondensed-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: Barlow;
  src: url(/ellipsia/css/fonts/BarlowCondensed-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: Barlow;
  src: url(/ellipsia/css/fonts/BarlowCondensed-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: Barlow;
  src: url(/ellipsia/css/fonts/BarlowCondensed-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: Barlow;
  src: url(/ellipsia/css/fonts/BarlowCondensed-Italic.ttf);
  font-style: italic;
}
.font-dense {
  font-family: dense-regular, "Times New Roman", Times, serif;
}

.font-avenir-book {
  font-family: avenir-lt-std-book, Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
}

.font-avenir-black {
  font-family: avenir-lt-std-black, Arial, Helvetica, sans-serif;
}

.font-barlow {
  font-family: Barlow, sans-serif;
  font-weight: 400;
}

.new-line {
  white-space: pre-line;
}

.left-separator {
  border-left: 2px solid #FFFFFF;
}

.top-separator {
  border-top: 2px solid #FFFFFF;
}

.right-separator {
  border-right: 2px solid #FFFFFF;
}

.bottom-separator {
  border-bottom: 2px solid #FFFFFF;
}

.text-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-clamp-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-clamp-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-clamp-7 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-clamp-8 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-clamp-9 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-clamp-10 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popover {
  background: #343A40;
  font-size: 1rem;
  font-family: Barlow, sans-serif;
}
.popover .popover-body {
  color: #FFFFFF;
}

.bs-popover-top > .arrow::after {
  border-top-color: #343A40;
}

/* Fonts ------------------------------------------------------------*/
@font-face {
  font-family: Manrope;
  src: url(/ellipsia/css/fonts/Manrope-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: Manrope;
  src: url(/ellipsia/css/fonts/Manrope-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: Manrope;
  src: url(/ellipsia/css/fonts/Manrope-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: Manrope;
  src: url(/ellipsia/css/fonts/Manrope-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: Manrope;
  src: url(/ellipsia/css/fonts/Manrope-Bold.ttf);
  font-weight: 700;
}
/* Fonts ------------------------------------------------------------*/
.fill-red {
  fill: #B94000;
}

.fill-green {
  fill: #007495;
}
/*# sourceMappingURL=bootstrap-overrides.css.map */
