.main-app-image {
  border-radius: 10px !important;
}





.box:hover {
  animation-name: rotate !important;
  animation-duration: 0.7s !important;
  animation-iteration-count: 10 !important;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.panel-form-pgroup {
      background-color: rgb(126,203,183) !important;
}


#header-container.navbar.navbar-default.navbar-fixed-top {
   background-color: #80d3af !important;
   background: #80d3af;
}
.panel-heading.form-caption {
   background-color: #78a3eb7d !important;
   background: #78a3eb7d;
}
.panel-heading.frame-toolbar-box {
   background-color: azure !important;
   background: azure;
}
.navbar-brand {
color: #fff !important;

}
.panel-heading.has-pointer {
background-image: linear-gradient(to bottom,#efafaf 0,#e8e8e8 100%) !important;
}
.bordotondo1 {
  border-radius: 20px;
}
.bordotondo {
  border-radius: 20px;
  box-shadow: 0 0 20px 0 rgba(0,0,0, .5);
}

.testoprezzo {
  border-radius: 20px;
  box-shadow: 0 0 20px 0 rgba(0,0,0, .5);
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue !important;
}


.ombra {
  border-radius: 4px;
  box-shadow: 0 0 20px 0 rgba(0,0,0, .5);
}

.ombrafoto {
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0,0,0, .3);
}

.navbar-toggle {
    float: left;
}

.cornice {
box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.ombrainterna {
box-shadow: rgba(20, 20, 40, 0.15) 0px 15px 30px -6px inset, rgba(0, 0, 0, 0.3) 0px 9px 18px -9px inset;
}
.ombrainterna1 {
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.ombragruppo {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.trasparenza {
color: #000;
opacity: 0;
}
.trasparenza1 {
color:#000 !important;
opacity:0 !important;
}