/* Empty. Add your own CSS if you like */

/* custom main form */

.mainform input[type="number"] {
  border: 2px solid #ccc;
  text-align: center;
  font-size: 1.4em;
}.mainform input[type="text"] {  border: 2px solid #ccc;  text-align: center;  font-size: 1.4em;}


/* HELP BLOCK */

.has-error {
  color: red;
  font-weight: bold
}


.bg-darker {
  background-color: #333333 !important;
}

.bg-dark {
  background-color: #636469 !important;
}



/* BACKGROUND AND TEXT COLOR VECCHIO IONIC APP sono statti soppressi diversi stili */
.bg-white {
  background-color: #ffffff !important;
}

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

.bg-stable {
  background-color: #dddddd !important;
}

.bg-positive {
  background-color: #1062ae !important;
}

.bg-calm {
  background-color: #20d48e !important;
}

.bg-balanced {
  background-color: #00b06c !important;
}

.bg-energized {
  background-color: #ff6600 !important;
}

.bg-assertive {
  background-color: #e2548d !important;
}

.bg-royal {
  background-color: #7740a2 !important;
}

.bg-dark {
  background-color: #636469 !important;
}

.bg-darker {
  background-color: #333333 !important;
}

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

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

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

.text-stable {
  color: #dddddd !important;
}

.text-positive {
  color: #1062ae !important;
}

.text-calm {
  color: #20d48e !important;
}

.text-balanced {
  color: #00b06c !important;
}

.text-energized {
  color: #ff6600 !important;
}

.text-assertive {
  color: #e2548d !important;
}

.text-royal {
  color: #7740a2 !important;
}

.text-dark {
  color: #636469 !important;
}

.text-darker {
  color: #333333 !important;
}

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

/* //BACKGROUND AND TEXT COLOR */
.pane {
  background-color: #f5f5f5;
}

* {
  font-family: 'Source Sans Pro', sans-serif;
}

a, a:hover {
  text-decoration: none;
  color: inherit;
}

p {
  line-height: 24px;
}

.scroll {
  height: 100%;
}

.back-text {
  display: none !important;
}

/* HEADER BAR */
.bar {
  border: 0px !important;
  border: 0px !important;
  border-bottom-color: transparent !important;
  background-image: none !important;
  border-bottom: none !important;
}

  .bar .title {
    color: #f5f5f5;
  }

/* //HEADER BAR */
/* BUTTONS */
.button {
  border-radius: 0px;
  border-width: 0px;
  font-size: 14px;
  line-height: 35px;
  margin: 0;
  min-height: 37px;
  min-width: 42px;
  padding: 0 16px;
  font-weight: 600;
}

  .button.button-outline {
    border-width: 1px;
  }

  .button.button-round {
    border-radius: 21px;
  }

  .button .icon {
    color: #f5f5f5;
  }

/* //BUTTONS */
/* LISTS AND FORMS */
.list-inset, .item-complex .item-content, .item-radio .item-content, .item {
  background-color: transparent;
  border: 0px;
}

.input-transparent {
  background-color: rgba(0, 0, 0, 0.5);
  border: 0px;
}

  .input-transparent input {
    color: #f5f5f5;
  }

/* //LISTS AND FORMS */
/* OWL CAROUSEL */
.owl-prev, .owl-next {
  background-color: #f5f5f5 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  font-size: 21px !important;
  position: absolute !important;
  top: 10px !important;
}

.owl-prev {
  left: 10px !important;
}

.owl-next {
  right: 10px !important;
}

/* //OWL CAROUSEL */
/* ELEMENTS */
.toggle .track {
  width: 41px;
  height: 21px;
  border: solid 1px #dddddd;
  border-radius: 20px;
}

.toggle .handle {
  width: 17px;
  height: 17px;
  border-radius: 27px;
  top: 7px;
  left: 7px;
}

.toggle input:checked + .track {
  background-color: transparent !important;
}

.checkbox input:before, .checkbox-icon:before {
  width: 50%;
  height: 50%;
  margin-top: 7px;
}

/* BLOG */
.blogPost img {
  max-width: 100%;
}

/* ANIMATIONS */
.animation-show-hide {
  transition: all linear 0.3s;
}

  .animation-show-hide.ng-hide {
    opacity: 0;
  }

.screeprint {
  width: 50% ;margin: auto;
}

#toppagina  {
  text-align:center;
}

/*@media print {
  .screeprint canvas {
    position: relative;
    left: -50%
  }
}*/

@media print {
  .screeprint {
    width: 100%
  }
}