.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: -moz-linear-gradient(top,  rgba(178,225,255,0.46) 0%, rgba(178,225,255,0.62) 32%, rgba(102,182,252,0.79) 67%, rgba(102,182,252,0.91) 91%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,225,255,0.46)), color-stop(32%,rgba(178,225,255,0.62)), color-stop(67%,rgba(102,182,252,0.79)), color-stop(91%,rgba(102,182,252,0.91))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(178,225,255,0.46) 0%,rgba(178,225,255,0.62) 32%,rgba(102,182,252,0.79) 67%,rgba(102,182,252,0.91) 91%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(178,225,255,0.46) 0%,rgba(178,225,255,0.62) 32%,rgba(102,182,252,0.79) 67%,rgba(102,182,252,0.91) 91%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(178,225,255,0.46) 0%,rgba(178,225,255,0.62) 32%,rgba(102,182,252,0.79) 67%,rgba(102,182,252,0.91) 91%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(178,225,255,0.46) 0%,rgba(178,225,255,0.62) 32%,rgba(102,182,252,0.79) 67%,rgba(102,182,252,0.91) 91%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b2e1ff', endColorstr='#e866b6fc',GradientType=0 ); /* IE6-9 */
}

.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;
}