.bg-dark-green {
  background-color: rgb(160, 188, 162) !important;
}

.text-dark-green {
  color: rgb(160, 188, 162) !important;
}

.bg-dark-blue {
  background-color: rgb(137, 151, 163) !important;
}

.text-dark-blue {
  color: rgb(137, 151, 163) !important;
}

.bg-yellow {
  background-color: rgb(244, 224, 124) !important;
}

.text-yellow {
  color: rgb(244, 224, 124) !important;
}

.bg-light-purple {
  background-color: rgb(182, 171, 201) !important;
}

.text-light-purple {
  color: rgb(182, 171, 201) !important;
}

.bg-disable {
  background-color: rgb(203, 203, 203) !important;
}

.text-disable {
  color: rgb(203, 203, 203) !important;
}

.bg-blue-green {
  background-color: rgb(124, 177, 175) !important;
}

.text-blue-green {
  color: rgb(124, 177, 175) !important;
}

.bg-warning {
  background-color: rgb(238, 153, 0) !important;
}

.text-warning {
  color: rgb(238, 153, 0) !important;
}

.bg-error {
  background-color: rgb(255, 0, 0) !important;
}

.text-error {
  color: rgb(255, 0, 0) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

.bg-white {
  background-color: rgb(255, 255, 255) !important;
}

.text-white {
  color: rgb(255, 255, 255) !important;
}

.bg-soft-grey {
  background-color: rgb(245, 245, 245) !important;
}

.text-soft-grey {
  color: rgb(245, 245, 245) !important;
}

/**** DEFINIZIONE DEI COLORI PRINCIPALI E SECONDARI ****/
/* Azioni primarie e links */
.bg-primary-1 {
  background-color: rgb(168, 27, 56) !important;
}

.text-primary-1 {
  color: rgb(168, 27, 56) !important;
}

.bg-primary-2 {
  background-color: rgb(133, 23, 20) !important;
}

.text-primary-2 {
  color: rgb(133, 23, 20) !important;
}

.bg-primary-3 {
  background-color: #C21B17 !important;
}

.text-primary-3 {
  color: #C21B17 !important;
}

.bg-primary-4 {
  background-color: rgb(241, 100, 74) !important;
}

.text-primary-4 {
  color: rgb(241, 100, 74) !important;
}

/* Azioni secondarie, testi e sfondi */
.bg-secondary-1 {
  background-color: rgb(57, 57, 57) !important;
}

.text-secondary-1 {
  color: rgb(57, 57, 57) !important;
}

.bg-secondary-2 {
  background-color: #20252B !important;
}

.text-secondary-2 {
  color: #20252B !important;
}

.bg-secondary-3 {
  background-color: rgb(145, 145, 145) !important;
}

.text-secondary-3 {
  color: rgb(145, 145, 145) !important;
}

.bg-secondary-4 {
  background-color: rgb(166, 166, 166) !important;
}

.text-secondary-4 {
  color: rgb(166, 166, 166) !important;
}

.bg-secondary-5 {
  background-color: rgb(203, 203, 203) !important;
}

.text-secondary-5 {
  color: rgb(203, 203, 203) !important;
}

.bg-secondary-6 {
  background-color: rgb(222, 222, 222) !important;
}

.text-secondary-6 {
  color: rgb(222, 222, 222) !important;
}

.bg-secondary-7 {
  background-color: rgb(111, 112, 114) !important;
}

.text-secondary-7 {
  color: rgb(111, 112, 114) !important;
}

.bg-secondary-8 {
  background-color: rgb(255, 255, 255) !important;
}

.text-secondary-8 {
  color: rgb(255, 255, 255) !important;
}

.bg-secondary-9 {
  background-color: rgba(236, 209, 0, 0.5) !important;
}

.text-secondary-9 {
  color: rgba(236, 209, 0, 0.5) !important;
}

/* MEDIA QUERIES */
/*
xs	'screen and (max-width: 599px)'
sm	'screen and (min-width: 600px) and (max-width: 959px)'
md	'screen and (min-width: 960px) and (max-width: 1279px)'
lg	'screen and (min-width: 1280px) and (max-width: 1919px)'
xl	'screen and (min-width: 1920px) and (max-width: 5000px)'
lt-sm	'screen and (max-width: 599px)'
lt-md	'screen and (max-width: 959px)'
lt-lg	'screen and (max-width: 1279px)'
lt-xl	'screen and (max-width: 1919px)'
gt-xs	'screen and (min-width: 600px)'
gt-sm	'screen and (min-width: 960px)'
gt-md	'screen and (min-width: 1280px)'
gt-lg	'screen and (min-width: 1920px)'
*/
.cursor-grabbing {
  cursor: grabbing !important;
  cursor: -webkit-grabbing;
  pointer-events: auto;
}

.cursor-default, .app-loading, button[disabled],
html input[disabled], h1,
h2,
h3,
h4,
h5,
p {
  cursor: default !important;
  pointer-events: none;
}

.cursor-pointer, .footer .footer-second-content a, .footer .footer-second-content .titles p, .footer .footer-content h5, [role=button], button,
html input[type=button],
input[type=reset],
input[type=submit], h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
p > a {
  cursor: pointer !important;
  pointer-events: auto;
}

/* MEDIA QUERIES */
/*
xs	'screen and (max-width: 599px)'
sm	'screen and (min-width: 600px) and (max-width: 959px)'
md	'screen and (min-width: 960px) and (max-width: 1279px)'
lg	'screen and (min-width: 1280px) and (max-width: 1919px)'
xl	'screen and (min-width: 1920px) and (max-width: 5000px)'
lt-sm	'screen and (max-width: 599px)'
lt-md	'screen and (max-width: 959px)'
lt-lg	'screen and (max-width: 1279px)'
lt-xl	'screen and (max-width: 1919px)'
gt-xs	'screen and (min-width: 600px)'
gt-sm	'screen and (min-width: 960px)'
gt-md	'screen and (min-width: 1280px)'
gt-lg	'screen and (min-width: 1920px)'
*/
button {
  border: 0;
  outline: none;
  display: inline-block;
  position: relative;
  cursor: pointer;
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-grid-row-align: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  border: 0;
  padding: 0 6px;
  margin: 6px 8px;
  background: transparent;
  color: currentColor;
  white-space: nowrap;
  text-transform: uppercase !important;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.origin-btn, .medium-btn, .main-btn {
  color: #fff !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: inset 0px 0 0 0;
  font-weight: 500 !important;
  font-family: "Roboto", Arial, sans-serif !important;
  display: inline-block !important;
  position: relative !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-grid-row-align: center !important;
  align-items: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  font-style: inherit !important;
  font-variant: inherit !important;
  font-family: inherit !important;
  text-decoration: none !important;
  overflow: hidden !important;
  transition: box-shadow none !important;
}

.main-btn {
  min-width: 88px !important;
  min-height: 28px !important;
  line-height: 28px !important;
  padding: 8px 25px !important;
  margin: 6px 8px !important;
  font-size: 12px !important;
}
.main-btn i {
  display: inline !important;
  line-height: 27px;
  margin: 0;
}
.main-btn p {
  display: inline !important;
  line-height: 27px;
  margin: 0 10px !important;
}

.medium-btn {
  max-height: 35px !important;
  min-height: 35px !important;
  line-height: 35px !important;
  min-width: 100px !important;
  padding: 0 15px !important;
  margin: 0 !important;
  font-size: 12px !important;
}
.medium-btn i {
  display: inline !important;
  line-height: 27px;
  margin: 0;
}
.medium-btn p {
  display: inline !important;
  margin: 0 10px !important;
  line-height: 27px;
}

.small-btn {
  max-width: 100px !important;
  padding: 6px !important;
  margin: 0 !important;
  height: auto;
  min-height: 0 !important;
  line-height: normal !important;
}
.small-btn i {
  display: inline !important;
  line-height: 15px;
  margin: 0;
  font-size: 15px;
}
.small-btn p {
  display: inline !important;
  line-height: 15px;
  margin: 0 5px;
  font-size: 11px;
}

/* Bottoni primari */
.light-btn {
  background: transparent !important;
  color: black;
  padding: 0 2px !important;
}
.light-btn:hover {
  background: rgba(10.2, 10.2, 10.2, 0) !important;
  transition: all 0.3s ease;
}
.light-btn:active {
  background: rgba(20.4, 20.4, 20.4, 0) !important;
}
.light-btn:hover {
  background-color: #eee !important;
}
.light-btn i {
  color: black !important;
}
.light-btn p {
  font-style: normal !important;
  font-size: 11px !important;
  color: black !important;
}

.main-btn-primary {
  background: rgb(168, 27, 56) !important;
}
.main-btn-primary:hover {
  background: rgb(185.5753846154, 29.8246153846, 61.8584615385) !important;
  transition: all 0.3s ease;
}
.main-btn-primary:active {
  background: rgb(203.1507692308, 32.6492307692, 67.7169230769) !important;
}

.main-btn-primary-border {
  background: transparent !important;
  border: 2px solid rgb(168, 27, 56) !important;
  color: rgb(168, 27, 56) !important;
}
.main-btn-primary-border:hover {
  background: rgba(10.2, 10.2, 10.2, 0) !important;
  transition: all 0.3s ease;
}
.main-btn-primary-border:active {
  background: rgba(20.4, 20.4, 20.4, 0) !important;
}
.main-btn-primary-border svg-icon {
  color: rgb(168, 27, 56) !important;
}
.main-btn-primary-border i {
  color: rgb(168, 27, 56) !important;
}

/* Bottoni secondari */
.main-btn-secondary {
  background: rgb(166, 166, 166) !important;
  padding: 4px 25px !important;
}
.main-btn-secondary:hover {
  background: rgb(176.2, 176.2, 176.2) !important;
  transition: all 0.3s ease;
}
.main-btn-secondary:active {
  background: rgb(186.4, 186.4, 186.4) !important;
}

.main-btn-secondary-border {
  background: transparent !important;
  border: 2px solid rgb(166, 166, 166) !important;
  color: rgb(166, 166, 166) !important;
}
.main-btn-secondary-border:hover {
  background: rgba(10.2, 10.2, 10.2, 0) !important;
  transition: all 0.3s ease;
}
.main-btn-secondary-border:active {
  background: rgba(20.4, 20.4, 20.4, 0) !important;
}
.main-btn-secondary-border svg-icon {
  color: rgb(166, 166, 166) !important;
}
.main-btn-secondary-border i {
  color: rgb(166, 166, 166) !important;
}

/* other button  */
.compact-btn {
  height: 73px;
  width: 36px;
  background: rgb(168, 27, 56) !important;
  color: #fff;
}
.compact-btn:hover {
  background: rgb(185.5753846154, 29.8246153846, 61.8584615385) !important;
  transition: all 0.3s ease;
}
.compact-btn:active {
  background: rgb(203.1507692308, 32.6492307692, 67.7169230769) !important;
}

.main-btn-white {
  background: rgb(255, 255, 255) !important;
}
.main-btn-white:hover {
  background: white !important;
  transition: all 0.3s ease;
}
.main-btn-white:active {
  background: white !important;
}

.main-btn-white-border {
  background: transparent !important;
  border: 2px solid rgb(255, 255, 255) !important;
  color: rgb(255, 255, 255) !important;
}
.main-btn-white-border:hover {
  background: rgba(10.2, 10.2, 10.2, 0) !important;
  transition: all 0.3s ease;
}
.main-btn-white-border:active {
  background: rgba(20.4, 20.4, 20.4, 0) !important;
}
.main-btn-white-border:hover {
  background-color: rgba(238, 238, 238, 0.185) !important;
}

.main-btn-black {
  background: rgb(57, 57, 57) !important;
}
.main-btn-black:hover {
  background: rgb(67.2, 67.2, 67.2) !important;
  transition: all 0.3s ease;
}
.main-btn-black:active {
  background: rgb(77.4, 77.4, 77.4) !important;
}

.main-btn-green {
  background: rgb(124, 177, 175) !important;
}
.main-btn-green:hover {
  background: rgb(136.7866028708, 184.6133971292, 182.8086124402) !important;
  transition: all 0.3s ease;
}
.main-btn-green:active {
  background: rgb(149.5732057416, 192.2267942584, 190.6172248804) !important;
}

.main-btn-green-border {
  background: transparent !important;
  border: 2px solid rgb(124, 177, 175) !important;
  color: rgb(124, 177, 175) !important;
}
.main-btn-green-border:hover {
  background: rgba(10.2, 10.2, 10.2, 0) !important;
  transition: all 0.3s ease;
}
.main-btn-green-border:active {
  background: rgba(20.4, 20.4, 20.4, 0) !important;
}

.main-btn-black {
  background: black !important;
}
.main-btn-black:hover {
  background: rgb(10.2, 10.2, 10.2) !important;
  transition: all 0.3s ease;
}
.main-btn-black:active {
  background: rgb(20.4, 20.4, 20.4) !important;
}

.main-btn-black-border {
  background: transparent !important;
  border: 2px solid black !important;
  color: black !important;
}
.main-btn-black-border:hover {
  background: rgba(10.2, 10.2, 10.2, 0) !important;
  transition: all 0.3s ease;
}
.main-btn-black-border:active {
  background: rgba(20.4, 20.4, 20.4, 0) !important;
}

.main-btn-blu {
  background: rgb(74, 144, 226) !important;
}
.main-btn-blu:hover {
  background: rgb(91.5828571429, 154.7828571429, 228.8171428571) !important;
  transition: all 0.3s ease;
}
.main-btn-blu:active {
  background: rgb(109.1657142857, 165.5657142857, 231.6342857143) !important;
}

.main-btn-blu-border {
  background: transparent !important;
  border: 2px solid rgb(74, 144, 226) !important;
  color: rgb(74, 144, 226) !important;
}
.main-btn-blu-border:hover {
  background: rgba(10.2, 10.2, 10.2, 0) !important;
  transition: all 0.3s ease;
}
.main-btn-blu-border:active {
  background: rgba(20.4, 20.4, 20.4, 0) !important;
}

.main-btn-red {
  background: rgb(168, 27, 56) !important;
}
.main-btn-red:hover {
  background: rgb(185.5753846154, 29.8246153846, 61.8584615385) !important;
  transition: all 0.3s ease;
}
.main-btn-red:active {
  background: rgb(203.1507692308, 32.6492307692, 67.7169230769) !important;
}

.main-btn-red-border {
  background: transparent !important;
  border: 2px solid rgb(168, 27, 56) !important;
  color: rgb(168, 27, 56) !important;
  padding: 4px 25px !important;
}
.main-btn-red-border:hover {
  background: rgba(10.2, 10.2, 10.2, 0) !important;
  transition: all 0.3s ease;
}
.main-btn-red-border:active {
  background: rgba(20.4, 20.4, 20.4, 0) !important;
}

.main-btn-small {
  background: rgb(255, 255, 255) !important;
  color: black !important;
  max-height: 26px !important;
  line-height: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  margin: 10px 0 !important;
  min-width: unset !important;
}
.main-btn-small:hover {
  background: white !important;
  transition: all 0.3s ease;
}
.main-btn-small:active {
  background: white !important;
}

.btn-primary, .btn-secondary-1, .btn-primary-5, .btn-primary-4, .btn-primary-3, .btn-primary-2, .btn-primary-1 {
  padding: 0 15px;
  margin: 0;
  border-radius: 0;
}
.btn-primary p, .btn-secondary-1 p, .btn-primary-5 p, .btn-primary-4 p, .btn-primary-3 p, .btn-primary-2 p, .btn-primary-1 p {
  color: #fff;
  font-size: 16px;
  text-transform: none;
  text-align: center;
  border-radius: 0;
}
.btn-primary[disabled], [disabled].btn-secondary-1, [disabled].btn-primary-5, [disabled].btn-primary-4, [disabled].btn-primary-3, [disabled].btn-primary-2, [disabled].btn-primary-1 {
  background-color: rgba(168, 27, 56, 0.3137254902) !important;
  cursor: default !important;
  pointer-events: none;
  opacity: 0.5;
}
.btn-primary.large, .large.btn-secondary-1, .large.btn-primary-5, .large.btn-primary-4, .large.btn-primary-3, .large.btn-primary-2, .large.btn-primary-1 {
  min-width: 200px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}
.btn-primary.large p, .large.btn-secondary-1 p, .large.btn-primary-5 p, .large.btn-primary-4 p, .large.btn-primary-3 p, .large.btn-primary-2 p, .large.btn-primary-1 p {
  color: #fff;
  font-size: 16px;
  text-transform: none;
  text-align: center;
  border-radius: 0;
  margin: 0;
}
.btn-primary.medium, .medium.btn-secondary-1, .medium.btn-primary-5, .medium.btn-primary-4, .medium.btn-primary-3, .medium.btn-primary-2, .medium.btn-primary-1 {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
}
.btn-primary.medium p, .medium.btn-secondary-1 p, .medium.btn-primary-5 p, .medium.btn-primary-4 p, .medium.btn-primary-3 p, .medium.btn-primary-2 p, .medium.btn-primary-1 p {
  color: #fff;
  font-size: 16px;
  text-transform: none;
  text-align: center;
  border-radius: 0;
}

.btn-primary-1 {
  background: rgb(168, 27, 56) !important;
  color: #fff;
}
.btn-primary-1:hover {
  background: rgb(185.5753846154, 29.8246153846, 61.8584615385) !important;
  transition: all 0.3s ease;
}
.btn-primary-1:active {
  background: rgb(203.1507692308, 32.6492307692, 67.7169230769) !important;
}
.btn-primary-1 svg g {
  fill: rgb(168, 27, 56);
}

.btn-primary-2 {
  background: rgb(133, 23, 20) !important;
  color: #fff;
}
.btn-primary-2:hover {
  background: rgb(150.7333333333, 26.0666666667, 22.6666666667) !important;
  transition: all 0.3s ease;
}
.btn-primary-2:active {
  background: rgb(168.4666666667, 29.1333333333, 25.3333333333) !important;
}
.btn-primary-2 svg g {
  fill: rgb(133, 23, 20);
}

.btn-primary-3 {
  background: #C21B17 !important;
  color: #fff;
}
.btn-primary-3:hover {
  background: rgb(212.2377880184, 29.5382488479, 25.1622119816) !important;
  transition: all 0.3s ease;
}
.btn-primary-3:active {
  background: rgb(228.269124424, 34.1797235023, 29.530875576) !important;
}
.btn-primary-3 svg g {
  fill: #C21B17;
}

.btn-primary-4 {
  background: rgb(241, 100, 74) !important;
  color: #fff;
}
.btn-primary-4:hover {
  background: rgb(242.4646153846, 116.2153846154, 92.9353846154) !important;
  transition: all 0.3s ease;
}
.btn-primary-4:active {
  background: rgb(243.9292307692, 132.4307692308, 111.8707692308) !important;
}
.btn-primary-4 svg g {
  fill: rgb(241, 100, 74);
}

.btn-primary-5 {
  background: rgb(137, 151, 163) !important;
}
.btn-primary-5:hover {
  background: rgb(148.4628571429, 161.1028571429, 171.9371428571) !important;
  transition: all 0.3s ease;
}
.btn-primary-5:active {
  background: rgb(159.9257142857, 171.2057142857, 180.8742857143) !important;
}
.btn-primary-5 svg g {
  fill: rgb(137, 151, 163);
}

.btn-secondary-1 {
  background: rgb(166, 166, 166) !important;
  color: #fff !important;
}
.btn-secondary-1:hover {
  background: rgb(176.2, 176.2, 176.2) !important;
  transition: all 0.3s ease;
}
.btn-secondary-1:active {
  background: rgb(186.4, 186.4, 186.4) !important;
}
.btn-secondary-1 p,
.btn-secondary-1 span {
  color: #fff !important;
}
.btn-secondary-1 svg g {
  fill: rgb(166, 166, 166);
}

.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 32px;
}
.switch input {
  border: 1px solid #919191;
  display: none;
  background-color: #cbcbcb;
}
.switch input:checked + .slider:before {
  transform: translateX(37px);
  background-color: #a0bca2 !important;
}
.switch input:checked + .slider {
  background-color: #d9e4da !important;
}
.switch input:checked + .slider.round {
  border: 1px solid #a0bca2 !important;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cbcbcb;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 27px;
  width: 27px;
  left: 2px;
  bottom: 1.2px;
  background-color: #6c6c6c;
  transition: 0.4s;
}
.switch .slider.round {
  border-radius: 4px;
  border: 1px solid #919191;
}
.switch .slider.round:before {
  border-radius: 50%;
}

.material-switch {
  display: none;
}
.material-switch:checked + .switch-label:before {
  background-color: #a5d6a7;
}
.material-switch:checked + .switch-label.switch-disabled:before {
  background-color: #9e9e9e !important;
  cursor: default !important;
  pointer-events: none !important;
}
.material-switch:checked + .switch-label:after {
  background-color: #4caf50;
  transform: translate(80%, -50%);
}
.material-switch:checked + .switch-label.switch-disabled:after {
  background-color: #fff;
  transform: translate(80%, -50%);
}
.material-switch.switch-disabled {
  cursor: default !important;
  pointer-events: none !important;
}

.switch-label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-weight: 500;
  text-transform: uppercase;
  max-width: 35px;
  width: 100%;
}
.switch-label:before, .switch-label:after {
  content: "";
  position: absolute;
  margin: 0;
  outline: 0;
  top: 33%;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
}
.switch-label:before {
  left: 1px;
  width: 34px;
  height: 14px;
  background-color: #9e9e9e;
  border-radius: 4px;
}
.switch-label:after {
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #fafafa;
  border-radius: 50%;
  border: 1px solid #5A5D62;
}
.switch-label span {
  left: -97px;
  position: absolute;
  top: 3px;
  color: #919191 !important;
  font-size: 12px;
}
.switch-label.switch-disabled {
  cursor: default !important;
  pointer-events: none !important;
}

