/** * Template Name: Moderna - v2.0.1 * Template URL: https://bootstrapmade.com/free-bootstrap-template-corporate-moderna/ * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ */
/*-------------------------------------------------------------- # General --------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #444;
  background-color: #fff !important;
}
section {
  background-color: #fff !important;
}
a {
  color: #4fa6d5;
}
a:hover {
  color: #45beff;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6, .font-primary {
  font-family: "Roboto", sans-serif;
}
/*-------------------------------------------------------------- # Back to top button --------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 5em;
  right: 15px;
  bottom: 15px;
  background: #FFAF12;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}
.etichetta {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 5em;
  right: 70px;
  bottom: 15px;
  background: #FFAF12;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}
.back-to-top i, .etichetta i {
  font-size: 22px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.back-to-top:hover, .etichetta:hover {
  color: #fff;
 /*background: #68A4C4;
 */
  background: #FFAF12;
  transition: background 0.2s ease-in-out;
}
table.etichettaTable {
  border:1px solid #000;
  border-collapse:collapse;
  font-family: 'Calibri';
  font-size:14px;
}
table.etichettaTable td{
  border:1px solid #000 !important;
}
/*-------------------------------------------------------------- # Header --------------------------------------------------------------*/
#header {
  height: 4em;
  transition: all 0.5s !important;
  z-index: 997;
  background: #34558B;
  background: -moz-linear-gradient(190deg, #34558B 0%, #007DAF 50%);
  background: -webkit-linear-gradient(190deg, #34558B 0%, #007DAF 50%);
  background: linear-gradient(190deg, #34558B 0%, #007DAF 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#1e4356",GradientType=1);
  margin-left: 0.5em;
  margin-right: 0.5em;
}
#header:hover {
  height: 4em !important;
  transition: all 0.5s !important;
}
#headerColor {
  background: #fff !important;
}
#header.header-transparent {
  background: none;
}
#header.header-scrolled {
 /*background: rgba(30, 67, 86, 0.8);
 */
  height: 60px;
  padding: 10px 0;
}
#header .logo h1 {
  font-size: 28px;
  margin: 0;
  padding: 4px 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#header .logo h1 a, #header .logo h1 a:hover {
  color: #fff;
  text-decoration: none;
}
#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 40px;
}
#main {
  margin-top: 80px;
}
/*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}
.nav-menu > ul > li:hover, .nav-menu > ul > li > a:active, .nav-menu > ul > li > a.active {
  box-shadow: 0px 8px 5px -5px #ffffff;
  border-left: 0.2em solid #ffffff !important;
  border-radius: 15em !important;
}
.nav-menu a {
  display: block;
  position: relative;
  color: #ddecf5;
  padding: 10px 15px;
  transition: 0.3s;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #ffffff !important;
  text-decoration: none;
}
.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: -2em;
  top: calc(100% - 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 0.3em;
  background: #fff;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
  margin-top: 0.5em;
  border-radius: 3em !important;
}
.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
  padding-left: 4px;
}
.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #1c3745;
}
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #FFAF12 !important;
  border-left: 0.2em solid #FFAF12 !important;
  border-radius: 15em !important;
}
.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}
.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}
.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}
.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}
.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}
@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
      left: -90%;
 }
  .nav-menu .drop-down .drop-down:hover > ul {
      left: -100%;
 }
  .nav-menu .drop-down .drop-down > a:after {
      content: "\ea9d";
 }
}
/* Mobile Navigation */
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  background: #34558B;
  background: -moz-linear-gradient(190deg, #34558B 0%, #007DAF 50%);
  background: -webkit-linear-gradient(190deg, #34558B 0%, #007DAF 50%);
  background: linear-gradient(190deg, #34558B 0%, #007DAF 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#1e4356",GradientType=1);
  transition: 0.4s;
}
.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-nav a {
  display: block;
  position: relative;
  color: #ddecf5;
  padding: 10px 20px;
  font-weight: 500;
}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #a2cce3;
  text-decoration: none;
}
.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}
.mobile-nav .active.drop-down > a:after {
  content: "\eaa0";
}
.mobile-nav .drop-down > a {
  padding-right: 35px;
}
.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}
.mobile-nav .drop-down li {
  padding-left: 20px;
}
.mobile-nav-toggle {
  position: fixed;
  right: 0.5em;
  top: 0.2em;
  z-index: 9998;
  border: 0;
  background: none !important;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}
