.blue {
  color: #4164aa;
}

.red {
  color: #ff6b6b;
}

.yellow {
  color: #ffcb77;
}

.green {
  color: #17c3b2;
}

.white {
    color: white;

}


.borderborder {
  border: 2px solid #17c3b2;
}

.background-colorchange {
  animation: colorchange 100s;
  -webkit-animation: colorchange 100s;
  animation-iteration-count: infinite;

}

.border-colorchange {
  animation: colorchangeborder 100s;
  -webkit-animation: colorchangeborder 100s;
  animation-iteration-count: infinite;
}


.fill-colorchange {
  animation: colorchangefill 100s;
  -webkit-animation: colorchangefill 100s;
  animation-iteration-count: infinite;
}


.border-black {
	border: 3px solid black;
	border-bottom-width: 8px;
}

.border-blue {
	border: 3px solid #4164aa;
	border-bottom-width: 8px;
}

.border-red {
	border: 3px solid #ff6b6b;
	border-bottom-width: 8px;
}

.border-yellow {
	border: 3px solid #ffcb77;
	border-bottom-width: 8px;
}

.border-green {
	border: 3px solid #17c3b2;
	border-bottom-width: 8px;
}

.background-black {
  background-color: black;
  color: white;
}

.background-blue {
  background-color: #4164aa;
  color: white;
}

.background-red {
  background-color: #ff6b6b;
  color: black;
}

.background-yellow {
  background-color: #ffcb77;
  color: white;
}

.background-green {
  background-color: #17c3b2;
  color: white;
}

.background-grey {
  background-color: rgba(230, 230, 230, 0.15);
}

.border-black {
  border: 3px solid;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.display-none {
  display: none;
}

.display-inline {
  display: inline;
}

.float-right {
  float: right;
}

.align-right {
  text-align: end;
}

.divider {
  height: 50px;
}



@keyframes colorchange
{
  0%   {background: #17c3b2;}
  25%  {background: #4164aa;}
  50%  {background: #ff6b6b;}
  75%  {background: #ffcb77;}
  100% {background: #17c3b2;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
  0%   {background: #17c3b2;}
  25%  {background: #4164aa;}
  50%  {background: #ff6b6b;}
  75%  {background: #ffcb77;}
  100% {background: #17c3b2;}
}

@keyframes lightcolorchange
{
  0%   {background: #F7FEFD;}
  25%  {background: #F0F5FF;}
  50%  {background: #FCECEC;}
  75%  {background: #FFFBF3;}
  100% {background: #F7FEFD;}
}
@-webkit-keyframes lightcolorchange /* Safari and Chrome - necessary duplicate */
{
  0%   {background: #F7FEFD;}
  25%  {background: #F0F5FF;}
  50%  {background: #FCECEC;}
  75%  {background: #FFFBF3;}
  100% {background: #F7FEFD;}
}

@keyframes svgcolorchange
{
  0%   {fill: #17c3b2;}
  25%  {fill: #4164aa;}
  50%  {fill: #ff6b6b;}
  75%  {fill: #ffcb77;}
  100% {fill: #17c3b2;}
}

@-webkit-keyframes svgcolorchange /* Safari and Chrome - necessary duplicate */
{
  0%   {fill: #17c3b2;}
  25%  {fill: #4164aa;}
  50%  {fill: #ff6b6b;}
  75%  {fill: #ffcb77;}
  100% {fill: #17c3b2;}
}


@keyframes colorchangeborder
{
  0%   {box-shadow: 5px 5px #17c3b2; }
  25%  {box-shadow: 5px 5px #4164aa; }
  50%  {box-shadow: 5px 5px #ff6b6b; }
  75%  {box-shadow: 5px 5px #ffcb77; }
  100% {box-shadow: 5px 5px #17c3b2; }
}

@-webkit-keyframes colorchangeborder /* Safari and Chrome - necessary duplicate */
{
  0%   {box-shadow: 5px 5px #17c3b2; }
  25%  {box-shadow: 5px 5px #4164aa; }
  50%  {box-shadow: 5px 5px #ff6b6b; }
  75%  {box-shadow: 5px 5px #ffcb77; }
  100% {box-shadow: 5px 5px #17c3b2; }
}

@keyframes colorchangefill
{
  0%   {color: #17c3b2;}
  25%  {color: #4164aa;}
  50%  {color: #ff6b6b;}
  75%  {color: #ffcb77;}
  100% {color: #17c3b2;}
}

@-webkit-keyframes colorchangefill /* Safari and Chrome - necessary duplicate */
{
  0%   {color: #17c3b2;}
  25%  {color: #4164aa;}
  50%  {color: #ff6b6b;}
  75%  {color: #ffcb77;}
  100% {color: #17c3b2;}
}


#spin {
  animation: colorchange 100s;
  -webkit-animation: colorchange 100s;
  animation-iteration-count: infinite;
  overflow: hidden;
  font-weight: 600;
  padding: 0px 10px;
  color: white;
}

#spin:after {
  content:"in the whole continuum-of-care";
  animation: spin 10s ease-in infinite;
}

@keyframes spin {
  0% {content:"in the continuum-of-care";}
  25% {content:"by health professionals";}
  50% {content:"in clinics";}
  75% {content:"at home";}
  100% {content:"in the continuum-of-care";}
}

@-webkit-keyframes spin
{
  0% {content:"in the continuum-of-care";}
  25% {content:"by health professionals";}
  50% {content:"in clinics";}
  75% {content:"at home";}
  100% {content:"in the continuum-of-care";}
}

#spin-it {
  animation: colorchange 100s;
  -webkit-animation: colorchange 100s;
  animation-iteration-count: infinite;
  overflow: hidden;
  font-weight: 600;
  padding: 0px 10px;
  color: white;
}

#spin-it:after {
  content:"nell'intero continuum di cura";
  animation: spin-it 10s ease-in infinite;
}

@keyframes spin-it {
  0% {content:"nell'intero continuum di cura";}
  25% {content:"dagli operatori sanitari";}
  50% {content:"nelle cliniche ";}
  75% {content:"a casa ";}
  100% {content:"nell'intero continuum di cura";}
}

@-webkit-keyframes spin-it {
  0% {content:"nell'intero continuum di cura";}
  25% {content:"dagli operatori sanitari";}
  50% {content:"nelle cliniche ";}
  75% {content:"a casa ";}
  100% {content:"nell'intero continuum di cura";}
}

.avoid-break {
  -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(5deg); }
   95% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}