@import url(https://fonts.googleapis.com/css?family=Indie+Flower);

.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

html {
    height:100%; /*senza questo il gradiente non si estende per bene in tutta la pagina*/
}

body {
	background: url('./img/altro_sfondo.gif') repeat fixed;

  	font-family: 'Open Sans Condensed', sans-serif;
}


.tooltip-inner {
    width: 300px;
	font-size: 16px;
}


#container_notlike, #container_like, #login, #notlike, #like, #usr_already_exist {
    display:none
}

#ribbon {
position: fixed;
top: 0;
right: 0;
z-index: 10; /* the z-index value set to 10 to (hopefully) ensure that the ribbon displays above all other content on the website. */
cursor: pointer;
}


#htlogo{
position: fixed;
top: 0;
left: 0;
z-index: 9;
cursor: pointer;
}

#htlogo:hover {
  -webkit-animation: ruotaLogo 0.6s;
}

@-webkit-keyframes ruotaLogo {
  from { -webkit-transform: rotate( 0deg ); }
  50% { -webkit-transform: rotate( 15deg ); }
  to   { -webkit-transform: rotate( 0deg ); }
}

.bottone_move {
    -webkit-transition: -webkit-transform 1s linear;
    -webkit-transform: translateX(50%);
}

#display_name{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.username_exist{
background: url(./img/err_36x36.png) no-repeat right 10px center;
}

.field_ok {
background: url(./img/ok_36x36.png) no-repeat right 10px center;
}

/* Rimuoviamo il comment pop up di facebook dopo il Like: */
/*
.fb-like{
overflow: hidden;
}
.fb-like span, .fb-like iframe { height:57px!important; width:450px!important}
*/


.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    display: none !important;
}

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}