.btn-dashboard-3 {
  padding: 0 !important;
  height: 100%;
  width: 45px;
  min-width: 45px;
  max-width: 45px;
  min-height: 111px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border-radius: 0;
  background: #C21B17 !important;
}
.btn-dashboard-3 svg-icon {
  color: #fff !important;
  fill: #fff !important;
  background-color: transparent !important;
  height: 30px;
  width: 30px;
  margin-left: 5px !important;
}
.btn-dashboard-3[disabled] {
  opacity: 50;
}
.btn-dashboard-3:hover {
  background: rgb(212.2377880184, 29.5382488479, 25.1622119816) !important;
  transition: all 0.3s ease;
}
.btn-dashboard-3:active {
  background: rgb(228.269124424, 34.1797235023, 29.530875576) !important;
}

/* Radio button */
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
  }
  50% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}
.md-radio {
  margin: 16px 0;
}
.md-radio.md-radio-inline {
  display: inline-block;
}
.md-radio input[type=radio] {
  display: none;
}
.md-radio input[type=radio]:checked + label:before {
  border-color: #a81b38;
  animation: ripple 0.2s linear forwards;
}
.md-radio input[type=radio]:checked + label:after {
  transform: scale(1);
}
.md-radio label {
  display: inline-block;
  min-height: 30px;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
}
.md-radio label:before, .md-radio label:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: all 0.3s ease;
  transition-property: transform, border-color;
}
.md-radio label:before {
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.54);
}
.md-radio label:after {
  top: 10px;
  left: 10px;
  width: 10px;
  height: 10px;
  transform: scale(0);
  background: #a81b38;
}