.mobile-nav-toggle i {
  color: #fff;
}
.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
 /*background: rgba(30, 67, 86, 0.9);
 */
  background: #3d3c3cce !important;
  overflow: hidden;
  display: none;
}
.mobile-nav-active {
  overflow: hidden;
}
.mobile-nav-active .mobile-nav {
  left: 0;
}
.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}
/*-------------------------------------------------------------- # Hero Section --------------------------------------------------------------*/
#hero {
  height: 90vh;
  position: relative;
  margin-top: 3em;
  margin-left:110px;
  margin-right:110px;
}
.card-radius {
  border-radius: 20em !important;
}
.fontContainer {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
}
#containerLogin h2 {
  font-size: 66px;
  font-weight: 900;
}
.mainContainer {
  margin-top:2% !important;
}
@media screen and (min-width: 100px) and (max-width: 1024px) {
  #hero {
      height: 60vh;
 }
  .containerLogin {
      width:80% !important;
      margin:auto;
 }
  .mainContainer {
      margin-top:15% !important;
 }
  .logoContainer {
      padding-top: 10% !important;
 }
  .logoContainer img {
      width:120px;
 }
  .logoCliente {
      margin-top: 15% !important;
 }
}
#hero::after {
 /*content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 95%;
  background: linear-gradient(to left, #FFAF12, #961B82);
  z-index: 0;
  border-radius: 0 0 50% 50%;
  transform: translateX(-50%) rotate(0deg);
 */
  content: '';
  position: absolute;
  left: 50%;
  top: 10%;
  width: 25%;
  height: 60%;
 /*background: linear-gradient(to left, #FFAF12, #961B82);
 */
 /*background-color: #FFAF12;
 */
  background-image: radial-gradient(circle, #f7b36b 15%, #FFAF12 80%);
  z-index: 0;
  border-radius: 20px;
  transform: translateX(-50%) translateY(50px) rotate(0deg);
  box-shadow: 3px 3px 5px rgb(0 0 0 / 50%);
}
#hero::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 95%;
 /* background: #68A4C4;
  */
  opacity: 0.3;
  z-index: 0;
 /*border-radius: 0 0 50% 50%;
 */
 /*transform: translateX(-50%) translateY(18px) rotate(0deg);
 */
 /* background: rgb(2,0,36);
  background: -moz-linear-gradient(190deg, rgba(2,0,36,1) 0%, rgba(104,164,196,1) 50%);
  background: -webkit-linear-gradient(190deg, rgba(2,0,36,1) 0%, rgba(104,164,196,1) 50%);
  background: linear-gradient(86deg, #FFAF12 0%, #961B82 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#68a4c4",GradientType=1);
  */
}
#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: -130px;
}
#hero h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
}
#hero p {
  width: 80%;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
 /*margin: 0 auto 30px 0;
 */
  color: #fff;
}
#hero .carousel-control-prev, #hero .carousel-control-next {
  width: 10%;
}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
  background: none;
  font-size: 48px;
  line-height: 1;
  width: auto;
  height: auto;
}
#hero .btn-get-started {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #68A4C4;
}
#hero .btn-get-started:hover {
  background: #68A4C4;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 1024px) {
  #hero p {
      width: 60%;
 }
  #hero .carousel-control-prev, #hero .carousel-control-next {
      width: 5%;
 }
}
@media (max-width: 768px) {
  #hero h2 {
      font-size: 28px;
 }
  #hero::after {
      width: 180%;
      height: 95%;
      border-radius: 0 0 50% 50%;
      transform: translateX(-50%) rotate(0deg);
 }
  #hero::before {
      top: 0;
      width: 180%;
      height: 94%;
      border-radius: 0 0 50% 50%;
      transform: translateX(-50%) translateY(20px) rotate(4deg);
 }
  .containerLogin {
      width:80% !important;
      margin:auto;
 }
  .mainContainer {
      margin-top:20% !important;
 }
  .logoContainer {
      padding-top: 25% !important;
 }
  .logoContainer img {
      width:120px;
 }
}
@media (max-width: 575px) {
  #hero::after {
      left: 40%;
      top: 0;
      width: 200%;
      height: 95%;
      border-radius: 0 0 50% 50%;
      transform: translateX(-50%) rotate(0deg);
 }
  #hero::before {
      left: 50%;
      top: 0;
      width: 200%;
      height: 94%;
      border-radius: 0 0 50% 50%;
      transform: translateX(-50%) translateY(20px) rotate(4deg);
 }
  .containerLogin {
      width:80% !important;
      margin:auto;
 }
  .mainContainer {
      margin-top:20% !important;
 }
  .logoContainer {
      padding-top: 25% !important;
 }
  .logoContainer img {
      width:120px;
 }
}
/*-------------------------------------------------------------- # Sections General --------------------------------------------------------------*/
.section-bg {
  background-color: #ffffff;
  min-height: 100vh;
}
.section-title {
  text-align: center;
  padding-bottom: 30px;
}
.section-title h2 {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}
.section-title h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}
.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #68A4C4;
  bottom: 0;
  left: calc(50% - 20px);
}
.section-title p {
  margin-bottom: 0;
}
/*-------------------------------------------------------------- # Breadcrumbs --------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background-color: #f3f8fa;
  min-height: 40px;
}
.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 300;
}
.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.breadcrumbs ol li + li {
  padding-left: 10px;
}
.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}
@media (max-width: 768px) {
  .breadcrumbs .d-flex {
      display: block !important;
 }
  .breadcrumbs ol {
      display: block;
 }
  .breadcrumbs ol li {
      display: inline-block;
 }
}
/*-------------------------------------------------------------- # Our Services --------------------------------------------------------------*/
.services {
  padding-bottom: 20px;
}
.services .icon-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  margin: 0 0 40px 0;
  background: #fff;
  box-shadow: 0 5px 26px 0 rgba(68, 88, 144, 0.14);
  transition: all 0.3s ease-in-out;
  text-align: center;
  border: 1px solid #fff;
}
.services .icon {
  margin: 0 auto 20px auto;
  padding-top: 17px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 72px;
  height: 72px;
}
.services .icon i {
  font-size: 36px;
  line-height: 1;
}
.services .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}
.services .title a {
  color: #111;
}
.services .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
}
.services .icon-box-pink .icon {
  background: #fceef3;
}
.services .icon-box-pink .icon i {
  color: #ff689b;
}
.services .icon-box-pink:hover {
  border-color: #ff689b;
}
.services .icon-box-cyan .icon {
  background: #e6fdfc;
}
.services .icon-box-cyan .icon i {
  color: #3fcdc7;
}
.services .icon-box-cyan:hover {
  border-color: #3fcdc7;
}
.services .icon-box-green .icon {
  background: #eafde7;
}
.services .icon-box-green .icon i {
  color: #41cf2e;
}
.services .icon-box-green:hover {
  border-color: #41cf2e;
}
.services .icon-box-blue .icon {
  background: #e1eeff;
}
.services .icon-box-blue .icon i {
  color: #2282ff;
}
.services .icon-box-blue:hover {
  border-color: #2282ff;
}
/*-------------------------------------------------------------- # Why Us --------------------------------------------------------------*/
.why-us .container {
  box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6);
  background: #fff;
}
.why-us .icon-box + .icon-box {
  margin-top: 50px;
}
.why-us .icon-box .icon {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  background: #f3f8fa;
  border-radius: 6px;
  transition: 0.5s;
}
.why-us .icon-box .icon i {
  color: #68A4C4;
  font-size: 32px;
}
.why-us .icon-box:hover .icon {
  background: #68A4C4;
}
.why-us .icon-box:hover .icon i {
  color: #fff;
}
.why-us .icon-box .title {
  margin-left: 95px;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
}
.why-us .icon-box .title a {
  color: #343a40;
  transition: 0.3s;
}
.why-us .icon-box .title a:hover {
  color: #68A4C4;
}
.why-us .icon-box .description {
  margin-left: 95px;
  line-height: 24px;
  font-size: 14px;
}
.why-us .video-box {
  position: relative;
}
.why-us .video-box img {
  padding-top: 15px;
  padding-bottom: 15px;
}
.why-us .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#68A4C4 50%, rgba(104, 164, 196, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}
.why-us .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.why-us .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(104, 164, 196, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}
.why-us .play-btn:hover::after {
  border-left: 15px solid #68A4C4;
  transform: scale(20);
}
.why-us .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}
@-webkit-keyframes pulsate-btn {
  0% {
      transform: scale(0.6, 0.6);
      opacity: 1;
 }
  100% {
      transform: scale(1, 1);
      opacity: 0;
 }
}
@keyframes pulsate-btn {
  0% {
      transform: scale(0.6, 0.6);
      opacity: 1;
 }
  100% {
      transform: scale(1, 1);
      opacity: 0;
 }
}
/*-------------------------------------------------------------- # Features --------------------------------------------------------------*/
.features .row + .row {
  margin-top: 100px;
}
.features h3 {
  font-weight: 400;
  font-size: 24px;
}
.features ul {
  list-style: none;
  padding: 0;
}
.features ul li {
  padding-bottom: 10px;
}
.features ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #68A4C4;
}
.features p:last-child {
  margin-bottom: 0;
}
/*-------------------------------------------------------------- # About --------------------------------------------------------------*/
.about h3 {
  font-weight: 400;
  font-size: 26px;
}
.about ul {
  list-style: none;
  padding: 0;
}
.about ul li {
  padding-bottom: 10px;
}
.about ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #68A4C4;
}
.about p:last-child {
  margin-bottom: 0;
}
/*-------------------------------------------------------------- # Facts --------------------------------------------------------------*/
.facts .counters span {
  font-size: 48px;
  display: block;
  color: #68A4C4;
}
.facts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
/*-------------------------------------------------------------- # Our Skills --------------------------------------------------------------*/
.skills {
  padding: 60px 0;
}
.skills .progress {
  height: 35px;
  margin-bottom: 10px;
}
.skills .progress .skill {
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}
.skills .progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}
.skills .progress-bar {
  width: 1px;
  text-align: left;
  transition: .9s;
}
/*-------------------------------------------------------------- # Tetstimonials --------------------------------------------------------------*/
.testimonials {
  padding: 60px 0;
}
.testimonials .section-header {
  margin-bottom: 40px;
}
.testimonials .testimonial-item {
  text-align: center;
}
.testimonials .testimonial-item .testimonial-img {
  width: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin: 0 auto;
}
.testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}
.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 15px 0;
}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: #fbfcfd;
  font-size: 26px;
}
.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}
.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}
.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
}
.testimonials .owl-nav, .testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}
.testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}
.testimonials .owl-dot.active {
  background-color: #68A4C4 !important;
}
@media (min-width: 992px) {
  .testimonials .testimonial-item p {
      width: 80%;
 }
}
/*-------------------------------------------------------------- # Service Details --------------------------------------------------------------*/
.service-details {
  padding-bottom: 10px;
}
.service-details .card {
  border: 0;
  padding: 0 30px;
  margin-bottom: 60px;
  position: relative;
}
.service-details .card-img {
  width: calc(100% + 60px);
  margin-left: -30px;
  overflow: hidden;
  z-index: 9;
  border-radius: 0;
}
.service-details .card-img img {
  max-width: 100%;
  transition: all 0.3s ease-in-out;
}
.service-details .card-body {
  z-index: 10;
  background: #fff;
  border-top: 4px solid #fff;
  padding: 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  margin-top: -60px;
  transition: 0.3s;
}
.service-details .card-title {
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.service-details .card-title a {
  color: #1e4356;
  transition: 0.3s;
}
.service-details .card-text {
  color: #5e5e5e;
}
.service-details .read-more a {
  color: #777777;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  transition: 0.3s;
}
.service-details .read-more a:hover {
  color: #68A4C4;
}
.service-details .card:hover img {
  transform: scale(1.1);
}
.service-details .card:hover .card-body {
  border-color: #68A4C4;
}
.service-details .card:hover .card-body .card-title a {
  color: #68A4C4;
}
/*-------------------------------------------------------------- # Pricing --------------------------------------------------------------*/
.pricing .row {
  padding-top: 40px;
}
.pricing .box {
  padding: 40px;
  margin-bottom: 30px;
  box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
  background: #fff;
  text-align: center;
}
.pricing h3 {
  font-weight: 300;
  margin-bottom: 15px;
  font-size: 28px;
}
.pricing h4 {
  font-size: 46px;
  color: #68A4C4;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 25px;
}
.pricing h4 span {
  color: #bababa;
  font-size: 18px;
  display: block;
}
.pricing ul {
  padding: 0;
  list-style: none;
  color: #999;
  text-align: left;
  line-height: 20px;
}
.pricing ul li {
  padding-bottom: 12px;
}
.pricing ul i {
  color: #68A4C4;
  font-size: 18px;
  padding-right: 4px;
}
.pricing ul .na {
  color: #ccc;
}
.pricing ul .na i {
  color: #ccc;
}
.pricing ul .na span {
  text-decoration: line-through;
}
.pricing .get-started-btn {
  background: #1e4356;
  display: inline-block;
  padding: 6px 30px;
  border-radius: 20px;
  color: #fff;
  transition: none;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  transition: 0.3s;
}
.pricing .get-started-btn:hover {
  background: #68A4C4;
}
.pricing .featured {
  z-index: 10;
  margin: -30px -5px 0 -5px;
}
.pricing .featured .get-started-btn {
  background: #68A4C4;
}
.pricing .featured .get-started-btn:hover {
  background: #85b6cf;
}
@media (max-width: 992px) {
  .pricing .box {
      max-width: 60%;
      margin: 0 auto 30px auto;
 }
}
@media (max-width: 767px) {
  .pricing .box {
      max-width: 80%;
      margin: 0 auto 30px auto;
 }
}
@media (max-width: 420px) {
  .pricing .box {
      max-width: 100%;
      margin: 0 auto 30px auto;
 }
}
/*-------------------------------------------------------------- # Portfolio --------------------------------------------------------------*/
.portfolio {
  padding-bottom: 60px;
}
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 0 35px 0;
  list-style: none;
  text-align: center;
}
.portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 0 12px 5px 12px;
  display: inline-block;
  padding: 0 4px 6px 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #444;
  background: white;
  transition: all 0.3s ease-in-out;
  border-bottom: 2px solid #fff;
  font-family: "Roboto", sans-serif;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  border-color: #68A4C4;
  color: #68A4C4;
}
.portfolio .portfolio-item {
  background: #1e4356;
  overflow: hidden;
  min-height: 200px;
  position: relative;
  border-radius: 4px;
  margin: 0 0 30px 0;
}
.portfolio .portfolio-item img {
  transition: all 0.3s ease-in-out;
}
.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  transition: all .3s linear;
  text-align: center;
  top: 10%;
  left: 0;
  right: 0;
}
.portfolio .portfolio-item .portfolio-info h3 {
  font-size: 22px;
}
.portfolio .portfolio-item .portfolio-info h3 a {
  color: #fff;
  font-weight: bold;
}
.portfolio .portfolio-item .portfolio-info a i {
  color: #68A4C4;
  font-size: 24px;
}
.portfolio .portfolio-item:hover img {
  opacity: 0.4;
  transform: scale(1.1);
}
.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
  top: calc(50% - 30px);
}
/*-------------------------------------------------------------- # Team --------------------------------------------------------------*/
.team {
  background: #fff;
  padding-bottom: 30px;
}
.team .member {
  margin-bottom: 20px;
  overflow: hidden;
}
.team .member .member-img {
  position: relative;
  overflow: hidden;
}
.team .member .social {
  position: absolute;
  left: 0;
  bottom: -40px;
  right: 0;
  height: 40px;
  opacity: 0;
  transition: bottom ease-in-out 0.4s;
  text-align: center;
  background: rgba(30, 67, 86, 0.8);
}
.team .member .social a {
  transition: color 0.3s;
  color: #fff;
  margin: 0 10px;
  padding-top: 8px;
  display: inline-block;
}
.team .member .social a:hover {
  color: #68A4C4;
}
.team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}
.team .member .member-info h4 {
  font-weight: 700;
  margin: 15px 0 5px 0;
  font-size: 18px;
}
.team .member .member-info span {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 15px;
  color: #68A4C4;
}
.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #666;
}
.team .member:hover .social {
  bottom: 0;
  opacity: 1;
  transition: bottom ease-in-out 0.4s;
}
/*-------------------------------------------------------------- # Contact --------------------------------------------------------------*/
/*
.contact {
  padding-top: 1em !important;
}
*/
.contact .info-box {
  color: #444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 20px 0 30px 0;
  margin-bottom: 30px;
}
.contact .info-box i {
  font-size: 32px;
  color: #68A4C4;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #a2cce3;
}
.contact .info-box h3 {
  font-size: 20px;
  color: #666;
  font-weight: 700;
  margin: 10px 0;
}
.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}
.contact .php-email-form {
  box-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
  border-radius: 3em;
  padding: 20px;
  background-color: #ffffff;
}
.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}
.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {
  background-color: #68A4C4;
}
.contact .php-email-form textarea {
  padding: 12px 15px;
}
.contact .php-email-form button[type="submit"] {
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}
@-webkit-keyframes animate-loading {
  0% {
      transform: rotate(0deg);
 }
  100% {
      transform: rotate(360deg);
 }
}
@keyframes animate-loading {
  0% {
      transform: rotate(0deg);
 }
  100% {
      transform: rotate(360deg);
 }
}
/*-------------------------------------------------------------- # Map --------------------------------------------------------------*/
.map {
  padding: 0;
  margin-bottom: -6px;
}
.map iframe {
  width: 100%;
  height: 380px;
}
/*-------------------------------------------------------------- # Blog --------------------------------------------------------------*/
.blog {
  padding: 40px 0 20px 0;
}
.blog .entry {
  padding: 30px;
  margin-bottom: 60px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.blog .entry .entry-img {
  max-height: 400px;
  margin: -30px -30px 20px -30px;
  overflow: hidden;
}
.blog .entry .entry-title {
  font-size: 28px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 20px 0;
}
.blog .entry .entry-title a {
  color: #32627b;
  transition: 0.3s;
}
.blog .entry .entry-title a:hover {
  color: #68A4C4;
}
.blog .entry .entry-meta {
  margin-bottom: 15px;
  color: #dddddd;
}
.blog .entry .entry-meta ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.blog .entry .entry-meta ul li + li {
  padding-left: 15px;
}
.blog .entry .entry-meta i {
  font-size: 14px;
  padding-right: 4px;
}
.blog .entry .entry-meta a {
  color: #aaaaaa;
  font-size: 14px;
  display: inline-block;
}
.blog .entry .entry-content p {
  line-height: 24px;
}
.blog .entry .entry-content .read-more {
  -moz-text-align-last: right;
  text-align-last: right;
}
.blog .entry .entry-content .read-more a {
  display: inline-block;
  background: #68A4C4;
  color: #fff;
  padding: 6px 20px;
  transition: 0.3s;
  font-size: 14px;
}
.blog .entry .entry-content .read-more a:hover {
  background: #32627b;
}
.blog .entry .entry-content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: bold;
}
.blog .entry .entry-content blockquote {
  overflow: hidden;
  background-color: #fafafa;
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}
.blog .entry .entry-content blockquote p {
  color: #444;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
}
.blog .entry .entry-content blockquote .quote-left {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 36px;
  color: #e7e7e7;
}
.blog .entry .entry-content blockquote .quote-right {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 36px;
  color: #e7e7e7;
}
.blog .entry .entry-content blockquote::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #32627b;
  margin-top: 20px;
  margin-bottom: 20px;
}
.blog .entry .entry-footer {
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}
.blog .entry .entry-footer i {
  color: #4c99c1;
  display: inline;
}
.blog .entry .entry-footer a {
  color: #90c0d8;
  transition: 0.3s;
}
.blog .entry .entry-footer a:hover {
  color: #68A4C4;
}
.blog .entry .entry-footer .cats {
  list-style: none;
  display: inline;
  padding: 0 20px 0 0;
  font-size: 14px;
}
.blog .entry .entry-footer .cats li {
  display: inline-block;
}
.blog .entry .entry-footer .tags {
  list-style: none;
  display: inline;
  padding: 0;
  font-size: 14px;
}
.blog .entry .entry-footer .tags li {
  display: inline-block;
}
.blog .entry .entry-footer .tags li + li::before {
  padding-right: 6px;
  color: #6c757d;
  content: ",";
}
.blog .entry .entry-footer .share {
  font-size: 16px;
}
.blog .entry .entry-footer .share i {
  padding-left: 5px;
}
.blog .entry-single {
  margin-bottom: 30px;
}
.blog .blog-author {
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.blog .blog-author img {
  width: 120px;
}
.blog .blog-author h4 {
  margin-left: 140px;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
  padding: 0;
}
.blog .blog-author .social-links {
  margin: 0 0 5px 140px;
}
.blog .blog-author .social-links a {
  color: #72afce;
}
.blog .blog-author p {
  margin-left: 140px;
  font-style: italic;
  color: #b7b7b7;
}
.blog .blog-comments {
  margin-bottom: 30px;
}
.blog .blog-comments .comments-count {
  font-weight: bold;
}
.blog .blog-comments .comment {
  margin-top: 30px;
  position: relative;
}
.blog .blog-comments .comment .comment-img {
  width: 50px;
}
.blog .blog-comments .comment h5 {
  margin-left: 65px;
  font-size: 16px;
  margin-bottom: 2px;
}
.blog .blog-comments .comment h5 a {
  font-weight: bold;
  color: #444;
  transition: 0.3s;
}
.blog .blog-comments .comment h5 a:hover {
  color: #68A4C4;
}
.blog .blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: #32627b;
}
.blog .blog-comments .comment time {
  margin-left: 65px;
  display: block;
  font-size: 14px;
  color: #72afce;
  margin-bottom: 5px;
}
.blog .blog-comments .comment p {
  margin-left: 65px;
}
.blog .blog-comments .comment.comment-reply {
  padding-left: 40px;
}
.blog .blog-comments .reply-form {
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.blog .blog-comments .reply-form h4 {
  font-weight: bold;
  font-size: 22px;
}
.blog .blog-comments .reply-form p {
  font-size: 14px;
}
.blog .blog-comments .reply-form input {
  border-radius: 0;
  padding: 20px 10px;
  font-size: 14px;
}
.blog .blog-comments .reply-form input:focus {
  box-shadow: none;
  border-color: #a2cce3;
}
.blog .blog-comments .reply-form textarea {
  border-radius: 0;
  padding: 10px 10px;
  font-size: 14px;
}
.blog .blog-comments .reply-form textarea:focus {
  box-shadow: none;
  border-color: #a2cce3;
}
.blog .blog-comments .reply-form .form-group {
  margin-bottom: 25px;
}
.blog .blog-comments .reply-form .btn-primary {
  border-radius: 0;
  padding: 10px 20px;
  border: 0;
  background-color: #32627b;
}
.blog .blog-comments .reply-form .btn-primary:hover {
  background-color: #68A4C4;
}
.blog .blog-pagination {
  color: #7b9bab;
}
.blog .blog-pagination ul {
  display: flex;
  padding-left: 0;
  list-style: none;
}
.blog .blog-pagination li {
  border: 1px solid white;
  margin: 0 5px;
  transition: 0.3s;
}
.blog .blog-pagination li.active {
  background: white;
}
.blog .blog-pagination li a {
  color: #aaaaaa;
  padding: 7px 16px;
  display: inline-block;
}
.blog .blog-pagination li.active, .blog .blog-pagination li:hover {
  background: #68A4C4;
  border: 1px solid #68A4C4;
}
.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a {
  color: #fff;
}
.blog .blog-pagination li.disabled {
  background: #fff;
  border: 1px solid white;
}
.blog .blog-pagination li.disabled i {
  color: #f1f1f1;
  padding: 10px 16px;
  display: inline-block;
}
.blog .sidebar {
  padding: 30px;
  margin: 0 0 60px 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.blog .sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  color: #32627b;
  position: relative;
}
.blog .sidebar .sidebar-item {
  margin-bottom: 30px;
}
.blog .sidebar .search-form form {
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px 10px;
  position: relative;
}
.blog .sidebar .search-form form input[type="text"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 40px);
}
.blog .sidebar .search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: #32627b;
  color: #fff;
  transition: 0.3s;
}
.blog .sidebar .search-form form button:hover {
  background: #68A4C4;
}
.blog .sidebar .categories ul {
  list-style: none;
  padding: 0;
}
.blog .sidebar .categories ul li + li {
  padding-top: 10px;
}
.blog .sidebar .categories ul a {
  color: #3f8db5;
}
.blog .sidebar .categories ul a:hover {
  color: #68A4C4;
}
.blog .sidebar .categories ul a span {
  padding-left: 5px;
  color: #bedae8;
  font-size: 14px;
}
.blog .sidebar .recent-posts .post-item + .post-item {
  margin-top: 15px;
}
.blog .sidebar .recent-posts img {
  width: 80px;
  float: left;
}
.blog .sidebar .recent-posts h4 {
  font-size: 15px;
  margin-left: 95px;
  font-weight: bold;
}
.blog .sidebar .recent-posts h4 a {
  color: #0d2735;
  transition: 0.3s;
}
.blog .sidebar .recent-posts h4 a:hover {
  color: #68A4C4;
}
.blog .sidebar .recent-posts time {
  display: block;
  margin-left: 95px;
  font-style: italic;
  font-size: 14px;
  color: #72afce;
}
.blog .sidebar .tags {
  margin-bottom: -10px;
}
.blog .sidebar .tags ul {
  list-style: none;
  padding: 0;
}
.blog .sidebar .tags ul li {
  display: inline-block;
}
.blog .sidebar .tags ul a {
  color: #3f8db5;
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid #e4eff5;
  display: inline-block;
  transition: 0.3s;
}
.blog .sidebar .tags ul a:hover {
  color: #fff;
  border: 1px solid #32627b;
  background: #32627b;
}
.blog .sidebar .tags ul a span {
  padding-left: 5px;
  color: #bedae8;
  font-size: 14px;
}
/*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/
#footer {
  background: #0b212d;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}
#footer .footer-newsletter {
  padding: 50px 0;
  background: #0d2735;
}
#footer .footer-newsletter h4 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  color: #a2cce3;
}
#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 50px;
}
#footer .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 100px);
}
#footer .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  margin: 3px;
  background: #68A4C4;
  color: #fff;
  transition: 0.3s;
  border-radius: 50px;
}
#footer .footer-newsletter form input[type="submit"]:hover {
  background: #468db3;
}
#footer .footer-top {
  background: #0d2735;
  border-top: 1px solid #17455e;
  border-bottom: 1px solid #123649;
  padding: 60px 0 30px 0;
}
#footer .footer-top .footer-info {
  margin-bottom: 30px;
}
#footer .footer-top .footer-info h3 {
  font-size: 18px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  color: #a2cce3;
  font-weight: 600;
}
#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Roboto", sans-serif;
  color: #fff;
}
#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #1e4356;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
#footer .footer-top .social-links a:hover {
  background: #68A4C4;
  color: #fff;
  text-decoration: none;
}
#footer .footer-top h4 {
  font-size: 18px;
  font-weight: 600;
  color: #a2cce3;
  position: relative;
  padding-bottom: 12px;
}
#footer .footer-top .footer-links {
  margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #a2cce3;
  font-size: 18px;
  line-height: 1;
}
#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
  color: #a2cce3;
}
#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}
#footer .footer-top .footer-contact p {
  line-height: 26px;
}
#footer .copyright {
  text-align: center;
  padding-top: 30px;
}
#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}
#footer .credits a {
  color: #a2cce3;
}
/* inizio CUSTOM */
button:focus,button:active {
  outline: none !important;
}
.buttonCustom {
 /* background: #1e4356;
  position: relative;
  border-radius: 50px !important;
  top: -6px;
  transition: all 40ms linear;
  box-shadow: 0 0 0 1px #1e4356 inset, 0 0 0 2px rgb(255 255 255 / 15%) inset, 0 5px 0 0 #162229, 0 5px 0 1px #68a4c4, 0 5px 5px 1px #68a4c4;
  border: 0px !important;
  */
  background: #961B82;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-color: #961B82;
  width: 100%;
}
button {
  border-radius: 0.35rem !important;
  margin: 0.1em !important;
}
/* i {
  text-shadow: 3px 3px 3px rgb(0 0 0 / 30%);
}
*/
.buttonCustom:active, .buttonCustom.active, .buttonCustom.focus, button:active, button.active, button.focus button:focus {
  top: 2px;
  box-shadow: 0 0 0 1px #1e4356 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  background-color: #1e4356;
}
input, select, .btn-group, .icon {
  position: relative !important;
  transition: all 40ms linear !important;
}
/* body {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(54deg, rgba(255,255,255,1) 0%, rgba(210,210,210,1) 82%);
  background: -webkit-linear-gradient(54deg, rgba(255,255,255,1) 0%, rgba(210,210,210,1) 82%);
  background: linear-gradient(54deg, rgba(255,255,255,1) 0%, rgba(210,210,210,1) 82%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d2d2d2",GradientType=1);
}
*/
input:active, input.active, input:focus, .btn-group:active, .btn-group:focus {
  outline: none !important;
  top: 2px;
  box-shadow: 0 0 0 1px #ffffff inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
.top5 {
  margin-top: 5em;
}
.vertical-align {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ulLeftDescription {
  margin-left: 95px;
}
.icon-text {
  display: flex;
}
.padding-right-1 {
  padding-right: 1em;
  width: 15% 
}
.margin-left-1 {
  margin-left: 1em;
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  border-radius: 3em;
}
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

table th:first-child:not(.fc-widget-content, .fc-mon, .fc-sun) {
  border-radius: 3em 0 0 0;   /*  in alto a sinistra , in alto a destra , in basso a destra , in basso a sinistra */
}
table th:last-child:not(.fc-widget-content, .fc-mon, .fc-sun) {
  border-radius: 0 3em 0 0;   /*  in alto a sinistra , in alto a destra , in basso a destra , in basso a sinistra */
}
table tr:last-child td:first-child:not(.fc-widget-content, .fc-mon, .fc-sun){
  border-radius: 0 0 0 3em;   /*  in alto a sinistra , in alto a destra , in basso a destra , in basso a sinistra */
}
table tr:last-child td:last-child:not(.fc-widget-content, .fc-mon, .fc-sun) {
  border-radius: 0 0 3em 0;   /*  in alto a sinistra , in alto a destra , in basso a destra , in basso a sinistra */
}
table th:first-child, table td:first-child:not(.fc-widget-content, .fc-head-container, .fc-event-container, .fc-widget-header) {
  padding-left: 1.5em !important;
}

table.dataTable {
  border-top: 0.25rem solid #ffaf12 !important;
  border-radius: 3em;
}
table.dataTable th:first-child {
  border-radius: 3em 0 0 0;   /*  in alto a sinistra , in alto a destra , in basso a destra , in basso a sinistra */
}
table.dataTable th:last-child {
  border-radius: 0 3em 0 0;   /*  in alto a sinistra , in alto a destra , in basso a destra , in basso a sinistra */
}
table.dataTable tr:last-child td:first-child{
  border-radius: 0 0 0 3em;   /*  in alto a sinistra , in alto a destra , in basso a destra , in basso a sinistra */
}
table.dataTable tr:last-child td:last-child {
  border-radius: 0 0 3em 0;   /*  in alto a sinistra , in alto a destra , in basso a destra , in basso a sinistra */
}
table.dataTable th:first-child, table.dataTable td:first-child {
  padding-left: 1.5em !important;
}

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
  float: none;
  text-align: center;
  margin-top: 1em;
}

div.dt-buttons {
  margin-top: 0.8em;
  margin-right: 2em;
}

button.dt-button:hover {
  border-left: 0.3rem solid #FFAF12 !important;
}

.paginate_button.current, .paginate_button:hover {
  color: black !important;
  border-radius: 3em !important;
  border-left: 0.25rem solid #ffaf12 !important;
  background-color: white !important;
  background: white !important;
}
.spinner {  /* copia di <i class="fa-solid fa-circle-notch"></i> */
  display: none;  /* default al primo caricamento */
  position: fixed;
  left: 45%;
  top: 45%;
  z-index: 5;
  color: #FFAF12 !important;
  font-size: 4em;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.spinner:before{
  content:"\f1ce"
}
@-webkit-keyframes rotation {
  from {
     -webkit-transform: rotate(0deg);
 }
  to {
     -webkit-transform: rotate(359deg);
 }
}
@-moz-keyframes rotation {
  from {
     -moz-transform: rotate(0deg);
 }
  to {
     -moz-transform: rotate(359deg);
 }
}
@-o-keyframes rotation {
  from {
     -o-transform: rotate(0deg);
 }
  to {
     -o-transform: rotate(359deg);
 }
}
@keyframes rotation {
  from {
     transform: rotate(0deg);
 }
  to {
     transform: rotate(359deg);
 }
}
.ecgRealTime {
  border: 1px solid rgb(204, 204, 204);
  border-radius: 5px;
  cursor: pointer;
  width: 400px;
  height: 200px;
}
.human-heart {
  animation: .8s infinite beatHeart;
}
@keyframes beatHeart {
  0% {
      transform: scale(1);
 }
  25% {
      transform: scale(1.1);
 }
  40% {
      transform: scale(1);
 }
  60% {
      transform: scale(1.1);
 }
  100% {
      transform: scale(1);
 }
}
.human-lungs {
  animation: 4.0s infinite beatRR;
}
@keyframes beatRR {
  0% {
      transform: scale(1);
 }
  25% {
      transform: scale(1.2);
 }
  50% {
      transform: scale(1);
 }
  75% {
      transform: scale(0.8);
 }
  100% {
      transform: scale(1);
 }
}
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3);
  backdrop-filter: blur(5px);
  z-index: 2;
  cursor: pointer;
  display: none;  /* default al primo caricamento */
}
button[type="button"], button[type="submit"] {
  border: 0;
  padding: 3px 15px;
  color: #fff;
  transition: 0.4s;
}
button[type="button"]:focus {
  color: #fff;
  transform: scale(1.05);
  transition: background 0.2s ease-in-out;
}
.storicoBG:active {
  cursor: progress;
}
.storicoBG:hover {
  background-color: #d3d3d3;
  transform: scale(1.05);
  transition: 0.5s;
  cursor: pointer;
}
.storicoBG:hover .tooltiptext {
  visibility: visible;
}
.tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-left: 30%;
  margin-top: 3%;
  padding: 5px;
  position: absolute;
  z-index: 1;
  width: 150px;
}
.fa-1_5x {
  font-size: 1.5em;
}
.modal_custom {
  display: none;
  position: fixed;
  z-index: 5;
  margin:auto;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100vh;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.1);
  backdrop-filter: blur(10px);
}
.modal_custom-evento {
  display: none;
  position: fixed;
  z-index: 5;
  margin:auto;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  /* background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4); */
}
.modal-content_custom {
  background-color: #fefefe;
  margin: 4.3em 1em 1em 1em;
  /*padding: 2em !important;*/
  border-radius: 3em !important;
}
.modal-content_custom_small{
  height: 80vh;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7em;
  background-color: #fefefe;
  border-radius: 3em !important;
}
.iframeFormPreview{
  width: 100%;
  height: 60vh;
  border: none;
}
button:disabled {
  background: #b5b5b5 !important;
}
a.disabled {
  pointer-events: none;
  cursor: default;
  color: #b5b5b5 !important;
}
li > a.active {
  color: #ffffff;
  text-shadow: 0 0 20px #ffffff;
}
a.active {
  color: #ffffff;
  text-shadow: 0 0 20px #ffffff;
}
.logoFooter {
  bottom: 0px;
  z-index: 1;
}
.logoFooter:hover {
  bottom: 0px;
  position: absolute;
  z-index: 1;
}
i:hover {
  transform: scale(1.15);
}
.zoom:hover {
  transform: scale(1.2);
}
.zoom-sm:hover {
  transform: scale(1.03);
}
.group-button a {
  font-size: 22px !important;
  display: inline-grid;
  background: #1e4356;
  color: #fff;
  line-height: 1;
  padding: 8px !important;
  margin-right: 10px;
  border-radius: 10%;
  text-align: center;
  width: 54px !important;
  height: 40px !important;
  transition: 0.3s;
}
.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
  border-color: #6265e4 !important;
  box-shadow: 0 0 5px rgba(98, 101, 228, 1) !important;
}
.right-bottom {
  position: absolute !important;
  right: 0em;
  bottom: 0em;
}
.left-bottom {
  position: absolute !important;
  left: 0em;
  bottom: 0em;
}
.hidden-scroll {
  overflow: scroll;
 /* Add the ability to scroll */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.hidden-scroll::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.hidden-scroll {
  -ms-overflow-style: none;
 /* IE and Edge */
  scrollbar-width: none;
 /* Firefox */
}
/* scrollbar tiny */
* {
  scrollbar-width: thin;
 /* Firefox */
}
::-webkit-scrollbar {
  width: 12px;   /* width of vertical scrollbar */
  height: 8px;  /* height of horizontal scrollbar */
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #8C8E9C;
  border-radius: 10px;
  border-right: none;
  border-left: none;
}
::-webkit-scrollbar-thumb:hover {
  background: #5a5c69;
}

::-webkit-scrollbar-track-piece:end {
  background: transparent;
  margin-bottom: 15px; 
}

::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 15px;
}


textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(255 255 255 / 50%);
  border-radius: 10px;
}
textarea::-webkit-scrollbar-thumb {
  background: rgb(255 255 255 / 50%);
  border-radius: 10px;
}
textarea::-webkit-scrollbar-thumb:hover{
  background: rgb(255 255 255 / 50%);
}
.v-center {
  min-height:200px;
  display: flex;
  justify-content:center;
  flex-flow: column wrap;
}
.card {
  box-shadow: 1px 1px 3px rgb(0 0 0 / 40%) !important;
}
#divRss::-webkit-scrollbar {
  display: none;
  overflow: hidden;
}
#divRss {
  scrollbar-width: none;
 /* Firefox */
}
.modal-xxl {
  max-width: 95% !important;
}
.modal-fullScreen {
  max-width: 98% !important;
}
/* Nuove Modifiche CSS 03/21 */
.newPostInput {
  width:100% !important;
  height: 110px !important;
  font-size: 18px !important;
  text-align: center !important;
  color: white !important;
  background: #f8b66f !important;
  background: linear-gradient(to left, #f8b66f, #FFAF12 50%) right !important;
  background-size: 200% !important;
  transition: .5s ease-out !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(133, 133, 133, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(133, 133, 133, 0.6) !important;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 25%) !important;
  border:none !important;
}

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

#rightArrow {
  font-size: 25px;
  margin-top:5px;
}
.submitNewPost {
  margin-left:17px;
  font-size: 20px;
}
.newPostInput:hover {
  background-position: left !important;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 20%) !important;
  cursor: pointer !important;
  border:none !important;
}
.bannerContainer {
  width: 99% !important;
  margin-left:5px !important;
}
.deletePost {
  margin-left: -20px;
  margin-right: 10px;
}
.rowBlogName {
  padding-top:5px !important;
  margin-left:7px !important;
  margin-bottom: 10px !important;
}
.dataBlogUser {
  color:rgb(126, 125, 125);
  text-align:center;
  margin-left:50px;
  font-size:15px;
}
.userNameBlog {
  font-size: 17px;
  color: #4e73df ;
}
.hrBlog {
  height: 1px;
  background-color: rgb(221, 221, 221);
}
.textPostBlog{
  margin-left:15px;
  margin-top: 7px;
}
.editPost, .deletePost {
  cursor:pointer;
}
.editPost:hover, .deletePost:hover {
  color:rgb(100, 100, 100);
  opacity: 100%;
}
.customBlogCard {
  border-left: 0.45rem solid #4e73df !important;
}
.customBlogCard:hover {
  background-color:#FFFFFD;
}
.editPiano, .deletePiano {
  cursor:pointer;
  color:rgb(126, 125, 125);
  opacity: 50%;
}
.editPiano:hover, .deletePiano:hover {
  color:rgb(100, 100, 100);
  opacity: 100%;
}
#newPiano {
  height: 70px;
  font-size: 15px;
  text-align: center;
  color: white;
  background: #f8b66f;
  background: linear-gradient(to left, #f8b66f, #FFAF12 50%) right;
  background-size: 200%;
  transition: .5s ease-out;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 25%);
  border:none;
}
#newPiano:hover {
  background-position: left;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 20%);
  cursor: pointer;
  border:none;
}
.customRebCard {
  cursor:pointer;
}
.infoCreatePiano {
  text-align:center;
  color:rgb(100, 100, 100);
  margin-bottom: 10px;
  font-size:17px;
}
.deletePiano {
  margin-left: 10px;
  margin-right: -20px;
}
.rebContainer {
  margin-top: 10px;
}
.rebDescription {
  color:black;
}
.card-header {
  background-color:#ffffff !important;
  border-left: 0.25rem solid #4e73df ;
}
.rebTitle {
  font-size: 17px;
}
.card .card-header[data-toggle="collapse"]::after {
  display:none;
}
.arrowDownReb {
  text-align:center;
}
#new {
  height: 70px;
  font-size: 15px;
  text-align: center;
  color: white;
  background: #f8b66f;
  background: linear-gradient(to left, #f8b66f, #FFAF12 50%) right;
  background-size: 200%;
  transition: .5s ease-out;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 25%);
  border:none;
}
#new:hover {
  background-position: left;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 20%);
  cursor: pointer;
  border:none;
}
.edit, .delete, .compila {
  cursor:pointer;
  color:rgb(126, 125, 125);
}
.eyeIcon {
  cursor:pointer;
  color:rgb(126, 125, 125);
  opacity: 50%;
}
.eyeIcon:hover {
  color:rgb(100, 100, 100);
  opacity: 100%;
}
.edit:hover, .delete:hover, .compila:hover {
  color:rgb(100, 100, 100);
}
.cardBorderCustom {
  border-left: 0.25rem solid rgb(2, 136, 2) !important;
}
.textSurveyCustom {
  color: rgb(2, 136, 2);
}
.arruolaMust {
  border-left: 0.25rem solid #FFAF12 !important;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
  border-color: transparent !important;
  box-shadow: 0 0 5px rgb(196, 194, 194) !important;
}
.activeMust > input[type="text"]:focus, .activeMust > input[type="password"]:focus, .activeMust > input[type="datetime"]:focus, .activeMust > input[type="datetime-local"]:focus, .activeMust > input[type="date"]:focus, .activeMust > input[type="month"]:focus, .activeMust > input[type="time"]:focus, .activeMust > input[type="week"]:focus, .activeMust > input[type="number"]:focus, .activeMust > input[type="email"]:focus, .activeMust > input[type="url"]:focus, .activeMust > input[type="search"]:focus, .activeMust > input[type="tel"]:focus, .activeMust > input[type="color"]:focus {
  border-left: 0.25rem solid #FFAF12 !important;
}
.sorting, .sorting_asc, .sorting_desc {
  background-position: calc(100% - 10px) 50% !important;
}
table.dataTable thead th, table.dataTable thead td {
  border-bottom:1px solid #ffffff !important;
}
td, th {
  border-bottom: 1px dotted #f3f3f3 !important;
  border-top: none !important;
  border-left: 1px solid #f3f3f3 !important;
  border-right: 1px solid #f3f3f3 !important;
}
.customOperFolder{
  color: rgb(100, 100, 100) !important;
}
#tableArruolati {
  border-left: 1px solid #f3f3f3 !important;
  border-right: 1px solid #f3f3f3 !important;
}
.userLetters {
  border-radius:50%;
  width:90px;
  height:90px;
  float:left;
  margin-right: 20px;
  background: rgb(0 0 0 / 10%) !important;
  border:none !important;
  box-shadow: 0 0 8px 3px rgb(0 0 0 / 10%);
  object-fit:contain;
}
/* .userLetters:hover {
  background-position: left !important;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 20%);
  border:none !important;
}
*/
.userLetters img {
  height: 75%;
  width: 75%;
  border-radius: 50%;
  margin-top: 2px;
  margin-left: 2px;
 /* image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
  */
}
.infoUserContainer {
  width:100%;
}
.userHomeInfo {
  font-size: 25px;
  color: rgb(100, 100, 100);
  /* padding-top: 22px; */
}
.iconPazienteContainer {
 /* background-color: #FFAF12 !important;
  */
  width: 70px !important;
  height: 50px !important;
  color:rgb(100, 100, 100) !important;
  font-weight: bold;
  text-align:center;
  padding-top:12px;
  border: 1px solid rgb(236, 235, 235) !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid rgb(163, 163, 163) !important;
  box-shadow: 0px 3px 3px rgb(0 0 0 / 20%);
}
.anagraficaPaziente {
  height: 50px !important;
  color:rgb(100, 100, 100) !important;
  font-weight: bold;
  text-align:center;
  padding-top:12px;
  border: 1px solid rgb(236, 235, 235) !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid rgb(163, 163, 163) !important;
  box-shadow: 0px 3px 3px rgb(0 0 0 / 20%);
}
.customCardHomePz {
  width: 100%;
  height:50px !important;
 /* border-bottom: 1px solid black !important;
  border-right: 1px solid black !important;
  */
  border-top: 1px solid rgb(236, 235, 235) !important;
  padding-top: 12px;
  padding-left: 10px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 20%);
}
.text-success {
  transition: .5s ease-out !important;
}
.text-success:hover {
  color: rgb(2, 136, 2);
  font-weight:bold;
  text-decoration: none;
  transition: .5s ease-out !important;
}
a:-webkit-any-link {
  text-decoration:none !important;
}
.dropdown-item:active {
  background-color: #f8f9fc !important;
  color: #2e2f37 !important;
}
.sendDiaryMsg {
  padding: 10px 40px !important;
  margin-left: 20px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left:none !important;
}
.inputDiaryMsg {
  margin-top:3px;
  border-right:none !important;
}
.sortIconTable {
  margin-top: 3px !important;
}
table.dataTable thead .sorting_asc {
  background-position: calc(100% - 10px) 50% !important;
}
table.dataTable thead .sorting_desc {
  background-position: calc(100% - 10px) 50%!important;
}
.nonSortabile {
  background-image:none !important;
}
table.dataTable thead .nonSortabile {
  background-image: none !important;
}
#videoPreviewCont {
  margin-top: 10px !important;
  width: 100% !important;
}
.videoPreview {
  width:100% !important;
}
.fc-event-container {
  cursor:pointer !important;
}
input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label{
  top: 3px !important;
  bottom: 35px !important;
  left: 28px !important;
  font-size: 12px !important;
  opacity: 1 !important;
}
.newPlaceholder {
  height: 55px !important;
  font-size:17px !important;
  padding-top: 18px !important;
}
.floating-label {
  position: absolute !important;
  pointer-events: none !important;
  left: 28px !important;
  top: 13px !important;
  transition: 0.2s ease all !important;
  font-size: 18px !important;
  color: #b3b6cc !important;
}
.floating-label-disabled {
  position: absolute !important;
  pointer-events: none !important;
  left: 26px !important;
  top: 3px !important;
  font-size: 12px !important;
  color: #b3b6cc !important;
  opacity: 1 !important;
  bottom: 35px !important;
}
.floating-label-custom {
  top: 3px !important;
  bottom: 35px !important;
  left: 28px !important;
  font-size: 12px !important;
  opacity: 1 !important;
}
.test {
  float:left !important;
}
.userImage {
  border-radius:50%;
  width:190px;
  height:190px;
  background: rgb(0 0 0 / 10%) !important;
  margin-bottom:20px;
  position: relative;
  box-shadow: 0 0 8px 3px rgb(0 0 0 / 10%);
  object-fit:contain;
}
.userImage img {
  height: 95%;
  width: 95%;
  border-radius: 50%;
  margin-top: 4px;
  margin-left: 3px;
 /* image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
  */
}
.userImage i {
  position: absolute;
  top: 15px;
  right: 15px;
 /* border: 1px solid;
  */
  border-radius: 50%;
 /* padding: 11px;
  */
  height: 30px;
  width: 30px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: #FFAF12;
  color: white;
  cursor:pointer;
}
.userImage>input {
  display:none !important;
}
.imgProfContainer {
  border-radius:50% !important;
  width:40px !important;
  height:40px !important;
  position: relative !important;
  background: rgb(0 0 0 / 10%) !important;
}
.userImageBacheca {
  border-radius:50% !important;
  width:50px !important;
  height:50px !important;
  position: relative !important;
  background: rgb(0 0 0 / 10%) !important;
}
.userImageBacheca img {
  height: 100% !important;
  width: 100% !important;
  border-radius: 50% !important;
 /* margin-top: 1px;
  margin-left: 1px;
  */
 /* image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
  */
}
#userBachecaImg {
  margin-left: 13px !important;
  padding-top: 13px !important;
}
.userImageBachecaBlog {
  float:right;
  border-radius:50%;
  width:25px;
  height:25px;
  background: rgb(0 0 0 / 10%);
}
.userImageBachecaBlog img {
  height: 100% !important;
  width: 100% !important;
  border-radius: 50% !important;
}
.userImageBachecaBlog:hover {
  width:50px;
  height:50px;
}
#divStrumenti {
  width:100%;
}
.agendaColors {
  width:82% !important;
  margin-left: -5px !important;
}
.agendaColorsDropdown {
  width:100% !important;
  margin-left: 8px !important;
}
.agendaSingleColor {
  padding-left: 10px !important;
}
.customPaddingAgenda {
  padding-right: 25px !important;
}
.form-check-label {
  margin-left: 5px !important;
}
.allBtnVideo {
  display:none;
  float:right;
 /*margin-right:15px !important;
  */
}
.backButtonVideo {
  display:none;
}
.allIcon {
  background-color: #FFAF12 !important;
  color: white !important;
}
.allIcon:hover {
  background-color: #FFAF12 !important;
  color: white !important;
}
#btnContainerVideoRes {
  display:none;
}
.buttons {
  top: 0.5em !important;
  position: absolute !important;
  z-index: 200 !important;
}
.buttonsRes {
  bottom: 2em !important;
  position: absolute !important;
  z-index: 200 !important;
  width: 20%;
  right:0;
  margin-right:25px;
 /*text-align:center;
 */
}
.buttonsResLand {
  bottom: 2em !important;
  position: absolute !important;
  z-index: 200 !important;
  width: 20%;
  right:0;
 /*margin-right:5px;
 */
 /*text-align:center;
 */
}
/* inizio nuove classi per gestione frontend mobile */
.cardTipoTelevisitaMobile {
  border: 1.5px solid #f85e1c !important;
  border-radius: 1rem !important;
  min-width: 6.5rem !important;
  text-align: center !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.cardPartecipanti {
  border: 1.5px solid #5159a3 !important;
  height: 100% !important;
  text-align: center !important;
  padding: 1rem!important;
  border-radius: 1rem !important;
  line-height: 1px !important;
}
.cardTelevisitaMobile {
  background: #f85e1c !important;
  border-radius: 1rem !important;
  color: #fff !important;
  text-align: center !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  border-radius: 1rem !important;
}
.backButton, .backButtonFromEvent {
  background-color: hsla(0,0%,100%,.9) !important;
  border-radius: 0.75rem !important;
  font-size: 1.25rem !important;
  cursor: pointer !important;
  width: 3rem !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.200)!important;
  height: 3rem !important;
}
.backButton:hover, .backButtonFromEvent:hover {
  background-color: #e2e6ea !important;
  border-color: #dae0e5 !important;
  color: #212529 !important;
}
.cardTelevisitaMobileStorico {
  background: #f85e1c !important;
  border-radius: 1rem !important;
  color: #fff !important;
  padding: 1.2rem!important;
  text-align: center !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  border-radius: 1rem !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 5px !important;
}
.backButton {
  background-color: hsla(0,0%,100%,.9) !important;
  border-radius: 0.75rem !important;
  font-size: 1.25rem !important;
  cursor: pointer !important;
  width: 3rem !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.200)!important;
  height: 3rem !important;
}
.dettagliProfiloMobile {
  margin-bottom: 1rem !important;
  line-height: 0.5rem !important;
  text-align:left !important;
}
.dettagliProfiloTop {
  margin-top: 2.2rem !important;
}
.btnVideoCallMobile {
  border-radius: 1rem !important;
  text-align: center !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.200)!important;
}
.btnVideoCallActive {
  border-radius: 1rem !important;
  text-align: center !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.200)!important;
  background-color: #371757 !important;
  color: #fff !important;
}
.noBorder {
  border-color: #fff !important;
}
.forListView {
 /*border: 1.5px solid #f85e1c !important;
  border-radius: 1rem !important;
 */
  min-width: 6.5rem !important;
  text-align: center !important;
 /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
 */
  width:98% !important;
  margin-left: 1% !important;
 /*margin-bottom: 2rem;
 */
}
.borderItem {
  border: 0.5px solid #f85e1c !important;
  border-radius: 1rem !important;
}
.borderItemStorico {
  border: 0.5px solid #f85e1c !important;
  margin-top: -20px !important;
  width:94%;
  margin-left:6px;
  margin-bottom: 1.8rem;
  border-radius: 1rem;
}
.whiteBg {
  background-color: #fff !important;
}
.leftBrd {
  border-radius: 1rem 0 0 1rem !important;
  border-left: 1.5px solid #f85e1c !important;
}
.rghtBrd {
  border-radius: 0 1rem 1rem 0 !important;
  border-right: 1.5px solid #f85e1c !important;
}
.cardAdapterMobile {
  margin-left: 0.3rem !important;
  padding: 0.3rem !important;
  padding-top: 0.9rem !important;
 /*margin-left: 1rem !important;
  padding: 1.3rem !important;
  padding-top: 1.2rem !important;
 */
}
.landGoVideoCall {
  width: 50% !important;
  margin: 0 auto !important;
}
.noBoxShadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none !important 
}
.marginVideoButton {
  margin-left: 1rem !important;
}
.marginOtherButton {
  margin-left: 0.5rem !important;
}
.fontTelevisitaMobile {
  font-family: "Montserrat", sans-serif;
}
/* MEDIA QUERY FOR TELEVISITA MOBILE */
@media only screen and (min-width: 250px) and (max-width: 264px) and (orientation : portrait) {
  #calendarList{
      zoom: 0.7 !important;
 }
  #containerBtnTv {
      zoom: 0.7 !important;
 }
  #rowTopButton {
      zoom: 0.6 !important;
 }
  .goToVideoCall {
      zoom: 0.6 !important;
 }
  #infoProfilo{
      zoom: 0.8 !important;
 }
  #storicoMobile{
      zoom: 0.7 !important;
 }
  #containerBtnTv {
      zoom: 0.7 !important;
 }
  #emailInput {
      zoom: 0.8 !important;
 }

  #storicoMobile {
    zoom: 0.7 !important;
  }

  #storicoMobileContainer {
    zoom: 0.7 !important;
  }
}
@media only screen and (min-width: 265px) and (max-width: 300px) and (orientation : portrait) {
  #calendarList{
      zoom: 0.7 !important;
 }
  #containerBtnTv {
      zoom: 0.7 !important;
 }
  #rowTopButton {
      zoom: 0.7 !important;
 }
  .goToVideoCall {
      zoom: 0.6 !important;
 }
  #infoProfilo{
      zoom: 0.8 !important;
 }
  #storicoMobile{
      zoom: 0.7 !important;
 }
  #containerBtnTv {
      zoom: 0.7 !important;
 }
  #emailInput {
      zoom: 0.8 !important;
 }
  #storicoMobile {
    zoom: 0.7 !important;
  }
  #storicoMobileContainer {
    zoom: 0.7 !important;
  }
}
@media only screen and (min-width: 301px) and (max-width: 375px) and (orientation : portrait) {
  #calendarList{
      zoom: 0.9 !important;
 }
  #containerBtnTv {
      zoom: 0.9 !important;
 }
  #rowTopButton {
      zoom: 0.8 !important;
 }
  .goToVideoCall {
      zoom: 0.8 !important;
 }
 
  #storicoMobile{
        zoom: 0.9 !important;
  }
  #storicoMobileContainer {
    zoom: 0.9 !important;
  }

  #containerBtnTv {
      zoom: 0.9 !important;
 }
}
@media only screen and (min-width: 376px) and (max-width: 424px) and (orientation : portrait) {
  #calendarList{
      zoom: 0.9 !important;
 }
  #containerBtnTv {
      zoom: 0.9 !important;
 }
  #rowTopButton {
      zoom: 0.9 !important;
 }
  .goToVideoCall {
      zoom: 0.9 !important;
 }

  #storicoMobile{
        zoom: 0.9 !important;
  }

  #storicoMobileContainer {
    zoom: 0.9 !important;
  }

  #containerBtnTv {
      zoom: 0.9 !important;
 }
  #btnTelevisitaUs {
      zoom: 1 !important;
 }
  .cardTelevisitaMobile {
      padding: 1rem !important;
 }
}
@media only screen and (min-width: 250px) and (max-width: 285px) and (orientation : portrait) {
  #btnTelevisitaUs {
      zoom: 0.6 !important;
 }
  .marginVideoButton {
      margin-left: 2rem !important;
 }
  .marginOtherButton {
      margin-left: 0.4rem !important;
 }
}
@media only screen and (min-width: 285px) and (max-width: 319px) and (orientation : portrait) {
  #btnTelevisitaUs {
      zoom: 0.7 !important;
 }
  .marginVideoButton {
      margin-left: 2rem !important;
 }
}
@media only screen and (min-width: 319px) and (max-width: 345px) and (orientation : portrait) {
  #btnTelevisitaUs {
      zoom: 0.8 !important;
 }
  .marginVideoButton {
      margin-left: 2rem !important;
 }
  .marginOtherButton {
      margin-left: 0.2rem !important;
 }
}
@media only screen and (min-width: 345px) and (max-width: 375px) and (orientation : portrait) {
  #btnTelevisitaUs {
      zoom: 0.9 !important;
 }
  .marginVideoButton {
      margin-left: 1.3rem !important;
 }
  .marginOtherButton {
      margin-left: 0.5rem !important;
 }
}
@media only screen and (min-width: 375px) and (max-width: 400px) and (orientation : portrait) {
  #btnTelevisitaUs {
      zoom: 1 !important;
 }
  .marginVideoButton {
      margin-left: 1.4rem !important;
 }
  .marginOtherButton {
      margin-left: 0.5rem !important;
 }
}
@media only screen and (min-width: 400px) and (max-width: 425px) and (orientation : portrait) {
  #btnTelevisitaUs {
      zoom: 1 !important;
 }
  .marginVideoButton {
      margin-left: 1.8rem !important;
 }
  .marginOtherButton {
      margin-left: 0.5rem !important;
 }
}
.borderNone {
  border: none !important;
}
#newCarousel {
  width: 650px;
  height:100vh;
  background-color: red;
}
#partecipantiContainer::-webkit-scrollbar {
  display: none !important;
}
#partecipantiContainer {
  scrollbar-width: none !important;
 /* Firefox */
  -ms-overflow-style: none !important;
 /* IE 10+ */
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-bottom: 20px;
  margin-left: -0.7rem;
}
a.tooltipInfo span {
  display: none;
}
a.tooltipInfo:hover span {
  padding: 5px 20px 5px 5px;
  display: block;
  z-index: 100;
  background: #e3e3e3;
  border-radius: 6px;
  left: 0px;
  margin: 15px;
  width: 400px;
  top: 15px;
  text-decoration: none;
}
.draggable {
  transition: all .2s ease-in-out;
}
.draggable:hover {
  transform: scale(1.1);
}
.dragContainer {
  min-height: 8rem;
  padding: 10px;
}
.card > .round {
  position: absolute;
  top: -25px;
  left: 10px;
  padding: 5px 10px;
  z-index: 1;
}
.border-medium {
  border-width: medium !important;
}
.editDiv .editMsg {
  display: none;
}
.editDiv:hover .editMsg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.editDiv:hover .hover-bg-grey {
  background-color: #ebebeb;
  opacity: 0.9;
}
.dot {
  text-align: center;
  font-weight: bold;
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  margin: 3px;
}
.accordion .card-header a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f102";
  float: right;
}
.accordion .card-header a.collapsed:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f103";
  float: right;
}
.draggable.disabled{
  pointer-events: none;
}
.overflow-auto {
  overflow: auto;
}
.noRepeatBackground {
  background-repeat: no-repeat;
}
.fitContentBackground {
  background-size: 100% 100%;
}
.legendSpan {
  float: right;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.bg-menu-pp {
  background: rgb(132,127,127);
  background: linear-gradient(180deg, rgba(132,127,127,1) 0%, rgba(0,51,90,0.01) 20%, rgba(255,255,255,0) 100%);
}
.drop-down-left {
  left: auto !important;
  right: 100%;
  margin-left: 0;
  margin-right: -1px;
}

li ul li a i {
  width: 1.5em;
}

.font-title-login {
  font-size: 1.5em;
}

.fontNewAgenda {
  font-family: Google Sans,Roboto,Arial,sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

#agendaContainer {
  border-bottom: 1px solid #e3e6f0;
  padding-left:5px;
}

.borderB{
  border-bottom: 1px solid #e3e6f0;
}

.borderT{
  border-top: 1px solid #e3e6f0;
}

.borderL{
  border-left: 1px solid #e3e6f0;
}

.borderR{
  border-right: 1px solid #e3e6f0;
}

#filtriTable td{
  border-bottom: 1px dotted #fff !important;
  border-top: none !important;
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
}