.gear-open-calendar-btn {
  fill: #fff;
  background-color: #a81b38;
}

.btn-datapiker {
  padding: 0 !important;
}

.color-for-cancel {
  background-color: #6c6c6c !important;
}

.color-for-subtitle {
  color: #6c6c6c !important;
}

.margin-bottom10 {
  margin-bottom: 10px !important;
}

input {
  box-shadow: none !important;
  background-color: rgba(0, 0, 0, 0);
  padding: 0 5px;
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #5A5D62;
  border-radius: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #6c6c6c;
  opacity: 1; /* Firefox */
}

input::-ms-clear,
input::-ms-reveal {
  width: 25px;
}

.input-error {
  color: #d30000;
  font-size: 12px;
  position: absolute;
  font-style: italic;
}

.login-input-wrapper {
  min-width: 270px;
}

.generali-input {
  margin-top: 15px;
}
.generali-input.search {
  min-width: 288px !important;
  min-height: 52px !important;
  padding: 0 45px 0 15px !important;
  margin: 3px 0 0 0;
}
.generali-input.small {
  width: 290px;
  min-width: 290px;
  max-width: 290px;
}
.generali-input.extra-small {
  width: 100%;
  min-width: 100%;
  max-width: 185px;
}
.generali-input .disabled {
  color: #6c6c6c !important;
  border: 1px solid #cbcbcb;
}
.generali-input .title-input h5 {
  color: #20252B !important;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 10px;
}
.generali-input .title-input svg-icon {
  width: 45px;
  height: 45px;
  color: rgb(57, 57, 57);
  margin: 0;
  cursor: pointer;
}
.generali-input .title-input svg-icon:hover {
  color: rgb(168, 27, 56) !important;
}
.generali-input .title-input p {
  color: #6c6c6c !important;
}
.generali-input .input-text {
  min-width: 100%;
  min-height: 40px;
  padding: 0 15px;
}
.generali-input md-radio-group:not([disabled]).md-primary .md-checked .md-off {
  border-color: rgb(168, 27, 56);
}
.generali-input md-radio-group:not([disabled]).md-primary .md-on {
  background-color: rgb(168, 27, 56);
}
.generali-input md-radio-group.md-primary .md-checked:not([disabled]) .md-ink-ripple {
  color: rgba(168, 27, 56, 0.26);
}
.generali-input md-radio-group {
  width: 150px;
}
.generali-input p:last-child {
  padding-bottom: 50px;
}
.generali-input [ng-controller] {
  padding: 0 20px;
}
.generali-input .radioValue {
  margin-left: 5px;
  color: rgb(168, 27, 56);
  font-weight: bold;
  padding: 5px;
}
.generali-input svg-icon {
  width: 128px;
  height: 128px;
}
.generali-input input {
  min-width: 100% !important;
  min-height: 52px !important;
  padding: 0 15px !important;
}
.generali-input .small-text-input > input,
.generali-input input.small-text-input,
.generali-input input.time-input {
  min-width: 90px !important;
  max-width: 90px !important;
  min-height: 52px !important;
  padding: 0 15px !important;
}
.generali-input .select-data {
  max-width: 232px !important;
  min-width: 230px !important;
}
.generali-input .form-control.ui-select-search {
  max-width: 259px !important;
  min-width: 259px !important;
}
.generali-input .selectize-control,
.generali-input .ui-select-container,
.generali-input .ui-select-bootstrap,
.generali-input .dropdown,
.generali-input .ui-select-match {
  width: 100%;
}
.generali-input .selectize-control.multi .selectize-input.has-items {
  padding: 0 15px;
}
.generali-input .selectize-control.multi .selectize-input > div {
  border-radius: 4px;
  height: 37px;
  max-height: 37px;
  line-height: 40px;
  margin: 5px 5px 5px 0;
  padding: 0 13px;
}
.generali-input .ui-select-match-tex,
.generali-input .ui-select-bootstrap,
.generali-input .ui-select-match-text {
  height: 50px;
}
.generali-input .select-data-btn {
  height: 52px;
  width: 52px !important;
  min-width: 52px !important;
  margin-left: 10px !important;
  border: 0;
}
.generali-input .select-data-btn svg-icon {
  height: 52px;
  width: 52px;
}
.generali-input.disabled .ng-input {
  cursor: default !important;
  pointer-events: none !important;
}
.generali-input.disabled .ng-input > input {
  cursor: default !important;
  pointer-events: none !important;
}
.generali-input.disabled input {
  cursor: default !important;
  pointer-events: none !important;
}
.generali-input ckeditor {
  min-height: 450px !important;
  max-height: 450px !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.generali-input-text {
  border: 1px solid #6c6c6c !important;
  color: #20252B !important;
  padding: 0 7px !important;
}

.generali-input-text-mandatory {
  border: 1px solid #6c6c6c !important;
  background-color: #ffc000 !important;
  opacity: 0.9;
  color: #20252B !important;
}

.generali-input-text-mandatory::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-style: italic !important;
  color: #919191 !important;
}

.generali-input-text-mandatory:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-style: italic !important;
  color: #919191 !important;
}

.generali-input-text-mandatory::-ms-input-placeholder {
  /* Microsoft Edge */
  font-style: italic !important;
  color: #919191 !important;
}

.generali-input-text-mandatory:focus,
.generali-input-text:focus {
  border: 2px solid #6c6c6c !important;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-style: italic !important;
  color: #919191 !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-style: italic !important;
  color: #919191 !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  font-style: italic !important;
  color: #919191 !important;
}

.ngx-datepicker-calendar-container {
  top: 55px !important;
  z-index: 1000000;
}

.check-availability-button-disabled {
  cursor: default !important;
  opacity: 0.6;
}
.check-availability-button-disabled button {
  cursor: default !important;
}

.check-availability-button-disabled-for-loading {
  cursor: wait !important;
  opacity: 0.6;
}
.check-availability-button-disabled-for-loading button {
  cursor: wait !important;
}

.input-wrapper .basic-input {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 6px 12px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #5A5D62;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.input-wrapper .smaller-input {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  padding: 6px 12px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #5A5D62;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input.ng-invalid.ng-dirty,
input.ng-invalid.ng-touched {
  border-color: #d30000 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:focus:-webkit-autofill,
input:-webkit-autofill:focus {
  background-color: #fff !important;
}

/*
* Stili per il radio button in stile Angular Material Design
*/
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
  }
  50% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}
.md-radio {
  margin: 15px 0;
}
.md-radio.text-center {
  text-align: center !important;
}
.md-radio.md-radio-inline {
  display: inline-block;
}
.md-radio input[type=radio] {
  display: none;
}
.md-radio input[type=radio]:checked + label:before {
  border-color: #a81b38;
  animation: ripple 0.2s linear forwards;
}
.md-radio input[type=radio]:checked + label:after {
  transform: scale(1);
}
.md-radio input[type=radio]:disabled + label {
  pointer-events: none !important;
  cursor: default !important;
  border-color: rgba(0, 0, 0, 0.26);
}
.md-radio input[type=radio]:disabled + label:before {
  pointer-events: none !important;
  cursor: default !important;
  border-color: rgba(0, 0, 0, 0.26);
}
.md-radio input[type=radio]:disabled:checked {
  pointer-events: none !important;
  cursor: default !important;
}
.md-radio input[type=radio]:disabled:checked + label:before {
  background: rgba(0, 0, 0, 0.26);
}
.md-radio input[type=radio]:disabled:checked + label:after {
  background: rgba(0, 0, 0, 0.26);
}
.md-radio label {
  display: inline-block;
  line-height: 30px;
  min-height: 30px;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
  padding-left: 30px;
}
.md-radio label:before, .md-radio label:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: all 0.3s ease;
  transition-property: transform, border-color;
}
.md-radio label:before {
  left: -15px;
  top: 0;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.54);
}
.md-radio label:after {
  top: 10px;
  left: -5px;
  width: 10px;
  height: 10px;
  transform: scale(0);
  background: #a81b38;
}

.chooseWeightModal .md-radio label:before {
  left: -50px;
}
.chooseWeightModal .md-radio label:after {
  left: -40px;
}

/* Set di stili per gli input checkbox in stile material */
.md-checkbox {
  position: relative;
  margin: 16px 0;
  text-align: left;
  display: inline-flex;
  line-height: 30px;
  width: 100%;
}
.md-checkbox.md-checkbox-inline {
  display: inline-block;
}
.md-checkbox label {
  line-height: 30px;
  cursor: pointer;
}
.md-checkbox label:before, .md-checkbox label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.md-checkbox label:before {
  width: 30px;
  height: 30px;
  background: #fff;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s;
}
.md-checkbox.inverse label:before {
  background: #a81b38;
}
.md-checkbox input[type=checkbox] {
  outline: 0;
  margin-right: 10px;
  visibility: hidden;
  height: 30px;
  max-height: 30px;
  min-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
}
.md-checkbox input[type=checkbox]:checked + label:not(.switch-all-takers):before {
  background: #a81b38;
  border: none;
}
.md-checkbox input[type=checkbox]:checked + label:after {
  transform: rotate(-45deg);
  top: 6.5px;
  left: 4px;
  width: 22px;
  height: 11px;
  border: 2px solid #fff;
  border-top-style: none;
  border-right-style: none;
}
.md-checkbox input[type=checkbox]:disabled + label {
  pointer-events: none !important;
  cursor: default !important;
  border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox input[type=checkbox]:disabled + label:before {
  pointer-events: none !important;
  cursor: default !important;
  border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox input[type=checkbox]:disabled:checked {
  pointer-events: none !important;
  cursor: default !important;
}
.md-checkbox input[type=checkbox]:disabled:checked + label:before {
  background: rgba(0, 0, 0, 0.26);
}
.md-checkbox.inverse input[type=checkbox]:checked + label:before {
  background: #fff;
}
.md-checkbox.inverse input[type=checkbox]:checked + label:after {
  transform: rotate(-45deg);
  top: 6.5px;
  left: 4px;
  width: 22px;
  height: 11px;
  border: 2px solid #a81b38;
  border-top-style: none;
  border-right-style: none;
}

a {
  text-decoration: none;
}

p,
li,
a {
  font-size: 14px;
}

.container {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.pagination {
  padding: 30px 0;
}

.pagination ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.pagination a {
  display: inline-block;
  padding: 10px 18px;
  color: #222;
}

.pagination a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  cursor: pointer;
}

.pagination a:not(.disabled):not(.arrow):hover {
  background-color: #2ecc71;
  color: #fff;
  border-radius: 100%;
}

.pagination a.current {
  background-color: #2ecc71;
  border-radius: 100%;
  color: #fff;
  cursor: default;
}

.pagination a.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

/* Stili della modale */
app-modal {
  display: none;
}
app-modal .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  overflow-x: hidden !important;
  background-color: rgba(0, 0, 0, 0.5);
}
app-modal .modal .modal-body {
  background: #fff;
  max-width: 600px;
  max-height: 100vh;
  min-height: 420px;
  overflow-y: auto;
  position: relative;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  app-modal .modal .modal-body {
    min-height: 100vh;
    width: 100%;
    margin: 0;
    border-radius: 0 !important;
  }
}
@media only screen and (max-width: 599px) {
  app-modal .modal .modal-body {
    min-height: 100vh;
    width: 100%;
    margin: 0;
    border-radius: 0 !important;
  }
}
app-modal .modal .modal-body .content-modal {
  max-height: 330px !important;
  overflow: auto;
  margin: 20px 0 0 0;
}
@media only screen and (max-width: 599px) {
  app-modal .modal .modal-body .content-modal {
    min-height: 150px;
    max-height: 100% !important;
  }
}
app-modal .modal .modal-body .actions {
  position: absolute;
  min-height: 80px !important;
  bottom: 0;
  left: 0;
  width: 100% !important;
  background-color: #eee;
  padding: 20px;
}
@media only screen and (max-width: 599px) {
  app-modal .modal .modal-body .actions {
    position: relative;
    background-color: #fff;
  }
}
app-modal .modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 900;
}

body.modal-open {
  overflow: hidden;
}

/* Modale Privacy*/
.privacy-padding {
  padding: 5px 15px !important;
  width: 100%;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.timeline-item {
  width: 90%;
  height: 15px;
  min-height: 15px;
}
.timeline-item.we-are-starting-game-title {
  min-width: 260px !important;
  display: block;
}
.timeline-item.breadcrumbs {
  width: 210px;
  display: table-caption;
  min-width: 210px;
}

.animated-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: #eeeeee;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 960px 104px;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
  position: relative;
  min-width: 102px;
}

.background-masker {
  background: #fff;
  position: absolute;
  box-sizing: border-box;
}

.no-overflow {
  overflow: hidden;
}

table.owl-dt-calendar-table, table.owl-dt-calendar-multi-year-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  font-size: 16px;
}
table.owl-dt-calendar-table .owl-dt-calendar-cell-content, table.owl-dt-calendar-multi-year-table .owl-dt-calendar-cell-content {
  min-height: 28.8px;
  min-width: 36px;
}
table.owl-dt-calendar-table thead, table.owl-dt-calendar-multi-year-table thead {
  display: table-header-group;
  background-color: #ffffff !important;
}
table.owl-dt-calendar-table thead tr, table.owl-dt-calendar-multi-year-table thead tr {
  height: 15px !important;
  max-height: 15px !important;
  min-height: 15px !important;
}
table.owl-dt-calendar-table thead tr th:not(:last-child), table.owl-dt-calendar-multi-year-table thead tr th:not(:last-child) {
  border: 0 !important;
}
table.owl-dt-calendar-table thead tr.owl-dt-weekdays, table.owl-dt-calendar-multi-year-table thead tr.owl-dt-weekdays {
  height: 32px;
  min-height: 32px;
}
table.owl-dt-calendar-table tbody, table.owl-dt-calendar-multi-year-table tbody {
  display: table-row-group;
}
table.owl-dt-calendar-table tbody tr, table.owl-dt-calendar-multi-year-table tbody tr {
  height: 32px;
  min-height: 32px;
}
table.owl-dt-calendar-table td,
table.owl-dt-calendar-table th, table.owl-dt-calendar-multi-year-table td,
table.owl-dt-calendar-multi-year-table th {
  display: table-cell;
  vertical-align: middle;
}
table.owl-dt-calendar-table tr, table.owl-dt-calendar-multi-year-table tr {
  display: table-row;
}
table.owl-dt-calendar-table th,
table.owl-dt-calendar-table td, table.owl-dt-calendar-multi-year-table th,
table.owl-dt-calendar-multi-year-table td {
  text-align: left;
  padding: 0 !important;
}
table.owl-dt-calendar-table tr:nth-child(odd) td, table.owl-dt-calendar-multi-year-table tr:nth-child(odd) td {
  background-color: #ffffff !important;
}
table.owl-dt-calendar-table tr:nth-child(even) td, table.owl-dt-calendar-multi-year-table tr:nth-child(even) td {
  background-color: #ffffff !important;
}