#calendarList {
  position:relative;
  font-size: 12px;
  overflow-y: auto;
  overflow-x: hidden;
}

.cardTelevisitaAgenda {
  border-radius: 3em !important;
  color: #fff !important;
  text-align: center !important;
  /*border-top-right-radius: 0px !important;*/
  width:30% !important;
  height: 49px !important;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 40%) !important;
  line-height:1 !important;
  margin-top: -2px !important;
}

.cardTelevisitaAgendaContainer {
  border-radius: 3em !important;
  color: #fff !important;
  text-align: left !important;
  margin-left: -7px !important;
  float:left !important;
  left:0 !important;
  width:100% !important;
  height:43px !important;
  padding-left:0 !important;
  padding-top: 0 !important;
  padding-bottom: 11px !important;
  display: flex !important;
  justify-content: space-between !important;
  

}


.goVideocallAgenda {
  cursor:pointer;
  color: #007DAF !important;
}

.checkFiltro {
  box-shadow: none !important;
  cursor:pointer;
  width: 1rem;
  height: 1rem;
  float:right;
}

.textAgenda {
  margin-left: 30px !important;
  text-transform: capitalize !important;
}

.textAgendaMobile {
  text-transform: capitalize !important;
}

.rightAgenda {
  right: 20px !important;
  position: fixed !important;
}