.owl-dt-control-button {
  color: #a81b38 !important;
}

.datetimepicker-input[aria-owns] {
  border: 1px solid #a81b38 !important;
}

.cdk-overlay-container {
  z-index: 99999999 !important;
}

.owl-dt-popup-container .owl-dt-timer {
  height: 9em !important;
}
.owl-dt-popup-container .owl-dt-timer .owl-dt-timer-box .owl-dt-timer-divider {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
}
.owl-dt-popup-container .owl-dt-timer .owl-dt-timer-box .owl-dt-timer-divider::before {
  top: 37% !important;
}
.owl-dt-popup-container .owl-dt-timer .owl-dt-timer-box .owl-dt-timer-divider::after {
  bottom: 37% !important;
}

.owl-dt-calendar-multi-year-view table.owl-dt-calendar-multi-year-table th, .owl-dt-calendar-multi-year-view table.owl-dt-calendar-multi-year-table td {
  text-align: center !important;
}
.owl-dt-calendar-multi-year-view table.owl-dt-calendar-multi-year-table .owl-dt-calendar-cell-content {
  width: 70% !important;
}
.owl-dt-calendar-multi-year-view .owl-dt-control-arrow-button {
  width: 36px !important;
  max-width: 36px !important;
  min-width: 36px !important;
}

/*
* Foglio di stile generico per tutte le pagine dell'applicazione
*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: rgb(243, 244, 246);
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
  color: rgb(57, 57, 57);
  overflow-x: hidden;
}

/* Roboto 300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local(""), url('roboto-v20-latin-300.4d8f8086236bad80.woff2') format("woff2"), url('roboto-v20-latin-300.6c1bc461047e61f5.woff') format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Roboto Regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('roboto-v20-latin-regular.1e2d4d3a272629cd.woff2') format("woff2"), url('roboto-v20-latin-regular.7e4a045b9373d9c1.woff') format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Roboto 500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local(""), url('roboto-v20-latin-500.1dfbc3dbf815e3f3.woff2') format("woff2"), url('roboto-v20-latin-500.e21fe97fd2329ff7.woff') format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Open Sans Condensed 300 - latin */
@font-face {
  font-family: "OpenSans Condensed";
  font-style: normal;
  font-weight: 300;
  src: local(""), url('open-sans-condensed-v15-latin-300.b50df5db61652bbd.woff2') format("woff2"), url('open-sans-condensed-v15-latin-300.6cf959737bebedeb.woff') format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Open Sans Condensed 500 - latin */
@font-face {
  font-family: "OpenSans Condensed";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('open-sans-condensed-v15-latin-700.329497012f95897e.woff2') format("woff2"), url('open-sans-condensed-v15-latin-700.4a22c9993b6b2bd5.woff') format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
* {
  font-family: "Roboto", Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

*:before,
*:after {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

b,
strong {
  font-weight: bold;
}

*:focus {
  outline: none;
}

/* Tipografia */
h1,
h2,
h3,
h4,
h5,
p {
  font-family: "Roboto", Arial, sans-serif !important;
  margin: 0;
  max-width: 100%;
}
figure {
  margin: 0;
}

img {
  vertical-align: middle;
  border: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
}

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

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

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

.to-uppercase {
  text-transform: uppercase;
}

.to-lowercase {
  text-transform: lowercase;
}

::-moz-selection {
  background: transparent;
}

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

.italic-text {
  font-style: italic !important;
}

.text-inline {
  display: inline !important;
}

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

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

.content {
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 1100px !important;
  padding: 0 20px !important;
}
.content.min {
  max-width: 800px !important;
}
.content.relative {
  position: relative;
}
@media only screen and (max-width: 599px) {
  .content {
    min-width: 100%;
    margin: 0;
    padding: 0 15px !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .content {
    min-width: 100%;
    margin: 0;
  }
}

h1 {
  font-size: 88px;
  line-height: 80px;
  color: rgb(32, 37, 43);
}
@media only screen and (max-width: 599px) {
  h1 {
    font-size: 48px;
    line-height: 57px;
  }
}

h2 {
  font-size: 65px;
  color: rgb(32, 37, 43);
}
@media only screen and (max-width: 599px) {
  h2 {
    font-size: 28px;
    font-weight: bold;
  }
}

h3 {
  font-size: 40px;
  color: rgb(32, 37, 43);
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  h3 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 599px) {
  h3 {
    font-size: 32px;
  }
}

h4 {
  font-size: 32px;
  color: rgb(31, 37, 44);
}
@media only screen and (max-width: 599px) {
  h4 {
    font-size: 22px;
  }
}

h5 {
  font-size: 25px;
  line-height: 32px;
  color: rgb(32, 37, 43);
}
h5.small {
  font-size: 22px;
  line-height: 1;
}
h5.extra-small {
  font-size: 18px;
  line-height: 1;
}
@media only screen and (max-width: 599px) {
  h5 {
    font-size: 20px;
    line-height: 26px;
  }
}

h6 {
  font-size: 16px;
  line-height: 19px;
  color: #C21B17;
  letter-spacing: 1.14px;
}
h6.small {
  font-size: 14px;
  line-height: 26px;
}

.image-no-data,
.course-page-header-content {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.image-no-data h1, .image-no-data h2, .image-no-data h3, .image-no-data h4, .image-no-data h5, .image-no-data h6, .image-no-data p,
.course-page-header-content h1,
.course-page-header-content h2,
.course-page-header-content h3,
.course-page-header-content h4,
.course-page-header-content h5,
.course-page-header-content h6,
.course-page-header-content p {
  color: #fff !important;
}

.hero-button-container h6 {
  color: #fff !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-align: left;
  text-align: start;
  letter-spacing: normal;
}
h1.center,
h2.center,
h3.center,
h4.center,
h5.center,
h6.center {
  text-align: center;
}
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
  font-weight: bold !important;
}
h1.lighter,
h2.lighter,
h3.lighter,
h4.lighter,
h5.lighter,
h6.lighter {
  font-weight: lighter;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
  color: white;
}
h1.primary,
h2.primary,
h3.primary,
h4.primary,
h5.primary,
h6.primary {
  color: rgb(32, 37, 43);
}
h1.red,
h2.red,
h3.red,
h4.red,
h5.red,
h6.red {
  color: #C21B17;
}
h1.grey,
h2.grey,
h3.grey,
h4.grey,
h5.grey,
h6.grey {
  color: #20252B;
}

.text-primary-5 {
  color: #6f7072 !important;
}

.text-primary-10 {
  color: #596d7b !important;
}

.text-primary-13 {
  color: #d1d3d4 !important;
}

.center-item {
  margin: 0 auto;
}

.app-loading {
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.5098039216);
  width: 100%;
  padding: 0;
  position: fixed;
  top: 0;
  width: 81px;
  height: 64px;
  width: 100% !important;
  height: 100% !important;
}

.full-width {
  width: 100% !important;
}

.full-height {
  height: 100% !important;
}

p.advanced {
  color: #a81b38 !important;
  font-size: 19px !important;
}

.break-word {
  display: inline-block !important;
  word-break: break-all;
}

.no-user-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  -o-user-select: none;
  user-select: none;
  /* Non-prefixed version */
}

.truncate p {
  display: inline-block;
  width: 100% !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* IE 6+, FF 7+, WebKit (Safari, Chrome), Opera 11+ */
  -o-text-overflow: ellipsis;
  /* Opera 9 e 10 */
}

.form {
  height: 40px !important;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-color: #ccc !important;
  font-size: 17px;
}

.boxform {
  padding-bottom: 15px;
}
.boxform .label {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  margin-left: 4px;
}

/* #region HOMEPAGE */
#homepage-carousel-sections-points {
  bottom: 52px;
}

#homepage-carousel-profile-challenges-container {
  border-radius: 4px;
  border: 1px solid #5A5D62;
  background-color: white;
  overflow: hidden;
}

#homepage-carousel-profile-challenges-points {
  width: initial;
  bottom: 24px;
  left: 32px;
}
@media only screen and (max-width: 599px) {
  #homepage-carousel-profile-challenges-points {
    left: 20px;
  }
}

/* #endregion */
/* #region EXPANDABLE-LIST */
#expandable-list-divider0 {
  display: none;
}

/* #endregion */
/* #region FIST-INTRODUCTION */
#first-intro-carousel-points {
  display: none !important;
}
@media only screen and (max-width: 959px) {
  #first-intro-carousel-points {
    display: flex !important;
  }
  #first-intro-carousel-points .carousel-point.current-point {
    background-color: white;
  }
}

/* #endregion */
/* #region EVENTS */
#events-carousel-points {
  display: none !important;
}
@media only screen and (max-width: 599px) {
  #events-carousel-points {
    display: flex !important;
    place-content: start !important;
    padding-left: 20px;
  }
}

/* #endregion */
/* #region COMPABILITY FOR IE */
.space-evenly-compability {
  /*for ie*/
  justify-content: space-around;
  /*for moz & chrome*/
  -webkit-justify-content: space-evenly !important;
}

/* #endregion */
/* #region COMPABILITY FOR IE */
#event-gallery-carousel-points {
  display: none !important;
}

/* #endregion */
/* #region CONTENTS */
#contents-carousel-points {
  place-content: baseline !important;
  align-items: baseline !important;
  padding-left: 120px;
}
@media only screen and (max-width: 1279px) {
  #contents-carousel-points {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 599px) {
  #contents-carousel-points {
    padding-left: 20px;
  }
}