#searchEvent {
  background-color: white !important;
  color: black !important;
  border-top: 1px solid #e3e6f0 !important;
  border-left: 1px solid #e3e6f0 !important;
  border-bottom: 1px solid #e3e6f0 !important;
  border-right: 1px solid #e3e6f0 !important;
  padding: 0.3rem !important;
  box-shadow: none !important;
  font-size:14px !important;
}

#searchEvent::placeholder {
  font-size: 14px;
  font-style: oblique;
}

#show_filtri {
  cursor:pointer;
}

#show_filtri_text {
  font-size: 13px !important;
  padding-top: 0.1rem !important;
}

#viewEventiContainer {
  border: 1px solid #e3e6f0 !important;
  background-color: white !important;
  z-index:9999;
}

.borderBtnAgenda, .borderBtnAgenda:disabled {
  background-color: white !important;
  color: black !important;
  border: 1px solid #e3e6f0 !important;
  padding: 0.5rem !important;
  border-radius: 0 !important;
  cursor:pointer;
  box-shadow: none !important;
}

.borderViewBtn, .borderViewBtn:not(:disabled)  {
  border-bottom: 1px solid #e3e6f0 !important;
  padding: 0.5rem !important;
  border-radius: 0 !important;
  cursor:pointer;
  width: 100% !important;
  color:black;
}