/* #endregion */
.page-padding {
  width: 100%;
  padding-left: 120px;
  padding-right: 120px;
}
@media only screen and (min-width: 1441px) {
  .page-padding {
    padding-left: calc((100vw - 1200px) / 2);
    padding-right: calc((100vw - 1200px) / 2);
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .page-padding {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .page-padding {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .page-padding {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.page-padding-article {
  width: 100%;
  padding-left: 300px;
  padding-right: 300px;
}
@media only screen and (min-width: 1441px) {
  .page-padding-article {
    padding-left: calc((100vw - 792px) / 2);
    padding-right: calc((100vw - 792px) / 2);
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .page-padding-article {
    padding-left: 200px;
    padding-right: 200px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .page-padding-article {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (max-width: 599px) {
  .page-padding-article {
    padding-left: 18px;
    padding-right: 18px;
  }
}

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

.flex-hide-xs {
  display: flex !important;
}
@media only screen and (max-width: 599px) {
  .flex-hide-xs {
    display: none !important;
  }
}

.flex-hide-lt-md {
  display: flex !important;
}
@media only screen and (max-width: 959px) {
  .flex-hide-lt-md {
    display: none !important;
  }
}

.flex-show-xs {
  display: none !important;
}
@media only screen and (max-width: 599px) {
  .flex-show-xs {
    display: flex !important;
  }
}

.flex-show-lt-md {
  display: none !important;
}
@media only screen and (max-width: 959px) {
  .flex-show-lt-md {
    display: flex !important;
  }
}

.homepage-challenges-card-all-items {
  min-width: 382px;
  cursor: pointer;
  margin: 60px 20px 0 0;
  width: 382px;
  max-width: 382px;
  min-height: 470px;
  height: 470px;
  border-radius: 4px;
  background-color: white;
  position: relative;
  padding: 16px;
  border: solid 1px #5A5D62;
}
@media only screen and (max-width: 1279px) {
  .homepage-challenges-card-all-items {
    margin: 60px 20px 0 0;
  }
}
@media only screen and (max-width: 599px) {
  .homepage-challenges-card-all-items {
    margin: 15px 16px 48px 0;
    min-width: 310px;
    width: 310px;
    max-width: 310px;
  }
}
.homepage-challenges-card-all-items .challenge-date {
  font-size: 14px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.57 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  color: #20252B !important;
  margin-top: 30px !important;
}
.homepage-challenges-card-all-items .challenge-title-text {
  font-size: 18px !important;
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.33 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  width: 100% !important;
  text-align: left !important;
  margin-top: 24px !important;
  color: #20252b !important;
}
@media only screen and (min-width: 600px) {
  .homepage-challenges-card-all-items .categories {
    margin-top: 14px !important;
  }
}
.homepage-challenges-card-all-items svg-icon {
  height: 17px;
  width: 17px;
  min-height: 17px;
  min-width: 17px;
  max-height: 17px;
  max-width: 17px;
  margin-right: 12px;
}
.homepage-challenges-card-all-items .homepage-challenges-card-content {
  margin-top: 24px !important;
  height: 192px !important;
  overflow: hidden !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  color: #20252B !important;
}
.homepage-challenges-card-all-items .homepage-challenges-card-content.one-category-height {
  height: 245px !important;
}
.homepage-challenges-card-all-items .homepage-challenges-card-content.more-one-category-height {
  height: 215px !important;
}
@media only screen and (max-width: 599px) {
  .homepage-challenges-card-all-items .homepage-challenges-card-content {
    margin-top: 12px !important;
  }
}
.homepage-challenges-card-all-items .homepage-challenges-card-details {
  margin-top: 32px;
}
@media only screen and (max-width: 599px) {
  .homepage-challenges-card-all-items .homepage-challenges-card-details {
    margin-top: 24px;
  }
}
.homepage-challenges-card-all-items .homepage-challenges-card-details h6 {
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  color: #20252B;
}
@media only screen and (max-width: 599px) {
  .homepage-challenges-card-all-items .homepage-challenges-card-details h6 {
    font-size: 16px;
  }
}

.challenges-title-text {
  font-size: 40px;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0;
  opacity: 1;
  color: #20252b;
}

.challenges-desc-text {
  color: #C21B17;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 1.14px;
  white-space: nowrap;
  cursor: pointer !important;
  pointer-events: auto;
  text-transform: uppercase;
}

.modal-article-feedback-survey {
  border-radius: 4px !important;
  border: 1px solid #5A5D62;
  max-width: none !important;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .modal-article-feedback-survey {
    min-height: 0 !important;
    width: auto !important;
  }
}

.font-16 ::ng-deep * {
  font-size: 16px !important;
}

.margin-top10 {
  margin-right: 10px;
}

.modal-share-loader {
  width: 100%;
  margin-top: 20px;
}

.modal-certificate .container,
.modal-survey-done .container {
  width: 854px;
  height: 600px;
  padding: 24px 30px 48px;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .modal-certificate .container,
  .modal-survey-done .container {
    width: 590px;
    height: 436px;
    padding: 24px 24px 48px;
  }
}
@media only screen and (max-width: 599px) {
  .modal-certificate .container,
  .modal-survey-done .container {
    width: 100%;
    height: 100%;
    padding: 24px 16px 40px;
  }
}
.modal-certificate .container .certificate-img,
.modal-survey-done .container .certificate-img {
  height: 100%;
  width: 100%;
  padding: 20px 100px 50px 100px;
}
@media only screen and (max-width: 599px) {
  .modal-certificate .container .certificate-img,
  .modal-survey-done .container .certificate-img {
    padding: 20px 20px 50px 20px;
  }
}
.modal-certificate .container .button-certificate-container,
.modal-survey-done .container .button-certificate-container {
  margin-top: -30px;
  width: 100%;
}
.modal-certificate .container .button-certificate-container .download-certificate-button,
.modal-survey-done .container .button-certificate-container .download-certificate-button {
  min-height: 56px;
}
@media only screen and (max-width: 599px) {
  .modal-certificate .container .button-certificate-container .download-certificate-button,
  .modal-survey-done .container .button-certificate-container .download-certificate-button {
    min-height: 40px !important;
    min-width: 129px !important;
  }
}

.modal-share-on-socials .container {
  width: 854px;
  height: 536px;
  padding: 24px 30px 48px;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .modal-share-on-socials .container {
    width: 590px;
    height: 436px;
    padding: 24px 24px 48px;
  }
}
@media only screen and (max-width: 599px) {
  .modal-share-on-socials .container {
    width: 100%;
    height: 100%;
    padding: 24px 16px 40px;
  }
  .modal-share-on-socials .container p {
    max-width: 217px;
  }
}
.modal-share-on-socials .container .social-button {
  padding: 10px;
  border-radius: 4px;
  border: solid 2px #C21B17;
  background-color: #FFFFFF;
  width: 260px;
  height: 56px;
  min-width: 260px;
  min-height: 56px;
  max-width: 260px;
  max-height: 56px;
  margin-top: 16px;
}
.modal-share-on-socials .container .social-button p {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1.5px;
  text-align: center;
  color: #C21B17;
  text-transform: uppercase;
  margin-left: 49px;
}
.modal-share-on-socials .container .coins-description-modal {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  color: #20252b;
  width: 100%;
}
.modal-share-on-socials .container h4 {
  color: rgb(32, 37, 43);
}
@media only screen and (max-width: 599px) {
  .modal-share-on-socials .container h4 {
    font-size: 25px;
  }
}
.modal-share-on-socials .container h6 {
  max-width: 508px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: rgb(32, 37, 43);
}
@media only screen and (max-width: 599px) {
  .modal-share-on-socials .container h6 {
    max-width: 272px;
    font-size: 14px;
    line-height: 1.57;
  }
}
.modal-share-on-socials .container h6.success-survey {
  max-width: 250px;
}
.modal-share-on-socials .container ::ng-deep .primary {
  min-width: 240px !important;
}
@media only screen and (max-width: 599px) {
  .modal-share-on-socials .container ::ng-deep .primary {
    min-width: 0 !important;
    max-width: 343px !important;
  }
}
.modal-share-on-socials .container span {
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: 0.5px;
  text-align: center;
  color: rgb(32, 37, 43);
}
.modal-share-on-socials .container span.lighter {
  font-weight: lighter !important;
}
@media only screen and (max-width: 599px) {
  .modal-share-on-socials .container span {
    font-size: 18px;
    line-height: 1.44;
  }
}
.modal-share-on-socials .container svg-icon.rating {
  width: 46px;
  height: 46px;
}
.modal-share-on-socials .container svg-icon.rating svg {
  width: 46px;
  height: 46px;
}
.modal-share-on-socials .container svg-icon.fill svg path {
  fill: #C21B17;
}

.whitespace-prewrap {
  white-space: pre-wrap;
}

.question-container {
  width: 85%;
}
.question-container .box-survey-input {
  max-width: 300px;
  width: 100%;
}
.question-container > div {
  border-left: 2px solid rgb(216, 216, 216);
}
.question-container > div.has-answer {
  border-left: 2px solid #C21B17;
}
.question-container .survey-radio {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #20252b;
}
.question-container .md-radio {
  margin: 0;
}
.question-container .md-radio.on-survey label:before {
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
}
.question-container .md-radio.on-survey label:after {
  left: 5px;
  background: #C21B17;
}
.question-container .md-checkbox.on-survey-checkbox input {
  margin-right: 0;
}
.question-container .md-checkbox.on-survey-checkbox input[type=checkbox]:checked + label:not(.switch-all-takers):before {
  background: #C21B17;
}
.question-container .md-checkbox.on-survey-checkbox label:before {
  top: 4px;
  width: 20px;
  height: 20px;
}
.question-container .md-checkbox.on-survey-checkbox label:after {
  top: 7px !important;
  left: 4px !important;
  width: 14px !important;
  height: 10px !important;
}
.question-container .question-title {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: -0.5px;
  color: #20252b;
  text-align: left;
}
.question-container .question-number {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.44px;
  color: #20252b;
}
.question-container .hint-question {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #20252b;
}

.margin-left32 {
  margin-left: 32px;
}

.padding-left32 {
  padding-left: 32px;
}

.margin-top10 {
  margin-top: 10px;
}

.max-width300 {
  max-width: 300px;
}

.margin-bottom40 {
  margin-bottom: 40px;
}

.rect-auto, .c100.p100 .slice, .c100.p99 .slice, .c100.p98 .slice, .c100.p97 .slice, .c100.p96 .slice, .c100.p95 .slice, .c100.p94 .slice, .c100.p93 .slice, .c100.p92 .slice, .c100.p91 .slice, .c100.p90 .slice, .c100.p89 .slice, .c100.p88 .slice, .c100.p87 .slice, .c100.p86 .slice, .c100.p85 .slice, .c100.p84 .slice, .c100.p83 .slice, .c100.p82 .slice, .c100.p81 .slice, .c100.p80 .slice, .c100.p79 .slice, .c100.p78 .slice, .c100.p77 .slice, .c100.p76 .slice, .c100.p75 .slice, .c100.p74 .slice, .c100.p73 .slice, .c100.p72 .slice, .c100.p71 .slice, .c100.p70 .slice, .c100.p69 .slice, .c100.p68 .slice, .c100.p67 .slice, .c100.p66 .slice, .c100.p65 .slice, .c100.p64 .slice, .c100.p63 .slice, .c100.p62 .slice, .c100.p61 .slice, .c100.p60 .slice, .c100.p59 .slice, .c100.p58 .slice, .c100.p57 .slice, .c100.p56 .slice, .c100.p55 .slice, .c100.p54 .slice, .c100.p53 .slice, .c100.p52 .slice, .c100.p51 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100.p100 .fill, .c100.p99 .fill, .c100.p98 .fill, .c100.p97 .fill, .c100.p96 .fill, .c100.p95 .fill, .c100.p94 .fill, .c100.p93 .fill, .c100.p92 .fill, .c100.p91 .fill, .c100.p90 .fill, .c100.p89 .fill, .c100.p88 .fill, .c100.p87 .fill, .c100.p86 .fill, .c100.p85 .fill, .c100.p84 .fill, .c100.p83 .fill, .c100.p82 .fill, .c100.p81 .fill, .c100.p80 .fill, .c100.p79 .fill, .c100.p78 .fill, .c100.p77 .fill, .c100.p76 .fill, .c100.p75 .fill, .c100.p74 .fill, .c100.p73 .fill, .c100.p72 .fill, .c100.p71 .fill, .c100.p70 .fill, .c100.p69 .fill, .c100.p68 .fill, .c100.p67 .fill, .c100.p66 .fill, .c100.p65 .fill, .c100.p64 .fill, .c100.p63 .fill, .c100.p62 .fill, .c100.p61 .fill, .c100.p60 .fill, .c100.p59 .fill, .c100.p58 .fill, .c100.p57 .fill, .c100.p56 .fill, .c100.p55 .fill, .c100.p54 .fill, .c100.p53 .fill, .c100.p52 .fill, .c100.p51 .fill, .c100 .bar {
  position: absolute;
  border: 0.09em solid #000000;
  width: 0.82em;
  height: 0.82em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}

.pie-fill, .c100.p100 .fill, .c100.p100 .bar:after, .c100.p99 .fill, .c100.p99 .bar:after, .c100.p98 .fill, .c100.p98 .bar:after, .c100.p97 .fill, .c100.p97 .bar:after, .c100.p96 .fill, .c100.p96 .bar:after, .c100.p95 .fill, .c100.p95 .bar:after, .c100.p94 .fill, .c100.p94 .bar:after, .c100.p93 .fill, .c100.p93 .bar:after, .c100.p92 .fill, .c100.p92 .bar:after, .c100.p91 .fill, .c100.p91 .bar:after, .c100.p90 .fill, .c100.p90 .bar:after, .c100.p89 .fill, .c100.p89 .bar:after, .c100.p88 .fill, .c100.p88 .bar:after, .c100.p87 .fill, .c100.p87 .bar:after, .c100.p86 .fill, .c100.p86 .bar:after, .c100.p85 .fill, .c100.p85 .bar:after, .c100.p84 .fill, .c100.p84 .bar:after, .c100.p83 .fill, .c100.p83 .bar:after, .c100.p82 .fill, .c100.p82 .bar:after, .c100.p81 .fill, .c100.p81 .bar:after, .c100.p80 .fill, .c100.p80 .bar:after, .c100.p79 .fill, .c100.p79 .bar:after, .c100.p78 .fill, .c100.p78 .bar:after, .c100.p77 .fill, .c100.p77 .bar:after, .c100.p76 .fill, .c100.p76 .bar:after, .c100.p75 .fill, .c100.p75 .bar:after, .c100.p74 .fill, .c100.p74 .bar:after, .c100.p73 .fill, .c100.p73 .bar:after, .c100.p72 .fill, .c100.p72 .bar:after, .c100.p71 .fill, .c100.p71 .bar:after, .c100.p70 .fill, .c100.p70 .bar:after, .c100.p69 .fill, .c100.p69 .bar:after, .c100.p68 .fill, .c100.p68 .bar:after, .c100.p67 .fill, .c100.p67 .bar:after, .c100.p66 .fill, .c100.p66 .bar:after, .c100.p65 .fill, .c100.p65 .bar:after, .c100.p64 .fill, .c100.p64 .bar:after, .c100.p63 .fill, .c100.p63 .bar:after, .c100.p62 .fill, .c100.p62 .bar:after, .c100.p61 .fill, .c100.p61 .bar:after, .c100.p60 .fill, .c100.p60 .bar:after, .c100.p59 .fill, .c100.p59 .bar:after, .c100.p58 .fill, .c100.p58 .bar:after, .c100.p57 .fill, .c100.p57 .bar:after, .c100.p56 .fill, .c100.p56 .bar:after, .c100.p55 .fill, .c100.p55 .bar:after, .c100.p54 .fill, .c100.p54 .bar:after, .c100.p53 .fill, .c100.p53 .bar:after, .c100.p52 .fill, .c100.p52 .bar:after, .c100.p51 .fill, .c100.p51 .bar:after {
  transform: rotate(180deg);
}

.wrapper {
  width: 1200px;
  margin: 0 auto;
}

.c100 {
  position: relative;
  font-size: 148px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0.4em;
  background-color: rgb(216, 216, 216);
}
.c100 *,
.c100 *:before,
.c100 *:after {
  box-sizing: content-box;
}
.c100 > span {
  font-size: 40px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #20252b;
  position: absolute;
  width: 100%;
  z-index: 1;
  left: -20px;
  top: 48px;
  width: 5em;
  display: block;
  text-align: center;
  white-space: nowrap;
  transition: all;
  transition: 0.2s;
  transition: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.09em;
  left: 0.09em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #FFFFFF;
  width: 0.82em;
  height: 0.82em;
  transition: all;
  transition: 0.2s;
  transition: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  transform: rotate(18deg);
}
.c100.p6 .bar {
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  transform: rotate(36deg);
}
.c100.p11 .bar {
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  transform: rotate(54deg);
}
.c100.p16 .bar {
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  transform: rotate(72deg);
}
.c100.p21 .bar {
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  transform: rotate(90deg);
}
.c100.p26 .bar {
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  transform: rotate(108deg);
}
.c100.p31 .bar {
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  transform: rotate(126deg);
}
.c100.p36 .bar {
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  transform: rotate(144deg);
}
.c100.p41 .bar {
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  transform: rotate(162deg);
}
.c100.p46 .bar {
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  transform: rotate(180deg);
}
.c100.p51 .bar {
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  transform: rotate(198deg);
}
.c100.p56 .bar {
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  transform: rotate(216deg);
}
.c100.p61 .bar {
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  transform: rotate(234deg);
}
.c100.p66 .bar {
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  transform: rotate(252deg);
}
.c100.p71 .bar {
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  transform: rotate(270deg);
}
.c100.p76 .bar {
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  transform: rotate(288deg);
}
.c100.p81 .bar {
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  transform: rotate(306deg);
}
.c100.p86 .bar {
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  transform: rotate(324deg);
}
.c100.p91 .bar {
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  transform: rotate(342deg);
}
.c100.p96 .bar {
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  transform: rotate(360deg);
}
.c100.green .bar,
.c100.green .fill {
  border-color: rgb(79, 210, 152) !important;
}
.c100.red .bar,
.c100.red .fill {
  border-color: #C21B17 !important;
}

.margin-bottom20 {
  margin-bottom: 20px;
}

.margin-right10 {
  margin-right: 10px;
}

.margin-left10 {
  margin-left: 10px;
}

.accessibilityTable .menu-icon {
  fill: #a61e3b !important;
  height: 35px !important;
  width: 35px !important;
  cursor: pointer;
  pointer-events: auto;
}
.accessibilityTable ul {
  border-radius: 4px;
  border: 1px solid #5A5D62;
  position: absolute;
  padding: 0;
  min-width: 136px;
  line-height: 40px;
  margin-top: -100px;
  margin-left: 50px;
  background-color: #fff;
  z-index: 1;
  right: 0;
  bottom: 0;
}
.accessibilityTable ul li {
  list-style: none;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #C21B17;
  border-bottom: 1px solid #5A5D62;
}
.accessibilityTable ul li:hover {
  background-color: #ddd;
}
.accessibilityTable ul li li:last-child {
  border-bottom: 0 !important;
}

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

.margin-top24 {
  margin-top: 24px;
}

.transform-none-rotate {
  transform: rotate(0deg) !important;
}
.transform-none-rotate svg {
  transform: rotate(0deg) !important;
}

.padding-left10 {
  padding-left: 10px !important;
}

.width-75 {
  width: 75% !important;
}

/**  Classi che nascondono sezioni per go generali*/
.hide-gogen {
  display: none;
}

@media only screen and (max-width: 599px) {
  .hide-gogen-xs {
    display: none;
  }
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
  .hide-gogen-sm {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  .show-gogen-xs {
    display: flex;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .show-gogen-md {
    display: flex;
  }
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
  .show-gogen-sm {
    display: flex;
  }
}

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

.height-75 {
  height: 75% !important;
}

.bg-dark-green {
  background-color: rgb(160, 188, 162) !important;
}

.text-dark-green {
  color: rgb(160, 188, 162) !important;
}

.bg-dark-blue {
  background-color: rgb(137, 151, 163) !important;
}

.text-dark-blue {
  color: rgb(137, 151, 163) !important;
}

.bg-yellow {
  background-color: rgb(244, 224, 124) !important;
}

.text-yellow {
  color: rgb(244, 224, 124) !important;
}

.bg-light-purple {
  background-color: rgb(182, 171, 201) !important;
}

.text-light-purple {
  color: rgb(182, 171, 201) !important;
}

.bg-disable {
  background-color: rgb(203, 203, 203) !important;
}

.text-disable {
  color: rgb(203, 203, 203) !important;
}

.bg-blue-green {
  background-color: rgb(124, 177, 175) !important;
}

.text-blue-green {
  color: rgb(124, 177, 175) !important;
}

.bg-warning {
  background-color: rgb(238, 153, 0) !important;
}

.text-warning {
  color: rgb(238, 153, 0) !important;
}

.bg-error {
  background-color: rgb(255, 0, 0) !important;
}

.text-error {
  color: rgb(255, 0, 0) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

.bg-white {
  background-color: rgb(255, 255, 255) !important;
}

.text-white {
  color: rgb(255, 255, 255) !important;
}

.bg-soft-grey {
  background-color: rgb(245, 245, 245) !important;
}

.text-soft-grey {
  color: rgb(245, 245, 245) !important;
}

.cursor-grabbing {
  cursor: grabbing !important;
  cursor: -webkit-grabbing;
  pointer-events: auto;
}

.cursor-default, h1,
h2,
h3,
h4,
h5,
p, button[disabled],
html input[disabled], .app-loading {
  cursor: default !important;
  pointer-events: none;
}

.cursor-pointer, .footer .footer-second-content a, .footer .footer-second-content .titles p, .footer .footer-content h5, h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
p > a, button,
html input[type=button],
input[type=reset],
input[type=submit], [role=button] {
  cursor: pointer !important;
  pointer-events: auto;
}

/* MEDIA QUERIES */
/*
xs	'screen and (max-width: 599px)'
sm	'screen and (min-width: 600px) and (max-width: 959px)'
md	'screen and (min-width: 960px) and (max-width: 1279px)'
lg	'screen and (min-width: 1280px) and (max-width: 1919px)'
xl	'screen and (min-width: 1920px) and (max-width: 5000px)'
lt-sm	'screen and (max-width: 599px)'
lt-md	'screen and (max-width: 959px)'
lt-lg	'screen and (max-width: 1279px)'
lt-xl	'screen and (max-width: 1919px)'
gt-xs	'screen and (min-width: 600px)'
gt-sm	'screen and (min-width: 960px)'
gt-md	'screen and (min-width: 1280px)'
gt-lg	'screen and (min-width: 1920px)'
*/
.footer {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto;
}
.footer .footer-content {
  width: 100%;
  background: rgb(61, 64, 71);
  padding: 62px 120px 72px;
}
@media only screen and (max-width: 1279px) {
  .footer .footer-content {
    padding: 62px 80px 72px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .footer .footer-content {
    padding: 39px 36px;
  }
}
@media only screen and (max-width: 599px) {
  .footer .footer-content {
    padding: 29px 16px;
  }
}
.footer .footer-content .tags-footer-text {
  font-size: 15px;
  line-height: 28px;
  color: #FFFFFF;
  font-weight: bold;
}
.footer .footer-content .padding-top16 {
  padding-top: 16px;
}
.footer .footer-content .footer-content-social .footer-content-logo {
  background-image: url('logo-generali-footer.a7962b9210169987.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 65px;
  width: 204px;
  min-height: 65px;
  min-width: 204px;
  display: block !important;
}
@media only screen and (max-width: 959px) {
  .footer .footer-content .footer-content-social .footer-icon {
    width: 100%;
  }
}
.footer .footer-content .footer-content-social .footer-icon .footer-content-margin {
  margin-bottom: 42px;
}
@media only screen and (max-width: 959px) {
  .footer .footer-content .footer-content-social .footer-icon .footer-content-margin {
    margin: 40px 32px;
    width: 100%;
    margin-bottom: 0;
  }
}
.footer .footer-content .footer-content-social .footer-icon .footer-content-icon {
  min-height: 22px;
  min-width: 22px;
  margin-left: 30px;
}
@media only screen and (max-width: 959px) {
  .footer .footer-content .footer-content-social .footer-icon .footer-content-icon {
    margin-left: 0;
  }
}
.footer .footer-content .footer-content-social .footer-icon .footer-content-icon svg-icon svg {
  height: 22px !important;
  width: 22px !important;
}
.footer .footer-content .footer-content-social .footer-icon .footer-content-icon svg-icon svg path {
  fill: rgba(255, 255, 255, 0.7);
}
.footer .footer-content .footer-content-social .footer-icon .footer-content-icon svg-icon svg g {
  fill: rgba(255, 255, 255, 0.7);
}
.footer .footer-content .footer-content-social .footer-icon .footer-content-icon:hover svg-icon svg path {
  fill: rgb(255, 255, 255);
}
.footer .footer-content .footer-content-social .footer-icon .footer-content-icon:hover svg-icon svg g {
  fill: rgb(255, 255, 255);
}
.footer .footer-content .footer-lt-md-content-section {
  width: 100%;
  height: 79px;
  border-bottom: 1px solid rgb(80, 83, 89);
  padding: 0 36px 0 30px;
}
.footer .footer-content .footer-lt-md-content-section svg-icon svg {
  height: 12px;
  width: 12px;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .footer .footer-content .footer-lt-md-content-section svg-icon svg {
    height: 20px;
    width: 20px;
  }
}
.footer .footer-content .footer-lt-md-content-section svg-icon svg path {
  fill: rgb(255, 255, 255);
}
.footer .footer-content .footer-lt-md-content-section svg-icon svg g path {
  fill: rgb(255, 255, 255);
}
.footer .footer-content h5 {
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  text-align: center;
}
@media only screen and (max-width: 959px) {
  .footer .footer-content h5 {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: normal;
    text-align: left;
    text-align: start;
  }
}
.footer .footer-content h5:hover {
  text-decoration: underline;
}
.footer .footer-content p {
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  font-weight: lighter;
}
@media only screen and (max-width: 959px) {
  .footer .footer-content p {
    font-size: 18px;
    line-height: 21px;
  }
}
.footer .footer-second-content {
  width: 100%;
  background: rgb(80, 83, 89);
  padding: 15px 120px;
}
@media only screen and (max-width: 1279px) {
  .footer .footer-second-content {
    padding: 30px 80px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .footer .footer-second-content {
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 599px) {
  .footer .footer-second-content {
    padding: 20px 40px;
  }
}
.footer .footer-second-content .titles {
  margin-bottom: 16px;
}
@media only screen and (max-width: 959px) {
  .footer .footer-second-content .titles {
    margin-bottom: 0;
  }
}
.footer .footer-second-content .titles p {
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  line-height: 16px;
}
@media only screen and (max-width: 959px) {
  .footer .footer-second-content .titles p {
    margin: 0 1px 25px 1px;
    line-height: 20px;
  }
}
.footer .footer-second-content .titles p:not(:first-child) {
  margin-left: 25px;
}
@media only screen and (max-width: 959px) {
  .footer .footer-second-content .titles p:not(:first-child) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 959px) {
  .footer .footer-second-content .titles p:nth-child(2) {
    margin-left: 10px;
  }
}
.footer .footer-second-content .titles p:hover {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}
.footer .footer-second-content p {
  white-space: nowrap;
}
.footer .footer-second-content span {
  text-align: center;
  color: rgb(255, 255, 255);
  line-height: 16px;
}
@media only screen and (max-width: 959px) {
  .footer .footer-second-content span {
    line-height: 20px;
  }
}
.footer .footer-second-content a {
  margin-bottom: 0 !important;
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-decoration: none;
  font-style: inherit;
  text-align: center;
  line-height: 16px;
}
@media only screen and (max-width: 959px) {
  .footer .footer-second-content a {
    line-height: 20px;
  }
}
.footer .footer-second-content a:hover {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;width:100%;height:100%;outline:none}.owl-dialog-container .owl-dt-container{border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:flex;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:"";position:absolute;top:0;left:-0.5em;right:-0.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider.owl-calendar-weeks:after{left:-1.8em}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid rgba(0,0,0,0);border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:hsla(0,0%,100%,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-calendar-table.owl-calendar-weeks .owl-dt-calendar-cell-content{height:86%}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:none}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-0.3em}.owl-dt-timer-divider:before,.owl-dt-timer-divider:after{content:"";display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:rgba(0,0,0,0);font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:none}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color 100ms linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform 200ms ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation: landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation: portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color 100ms linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-container-info .owl-dt-container-range{outline:none}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default !important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background 200ms ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:none;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:none}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}