.borderViewBtnActive {
  background-color: #66615b !important;
  color: #fff !important;
  border: 1px solid #66615b !important;
}

.borderViewBtnCircle {
  background-color: white !important;
  color: #66615b !important;
  border: 1px solid #e3e6f0 !important;
}

.borderViewBtnCircle:disabled {
  background-color: white !important;
  color: #66615b !important;
  border: 1px solid #e3e6f0 !important;
}

.containerIconAgenda {
  width:3rem;
  height:3rem;
  padding-top:0.5rem;
  background-color: #007DAF;
  border-radius: 50% !important;
  color: #fff !important;
  text-align: center !important;
  line-height: 0.8rem; 
}

#noTvIcon {
  padding-top: 1.1rem !important;
}

.divScroll {
  height: 15em;
  overflow: auto;
}

.agendaDay {
  text-transform: uppercase !important;
  font-weight:200 !important;
  font-size: 13px !important;
  padding-top:5px !important;
}

.newEventoBorder {
  border: 1px solid #f3f3f3 !important; 
}

#calendarList div {
  border-style: none !important;
}

/* vado direttamente sull'agenda */

.fc td:not(.fc-mon, .fc-sun, .fc-tue, .fc-wed, .fc-thu, .fc-fri, .fc-sat, .fc-event-container, .fc-axis) {
  border-style: none !important;
}

.allBorder {
  border: 1px solid #e3e6f0 !important;
}

.fc-view-container {
  border-top: 1px solid #e3e6f0 !important;
  border-right: 1px solid #e3e6f0 !important;
  border-bottom: 1px solid #fff !important;
}

.fc-week {
  border-bottom: 1px solid #e3e6f0 !important;
}

.fc-content-skeleton td {
  border-bottom: none !important;
}

.fc-day-number {
  font-size:13px !important;
}

.fc-unthemed td.fc-today {
  background: none !important;
}

.fc-week:last-child{
  border-bottom: none !important;
}

.fc-today a {
  background-color:#007DAF !important;
  border-radius: 50% !important;
  color: #fff !important;
  width: 20px !important;
  height: 20px !important;
  text-align: center;
  padding: 0.4em;
}

.fc-title {
  color : #fff !important;
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom:0px !important;
  zoom: 0.9 !important;
}

.fc-time {
  color : #000 !important;
}

.fcTimeColor {
  color : #000 !important;
}

.fc-button:hover {
  border-radius: 3em !important;
  border-left: 0.25rem solid #ffaf12 !important;
}

.fc-event-container{
  padding: 3px !important;
  border-style: none !important;
  /*zoom: 0.9 !important;*/
}

.iconEvento {
  float: left !important;
  color: #fff !important;
  margin-top: 0.15rem !important;
  margin-left: 0.2rem !important;
}

.inputTitoloEvento {
  border-top: none;
  border-right: none;
  border-left: none;
  box-shadow: none !important;
  width: 100%;
  border-bottom: 1px solid #e3e6f0;
}

input[type="text"].inputTitoloEvento:focus {
  border-bottom: 2px solid #007DAF !important;
  box-shadow: none !important;
}

input[type="text"].inputTitoloEvento:active {
  border-bottom: 2px solid #007DAF !important;
  box-shadow: none !important;
}

input[type="text"].newInputAgenda:focus {
  border-bottom: 2px solid #007DAF !important;
  box-shadow: none !important;
}

input[type="text"].newInputAgenda:active {
  border-bottom: 2px solid #007DAF !important;
  box-shadow: none !important;
}

input[type="number"].newInputAgenda:focus {
  border-bottom: 2px solid #007DAF !important;
  box-shadow: none !important;
}

input[type="number"].newInputAgenda:active {
  border-bottom: 2px solid #007DAF !important;
  box-shadow: none !important;
}

.newInputAgenda {
  border-top: none;
  border-right: none;
  border-left: none;
  box-shadow: none !important;
  width: 100%;
  border-bottom: none;
  border-bottom: 1px solid #e3e6f0;
}

input[type="datetime-local"].newInputAgenda:focus {
  border-bottom: 1px solid #e3e6f0 !important;
  box-shadow: none !important;
}

input[type="datetime-local"].newInputAgenda:active {
  border-bottom: 1px solid #e3e6f0 !important;
  box-shadow: none !important;
}

.divTipoEvento {
  float:left;
  cursor:pointer;
  /*padding:2px;*/
}

.divTipoEvento:hover {
  border-bottom: 2px solid #007DAF !important;
}

.divTipoEvento:active {
  border-bottom: 2px solid #007DAF;
}

.divTipoEventoActive {
  float:left;
  cursor:pointer;
  /*padding:2px;*/
  border-bottom: 2px solid #007DAF;
}

.font14, .font14::placeholder {
  font-size:14px;
}

.font22 {
  font-size:22px;
}

.font18 {
  font-size:18px;
}

.removeList {
  cursor:pointer;
}

.whiteTxt, .whiteTxt:hover {
  color: #fff;
}

.ui-menu, .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
  font-size: 0.8rem;
}

.ui-menu-item {
  border-bottom: 1px solid #e3e6f0 !important;
}

.ui-widget.ui-widget-content {
  border-top: 1px solid #e3e6f0 !important;
  border-left: 1px solid #e3e6f0 !important;
  border-right: 1px solid #e3e6f0 !important;
  border-bottom: none !important;
  z-index: 9000;
  background-color: #e3e6f0;
  padding: 0.5em;
  border-radius: 1em;
}

.new-modal-content {
  width:75%;
  max-height:85%;
  background-color: #fefefe;
  margin: 0 auto;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  margin-top: 4.5rem;
  border-radius: 3rem;
  padding-bottom: 0.5em;
  box-shadow: 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12), 0 11px 15px -7px rgba(0,0,0,.2)
}

.new-modal-content100 {
  width:55%;
  height:80%;
  background-color: #fefefe;
  margin: 0 auto;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  margin-top: 1rem;
  border-radius: 0.5rem;
}

.new-modal-contentIns {
  width:55%;
  height:45%;
  background-color: #fefefe;
  margin: 0 auto;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  margin-top: 6rem;
  border-radius: 0.5rem;
}

.new-modal-contentDay {
  width:55%;
  height:625px;
  background-color: #fefefe;
  margin-left: 10px;
  margin-top: 4.3em !important;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  border-radius: 0.5rem;
  border: 1px solid #e3e6f0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

#containerInsert {
  max-height:28em;
  overflow-x:hidden;
  overflow-y:auto;
}

#closeModalContainer{
  /*background-color:#e3e6f0;*/
  cursor:pointer;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  /*display: flex;*/
  justify-content: start;
}

.iconCloseModal {
  color: #5f6368;
  width: 40px;
  height: 35px;
  padding-left: 12px;
  padding-top: 6px;
}

.iconCloseModal:hover {
  color: #5f6368;
  border-radius: 50%;
  background-color: #c6c8d0;
}

#goToDayEvent {
  padding-left: 9px;
}

.agendaContainerDay {
  max-height:620px;
  overflow-y:scroll;
  border-bottom: none !important;
}

.modal_customDay {
  display: none;
  position: fixed;
  margin:auto;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: none !important;
  background-color: transparent !important;
}

.fc-axis:last-child{
  border-bottom: 1px solid #e3e6f0 !important;
}

.btnImaging {
  padding: 0.5rem;
}

.btnImaging:hover {
  border:1px solid red;
  cursor:pointer;
}

.imgTable{
  zoom: 0.95;
}

.imgTable td {
  border: 2px solid #fff !important;
}

.newWindow {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 2px;
  background-color: #e67817;
  border-radius: 4px;
}

#whiteTd_1 {
  border-top: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
}

#whiteTd_2 {
  border: 1px solid #fff !important;
}

#whiteTd_3 {
  border: 1px solid #fff !important;
}

#whiteTd_4 {
  border-right: 1px solid #fff !important;
}

.boxActionDicom{
	background-color: #ffcc00;
	height: 50px;
  cursor:pointer;
}

.paginationDicom{
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

#numerationImgDicom:hover{
	cursor:pointer;
	background-color: yellow;
	text-decoration: underline;
	color: #002266;
}

.boxActionDicom_player{
	background-color: #fff;
}

.imgPanelContainer {
  background-color:#000;
  color: #fff;
}

.list-group-item{
  cursor:pointer;
}

.list-group-item:hover{
  cursor:pointer;
	text-decoration: underline;
}

.imaging {
  cursor: pointer;
}

.selectDay {
  margin: 5px;
  padding: 5px;
  width: 1.5rem;
  height: 1.5rem;
  box-shadow: none !important;
}

.daySelected {
  background-color: rgb(0, 85, 255);
  color: #b7ddff;
}

.iconVideoCall{
  width: 45px !important;
  height: 45px !important;
  border-radius: 50% !important;
  font-size: 25px !important;
  text-align: center !important;
  color:white !important;
  text-transform: uppercase !important;
  padding-top: 3px !important;
}

.iconVideoCallGruppo{
  width: 45px !important;
  height: 45px !important;
  border-radius: 50% !important;
  font-size: 27px !important;
  text-align: center !important;
  color:white !important;
  text-transform: uppercase !important;
}
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;   /* prevent horizontal scrollbar */
  padding-right: 20px;  /* add padding to account for vertical scrollbar */
}

#videocameraContainer {
  height:100%; 
  background-color:black; 
  border-radius: 5em !important;
}

#frameChatStorico, #frameDocStorico, #frameRefertiStorico{
  height:80vh !important; 
  background-color:transparent !important; 
  border-radius: 5em !important;
}

#videoWebcam {
  border-radius: 5em !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 40%) !important;
}


#showVideo, #startMic, #stopMic{
  width: 50px !important;
  height: 50px !important;
  z-index:9999 !important;
  margin-top: -56px !important;
  text-align:center !important;
  cursor:pointer !important;
}

#iconShowVideo, #iconShowMic {
  margin-left: -11px !important;
  font-size: 20px !important;
  cursor:pointer !important;
}

#iconStopMic {
  margin-left: -7px !important;
  font-size: 20px !important;
  cursor:pointer !important;
}


.titolo {
  border-radius: 3em;
  border-left: 0.3rem solid #FFAF12 !important;
  border-bottom: 0.3rem solid #FFAF12 !important;
  font-size: 2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif;
  width: fit-content;
}

.subtitolo {
  border-radius: 3em;
  border-left: 0.3rem solid #FFAF12 !important;
  border-bottom: 0.3rem solid #FFAF12 !important;
  font-size: 1.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-weight: 500;
  font-family: 'Montserrat Alternates', sans-serif;
  width: fit-content;
}

@media (max-width: 992px) {
  .titolo {
    font-size: 1.3em;
    margin-bottom: 0.5em;
  }

  .subtitolo {
    font-size: 1em;
    margin-bottom: 0.5em;
  }

  .modal-content_custom {
    margin-left: 1em;
    margin-right: 1em;
  }

  #videocameraContainer, #frameChatStorico, #frameDocStorico, #frameRefertiStorico {
    margin-left: 1em;
    margin-bottom: 1em;
  }

  #formLogin {
    width: 80% !important;
    padding: 0.3em;
  }

  #formLogin > #subtitle {
    visibility: hidden;
    height: 0;
  }

  #colFormLogin {
    padding: 0;
  }

  .userHomeInfo {
    font-size: 20px;
  }
}

.filterBox {
  border-radius: 3em;
  border-left: 0.3rem solid #FFAF12 !important;
  border-right: 0.1rem solid #FFAF12 !important;
  border-bottom: 0.3rem solid #FFAF12 !important;
  padding-left: 0.9em;
  padding-right: 0.9em;
  margin-bottom: 0.9em;
}

.filterBoxTitolo {
  font-size: 1.1em;
  font-family: 'Montserrat Alternates', sans-serif;
}

.inputTime {
  padding-right: 1.5em !important;
}

.border-top-radius-warning {
  border-top: 0.25rem solid #ffaf12 !important;
  border-radius: 3em;
}

.ui-widget-content {
  border: 0 !important;
}

.fc-unthemed, .fc-list-item td {
  border-radius: 0 !important;
  cursor: pointer !important;
}

.fc-list-table td {
  cursor: pointer !important;
}

#volume-visualizer {
  --volume: 0%;
  position: relative;
  width: 150px;
  height: 20px;
  margin-top: -40px;
  background-color: #DDD;
  margin-left: 10px;
}

#volume-visualizer::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--volume);
  background-color: green;
  transition: width 100ms linear;
}

.pt-11 {
  padding-top: 6rem !important;
}

td.fc-widget-content {
  padding-left: 0em !important;
}

.h60vh {
  height:60vh;
}

#noteTextOld {
  border-radius: 0px !important;
  justify-content: space-between !important;
}


.fc-unthemed .fc-popover .fc-header {
    background: #66615b !important;
}

.fc-close {
  color: #fff !important;
}

.iconClick {
  padding-top:3px !important;
  padding-right: 4px !important;
  padding-left: 2px !important;
}
.menuPaziente {
  border-radius: 3em !important;
  width: 85%;
  text-align-last: center;
}

.fa-folder-minus:hover:before {
  content: "\f07c";
}

#filtriTable{
  margin-top: -10px !important;
}

.fc-list-item {
  border-radius: 3em;
}

.fc-list-item:hover td {
  background-color:transparent !important;
}

.bottom-left {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1rem;
}

#detailEventoSett {
  text-align: center;
  padding-top:8px;
  width:80%;
  line-height: 1.2;
}

.fc-mon, .fc-sun {
  border-radius: 0 !important;
}

.forIconRender {
  float:left !important;
  color:#fff !important;
}

.iconeFeedback {
  float:right !important;
  color:#fff !important;
}

.filtroRicerca {
  height: 40x !important;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
}

.fc-list-item-time {
  width: 20% !important;
}

.fc-list-item-marker {
  padding-right: 0.3em !important;
}

.v-align-top {
  vertical-align: top;
} 


.justFlex {
  justify-content: space-between !important;
}

.fc-past {
  background-color: #F5F5F5;
}

.campiObbligatori {
  border-left: 0.25rem solid #FFAF12 !important;
}

.badge-notifiche {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px 5px;
  border-radius: 50%;
  background: red;
  color: white;
}

.openVideo, .openMsg, .openSharing, .openReferti, .openDashboardT1, .openDashboardHigo, .openMetaverseRoomFrame {
  height: 88vh !important;
  width: 100% !important;
  border-radius: 1em;
}

.openVideo {
  z-index: 100;
  height: 84vh !important;
}

.overlayCall {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3);
  z-index: 2;
  cursor: pointer;
}

.spinnerCall {  /* copia di <i class="fa-solid fa-circle-notch"></i> */
  position: fixed;
  left: 45%;
  top: 45%;
  z-index: 5;
  color: #FFAF12 !important;
  font-size: 4em;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.spinnerCall:before{
  content:"\f1ce"
}
@-webkit-keyframes rotation {
  from {
     -webkit-transform: rotate(0deg);
 }
  to {
     -webkit-transform: rotate(359deg);
 }
}
@-moz-keyframes rotation {
  from {
     -moz-transform: rotate(0deg);
 }
  to {
     -moz-transform: rotate(359deg);
 }
}
@-o-keyframes rotation {
  from {
     -o-transform: rotate(0deg);
 }
  to {
     -o-transform: rotate(359deg);
 }
}
@keyframes rotation {
  from {
     transform: rotate(0deg);
 }
  to {
     transform: rotate(359deg);
 }
}

#backIcon {
  color: #212529 !important; 
  padding-left: 0.8rem !important; 
  padding-top: 0.5rem !important;
}

#spinnerIcon {
  color: #212529 !important; 
  margin-left: 13px !important; 
  margin-top: 6px !important; 
}

#imgGoVideoCall {
  cursor: pointer !important;
}

#dettaglioTelevisita {
  color:#5159a3 !important;
}

#imgGoCall {
  border-radius:0.75rem !important;
}

#cardTvCont {
  display: flex !important;
  justify-content: space-between !important;
}

#firstCard {
  float:left !important;
  font-size: 18px !important;
}

#secondCard {
  font-size: 18px !important;
  margin-left:5px !important;
}

#iconTipoTv {
  color:#f85e1c !important;
  font-size:42px !important;
}

#partecipantiText {
  margin-left: -0.7rem !important;
}

#myProfile {
  display: inline-block !important;
}

#backIconFrame {
  color: #212529 !important;
  padding-left: 0.8rem !important;
  padding-top: 0.5rem !important;
}

#spinnerIconFrame {
  color: #212529 !important; 
  margin-left: 13px !important;
  margin-top: 2px !important;
}

#iconBackFromVideo {
  color: #212529 !important;
  padding-left: 0.8rem !important;
  padding-top: 0.5rem !important;
}

#chatTitle {
  color:#5159a3 !important;
}

#docTitle {
  color:#5159a3 !important;
}

#docFrame {
  background-color: #fff !important;
}

.btnPositionFixed {
  position: fixed !important;
  bottom: 0 !important;
}

#videoIcon {
  color:#371757 !important;
}

#chatIcon {
  color:#371757 !important;
}

#docIcon {
  color:#371757 !important;
}



#containerBtnTvMobile {
  overflow-x:hidden !important;
}

.fileNameNotLand {
  background-color:#f8f9fa!important; 
  float:left; 
  margin-top: 4px; 
  border-radius: 1rem; 
  text-align:left; 
}


.documentiEcollaboration {
  cursor: pointer !important;
}

.weekDays-selector input {
  display: none!important;
}

.weekDays-selector input[type=checkbox] + label {
  display: inline-block;
  border-radius: 50%;
  background: #f1f3f4;
  height: 35px;
  width: 35px;
  margin-right: 3px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
}

.weekDays-selector input[type=checkbox]:checked + label {
  background: #2e59d9;
  color: #ffffff;
}

#videoPreview {
  height: 100% !important;
}

.noClick {
  pointer-events: none !important;
}

.ui-state-active, .ui-state-active:hover {
  border: 0 !important;
  background: transparent !important;
  font-weight: bold !important;
}

#headerBtnMobile {
  display: flex; 
  justify-content: space-between;
}

#backIconTv, #backIconTvFromEvent, #backIconOmnia {
  color: #212529; 
  padding-left: 0.8rem; 
  padding-top: 0.5rem;
}

#spinnerIconTv, #spinnerIconTvFromEvent {
  color: #212529; 
  margin-left: 13px; 
  margin-top: 6px;
}

#backIconTvInfo, #backIconTvFilter {
  color: #212529; 
  padding-left: 1rem; 
  padding-top: 0.5rem;
}

#spinnerIconTvInfo {
  color: #212529; 
  margin-left: 13px; 
  margin-top: 6px;
}

#titleMobileTv, #pdtaTitleMobile, #filtroTitleTv, #titleFeedbackOmnia {
  color:#5159a3; 
  font-size: 1.75rem;
}

#containerBtnTv {
  display: flex; 
  justify-content: space-between;
}

#prossimeText {
  color: #ffffff;
}

#passateText {
  color: #371757;
}

.iconForTvMobile {
  color:#f85e1c; 
  font-size: 1.4rem;
}

#spanTitleTv {
  color: black;
}

#orarioText {
  color: #6c757d;
}

#cardDate {
  line-height: 1rem;
}

.textCardDate {
  font-size: 25px !important;
}

#iconCalMobile {
  padding-right:49px; 
  margin-top: 0.5rem; 
  margin-bottom: 1rem;
}

#arrowTv {
  padding-right:35px;
}

.bg-none {
  background-color:none;
}

.h-10px {
  height: 10px !important;
}

#nessunaTelevisita {
  text-align:center;
}

.nessunaTvIcon {
  color: #f85e1c; 
  font-size: 2.5rem; 
  padding-top:100px;
}

#textNessunaTelevisita {
  padding-top:20px;
}

#storicoMobileContainer {
  height: 75vh;
  overflow-y:auto; 
  overflow-x: hidden; 
  padding-top:20px;
}

#goToTelevisitaPast {
  line-height: 1rem;
}

.divDateStorico {
  font-size: 22px;
}

.whiteColor {
  color: #ffffff;
  font-size: 25px !important;
}

.blackColor {
  color: #000000;
}

#titoloContainerAgenda {
  margin-top:10px !important; 
  margin-left: 20px !important;
}

#orarioTextStorico {
  color: #6c757d;
}

.w-98 {
  width: 98% !important;
}

.r-2 {
  margin-right: 1.5rem !important;
}

.rate {
  float: right;
  margin-right: 0.8em;
}
.rate:not(:checked) > input {
  position:absolute;
  top:-9999px;
}
.rate:not(:checked) > label {
  float:right;
  width:1.2em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:23px;
  color:#ccc;
}
.rate:not(:checked) > label:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900; 
  content: '\f005';
}
.rate > input:checked ~ label {
  color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}


#selectNotifiche_0, #selectNotifiche_3, #selectNotifiche_5, #selectNotifiche_8,
#selectNotifiche_1_CF, #selectNotifiche_3_CF, #selectNotifiche_5_CF, #selectNotifiche_8_CF,
#selectNotifiche_2_storico, #selectNotifiche_4_storico, #selectNotifiche_7_storico,
#selectNotifiche_1_storicoCF, #selectNotifiche_2_storicoCF, #selectNotifiche_4_storicoCF, #selectNotifiche_7_storicoCF
{
  display: none !important;
}

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

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{
  top: 0 !important;
  left: none !important;
  margin-top: none !important;
  display: block !important;
  color: none !important;
  border: none !important;
  border-radius: none !important;
  box-shadow: none !important;
  text-indent: 0 !important;
  line-height: 0 !important;
  content: none!important;
  background-color: none !important;
}

#tabellaNotificheLive {
  width: 100% !important;
}

.overflowNote {
  max-height: 60vh;
  overflow-y: auto;
}

.containerNotifichenew {
  width:95%; 
  margin:auto;
}

.btnSwitchNotifica {
  height: fit-content;
}

#infoModal, #modalModifica, #modalChiamate, #modaleDiary, #modalePaziente {
  height:120vh;
}

#correctData {
  display:none;
}

.openFrameDiarioNotifiche {
  height: 600px !important;
}

.openFrameRepositoryNotifiche {
  height: 565px !important;
}

.modaleNoScroll {
  overflow-y: none !important;
}

/*#tabellaNotificheLive_info {
  display: none;
}*/

.radioNotifiche {
  width: 20px !important;
  cursor: pointer !important;
}

.radioNotifiche:active, .radioNotifiche:focus {
  box-shadow: none !important;
  background-color: none !important;
  top: 0 !important;
}

.radioRow {
  padding-left: 20% !important;
}

.h-30-overflow {
  height: 30em;
  overflow-y: auto !important;
}

.h-25-overflow {
  height: 25em;
  overflow-y: auto !important;
}

/* Multiple Steps Form */
/*
.multi-step-form-container {
  margin-top: 5rem;
}
*/

.form-step {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 1rem 2rem 2rem 2rem;
  box-shadow: 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12), 0 11px 15px -7px rgba(0,0,0,.2);
}

ul.form-stepper {
  counter-reset: section;
}
ul.form-stepper .form-stepper-circle {
  position: relative;
}
ul.form-stepper .form-stepper-circle span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.form-stepper-horizontal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
ul.form-stepper > li:not(:last-of-type) {
  margin-bottom: 0.625rem;
  -webkit-transition: margin-bottom 0.4s;
  -o-transition: margin-bottom 0.4s;
  transition: margin-bottom 0.4s;
}
.form-stepper-horizontal > li:not(:last-of-type) {
  margin-bottom: 0 !important;
}
.form-stepper-horizontal li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.form-stepper-horizontal li:not(:last-child):after {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  content: "";
  top: 32%;
}
.form-stepper-horizontal li:after {
  background-color: #dee2e6;
}
.form-stepper-horizontal li.form-stepper-completed:after {
  background-color: #4da3ff;
}
.form-stepper-horizontal li:last-child {
  flex: unset;
}
ul.form-stepper li a .form-stepper-circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0;
  line-height: 1.7rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 50%;
}
.form-stepper .form-stepper-active .form-stepper-circle {
  background-color: #ffaf12 !important;
  color: #fff;
}
.form-stepper .form-stepper-active .label {
  color: #ffaf12 !important;
}
.form-stepper .form-stepper-active .form-stepper-circle:hover {
  background-color: #ffaf12 !important;
  color: #fff !important;
}
.form-stepper .form-stepper-unfinished .form-stepper-circle {
  background-color: #f8f7ff;
}
.form-stepper .form-stepper-completed .form-stepper-circle {
  background-color: #2e59d9 !important;
  color: #fff;
}
.form-stepper .form-stepper-completed .label {
  color: #2e59d9 !important;
}
.form-stepper .form-stepper-completed .form-stepper-circle:hover {
  background-color: #2e59d9 !important;
  color: #fff !important;
}
.form-stepper .form-stepper-active span.text-muted {
  color: #fff !important;
}
.form-stepper .form-stepper-completed span.text-muted {
  color: #fff !important;
}
.form-stepper .label {
  font-size: 1rem;
  margin-top: 0.5rem;
}
.form-stepper a {
  cursor: default;
}

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

.selezionaDataGiorno {
  width:fit-content;
}

.tableRows {
  background-color: red;
}

.slotToDoList {
  display: flex;
  min-width: 130px;
  justify-content: start;
}

.noteAddToDoList {
  height: 60px; 
  overflow: hidden; 
  text-align: left;
}

.f-13{
  font-size: 13px;
}

.pt3-5{
  padding-top: 3.5rem !important;
}

.spanNoEventi {
  font-size:30px;
}

#modalChiamateContent {
  border-radius:10px; 
  height: fit-content;
}

#titleModalChiamate {
  justify-content:center;
}

#pazToCall {
  font-size: 30px;
}

.modalChiamateHeight {
  height: 100% !important;
}

.numberCircle {
  display: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background:red;
  font-size: 15px;
  text-align:center;
  position: relative;
  color:white;
  left:30px;
  bottom:55px;
  padding:3px;
}

.numberCircleMob {
  display: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background:red;
  font-size: 15px;
  text-align:center;
  position: relative;
  color:white;
  left:25px;
  bottom:60px;
  padding:3px;
}

#frameToOpen {
  height: 73vh !important;
}

.zoom8 {
  zoom: 0.8;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
	color: black;
	text-decoration: underline;
}

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

.dayApp {
  border: 1px solid transparent !important;
  border-radius: 1rem !important;
  cursor: pointer !important;
  display: grid !important;
  height: 80px !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  border-color: #371757 !important;
}

.dayApp:focus {
  border: 1px solid transparent !important;
  border-radius: 1rem !important;
  cursor: pointer !important;
  display: grid !important;
  height: 80px !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
  box-shadow: none !important;
  border-color: #371757 !important;
  background-color: #fff !important;
  transform: none !important;
}

.dayApp:hover {
  border-radius: none !important;
  border-left: 1px solid #371757 !important;
}

.dayApp:disabled {
  border-radius: none !important;
}

.dayAppActive {
  border: 1px solid transparent;
  border-radius: 1rem;
  cursor: pointer;
  display: grid;
  height: 80px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 15px;
  padding-right: 15px;
  border-color: #371757;
  background-color: #efe5f8;
  width: 100%;
}

.dayOnNumber {
  font-size: 18px;
  font-weight: 300;
  margin: auto auto 0;
  color: #000;
}

.num {
  font-size: 23px;
  font-weight: 500;
  margin-top: 0;
  color: #000;
}

.cstmPadding {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.numActive {
  margin-right: 0.75em !important;
}

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

.borderNone2{
  border-top: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
}

.borderMobile {
  border: 1px solid #f85e1c !important;
  display:block !important;
  box-shadow: 13px 7px 20px 0px #80808026 !important;
}

.fakeTrMobile {
  display:block !important;
  margin-top:10px !important;
}

#calendarListMobile {
  overflow-y: auto;
}

.size-1_8{
  font-size: 1.80rem;
}

.line0 {
  line-height: 5px;
}

.line10 {
  line-height: 10px;
}

.iconPdtaMobile {
  font-size: 2.5em;
  padding-top: 2.5rem !important;
  color: #f85e1c !important;
}

.shadowPdta {
  box-shadow: 13px 7px 20px 0px #80808026 !important;
}

.colorBlack {
  color: #000000;
}

.borderMobilePDTA {
  border: 1px solid rgb(81, 89, 163);
  border-radius: 1rem;
}

.borderPDTATrattamento {
  border: 1px solid #f85e1c;
  border-radius: 1rem;
}

.w-99 {
  width: 99% !important;
}

#inviaFeedback, #cercaFiltroMobile {
  border: 1px solid #371757;
  border-radius: 1rem;
}

.inviaFeedbackText {
  color: #371757;
}

#inviaFeedback:hover, #cercaFiltroMobile:hover {
  background-color: #371757;
  color: #fff;
}

.inviaFeedbackText:hover {
  color: #fff;
}

#pdtaSubContainer {
  height:75vh;
  /*overflow-y: auto;*/
}

#selectTipoEventoMobile {
  background-color: #fff;
  background-position: 98%;
  background-repeat: no-repeat;
  border-left: none;
  border-right: none;
  border-top: none;
  cursor: pointer;
  font-size: 15px;
  border-radius: 0px !important;
}

.blackText {
  color: black;
  font-size: 1.2rem;
}

.blackTextSub {
  color: black;
  font-size: 1rem;
}

#dataFiltroInizioMobile, #dataFiltroFineMobile {
  background-color: #fff;
  border: 1px solid #fa9366;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.135rem 0.35rem rgb(0 0 0 / 18%);
  box-shadow: 0 0.135rem 0.35rem rgb(0 0 0 / 18%);
  cursor: pointer;
  outline-color: #f85e1c;
  width: 100%;
  border-radius: 0.5rem !important;
}

.modal_custom_omnia_mobile {
  display: none;
  position: fixed;
  z-index: 5;
  margin:auto;
  left: 0;
  top: 0;
  width: 100%;
  overflow: auto;
}

.modal-content_customOmnia {
  background-color: #fff;
  margin-top: 0;
  padding: 2em !important;
  border-radius: none !important;
}

#omniaDivMobile {
  margin-top: 80px !important;
}

#iFrameOmniaMobile {
  margin-left: -20px;
}

.blink {
  animation:2s blinker linear infinite;
  -webkit-animation:2s blinker linear infinite;
  -moz-animation:2s blinker linear infinite;
  color: red;
}
@-moz-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

#tipoDocumentoSelect, #estensioneDocumentoSelect {
  height: 3em !important;
}

.text-sec {
  color: #f85e1c;
}

.isWhite {
  color: #fff !important;
  cursor: default !important;
}

.text-black {
  color: #000 !important;
}

#selectDocumentale_1, #selectDocumentale_5, #selectDocumentale_6, #selectDocumentale_7, 
#selectDocumentale_8, #selectDocumentale_9,#selectDocumentale_10, #selectDocumentale_11, #selectDocumentale_12 {
  display: none !important;
}

#searchPaziente_0, #searchPaziente_1, #searchPaziente_2, #searchPaziente_3, #searchPaziente_4, 
#searchPaziente_5, #searchPaziente_7, #searchPaziente_8, #searchPaziente_9,#searchPaziente_10, #searchPaziente_11, #searchPaziente_12 {
  display: none !important;
}

.inputOnTableDoc  {
  background-color: white !important;
  color: black !important;
  border-top: 1px solid #e3e6f0 !important;
  border-left: 1px solid #e3e6f0 !important;
  border-bottom: 1px solid #e3e6f0 !important;
  border-right: 1px solid #e3e6f0 !important;
  padding: 0.5rem !important;
  box-shadow: none !important;
  font-size:14px !important;
}

.customDocDrop {
  font-size: 15px !important;
}

.multiDocument {
  display: inline-block;
  border-radius: 50%;
  background: #f1f3f4;
  height: 15px;
  width: 15px;
  margin-right: 3px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
}

.multiDocument:checked {
  background: #2e59d9;
  color: #ffffff;
}

.goFilterDocClass {
  font-size: 3.5rem !important;
}

#tableDocumenti {
  font-size: 15px !important;
}

.dropdownGroupsDoc {
  width: 250px !important;
}

.dropdownCheckBox {
  max-height: 130px !important;
}


.br-1 {
  border-radius: 1rem !important;
}

.button_a {
  padding: 10px 24px !important;
}

.overflow-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.allarmi-section {
  color: #656565;
  font-size: 16px;
  float: left;
  width: 100%;
  text-align: center;
  padding: 1rem 0;
  border-top: 3px solid #94d9ed;
  border-bottom: 3px solid #94d9ed;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bg-light-hover:hover, .bg-light-active {
  background-color: #d4daed !important;
  cursor: pointer;
}

.border-3 {
  border: 3px solid !important;
}

.alert-notification-detail {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 2px solid;
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.text-sessioni {
  font-size: 0.8rem;
}

.ecg-radius {
  border-radius: 30px !important;
}

.fullscreen::-webkit-scrollbar {
  width: 3px;
}

.fullscreen{
  z-index: 2147483647;
  width: 100%;
  background:white;
  position: fixed;
  left: 0;
  right: 0;
  top: 5%;
  border-radius: 20px;
  border: 5px solid #e6e6e6;
  box-shadow: 0 70px 40px -20px rgba(0, 0, 0, 0.2);
  resize: both;
  overflow: auto;
  scrollbar-width: 0px;
}

.modalPazApply {
  width: 95% !important;
}

.updateAnagrafica {
  zoom: 0.8 !important;
}

.iFrameFullHeight {
  height: 100% !important;
}

.iFrameFullHeightRef {
  height: 490px !important;
}

#infoDelete {
  margin-top: -27px !important; 
  font-size: 0.875rem;
}

.configDropdown {
  height: 400px;
  overflow-y: scroll;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}

.configDropdown::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}

.fc-day-grid-container {
  overflow: hidden !important;
}

#corpoSensoreUmana {
  height: 390px !important;
}

.tooltip2 {
  position: relative;
  display: inline-block;
}

.tooltip2 .tooltiptext2 {
  visibility: hidden;
  width: 260px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -130px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip2 .tooltiptext2::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip2:hover .tooltiptext2 {
  visibility: visible;
  opacity: 1;
}

.fs-14 {
  font-size: 14px;
}

#tableDocumenti_info {
  display: none !important;
}

.note-btn {
  color: #000!important;
}

.closeModalPP {
  position: fixed;
  left: 1em;
  top: 1em;
  background: #ffffff;
  padding: 1em 1em 0em 1em;
  border-top-left-radius: 3em;
  border-top-right-radius: 3em;
}

.iFrameFullHeight {
  border-bottom-left-radius: 2em;
  border-bottom-right-radius: 2em;
  border-top-right-radius: 2em;
}


#eventiSettContainer {
  bottom: 5px;
  position: absolute;
  height: 35vh;
  overflow-y: auto;
}

#filtriEventi {
  max-height: 28vh;
  overflow-y: auto;
}

#closeAddPazientePiano, #closemodificaPianoUtente {
  margin: 1em;
  position: absolute;
  z-index: 10;
}

#titlemModificaPianoUtente {
  margin-left: 2em;
}

.pdta-element {
  padding: 1em 0em 0em 0em;
}

.height-custom {
  height:99vh !important
}

.modale-empowerment {
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
}

#clockdiv {
  font-family: "Roboto", sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 1rem;
}
#clockdiv > div {
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  background: #003399 ;
  display: inline-block;
}
#clockdiv div > span {
  border-radius: 5px;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
}
.smalltext {
  font-weight: 100;
  font-size: 1rem;
}
.text-underline {
  text-decoration: underline;
}
.emule-disabled-button {
  background: #b5b5b5 !important;
  color: #fff !important;
  opacity: 0.65 !important;
}
.row-checklist{
  margin-top: 30px !important;
}
.row-header-checklist{
  box-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
  border-radius: 3em;
  margin-top: 1px !important;
  background-color: #ffffff;
  margin-bottom: 1px !important;
}
.header-checklist{
  position:fixed;
  top:568px;
  left:0px;
  height:33px;
  right:0px;
  z-index:100;
  overflow:hidden;
  padding-right: 5.5rem;
  padding-left: 5.5rem;
}