
/* results /////////////////////////// */


/* results col */
#pageColListaRezultate {
    font-size: 1rem;
    width: 90vw;
    display: none;
  
  }
  
  #searchingAnimation {
    display: none;
    width: 60vw;
    height: 0.08em;
    margin:  1rem 0.1rem 0.1rem 0.3rem;
    background: #1f1f1f;
    animation: loading 0.4s infinite;
  }
  
  
  .loading span:nth-of-type(1) {
    background: #4f4f4f5c;
    animation-delay:0.01s;
    width: 10vw;
    
  }
  .loading span:nth-of-type(2) {
    background: #5f5f5fac;
    animation-delay: 0.01s;
    width: 20vw;
  }
  .loading span:nth-of-type(3) {
    background: #6d6d6def;
    animation-delay: 0.01s;
    width: 30vw;
  }
  .loading span:nth-of-type(4) {
    background: #838383ef;
    animation-delay:0.01s;
    width: 40vw;
  }
  .loading span:nth-of-type(5) {
    background: #ffffff;
    animation-delay: 0.01s;
    width: 50vw;
  }
  .loading span:nth-of-type(6) {
    background: #ffffff;
    animation-delay: 0.01s;
    width: 100vw;
  }
  
  @keyframes loading {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 100;
    }
  }
  


/* one row of results */
.tOnlineElements {
    color: #000000;
    padding: 0.1rem,0.1rem,0.1rem,0.1rem;
    
}
  

/* headlines */

/* [data-tonlinenumheadingstotal]{
    order:100;
    font-size: 1rem;
    cursor: pointer;
    color: #0300a5;
    margin-bottom: 3rem;
    display: none;
    
} */



/* the headline block */
.headlines {
    order:11;
    width: 100%;
    margin:  0.5rem 0.1rem 3.5rem 0.1rem;
   
}



.headlines::after {
  content: attr(data-tonlinenumheadingsheadlinesrow) ' headlines  (...) ' ;
  cursor: pointer;
  color: #0300a5;
}



.headlines::before {
  
}



/* the per each headline */
.headings {
 
  display: list-item;
  font-size: 1rem;
  line-height: 1.3rem;
  margin: 0.1rem 0.1rem 0.1rem 1rem;
  color: #000000;
  cursor: pointer;
  width: 65%;
    
}

.headings:last-of-type  {
  margin-bottom: 1rem;
}

.headings:link:after {
    color: #0300a5;
    content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);
}





/* one property elements */
[data-toproperty] {
   display: block;
   width: auto;
   font-size: 1rem;
   
}

[data-toproperty]::before {
    /* content: attr(data-toproperty) ": "; */
    content: none;
    color: #808080;
}

[data-toproperty]::after {
    content: none;
    color: #808080;
  
}





/* the per each headline */
.titledOnlineID {
    margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    cursor: pointer;
    
}
.titledOnlineID:link:after {
    
}
.titledOnlineID:link:before {
    
}

    
/* titles time */
[data-toproperty="time"] {
    order:5;
    cursor: default;
    }

    [data-toproperty="time"]::before {
      content: 'Headlines : ';
    }

    [data-toproperty="time"]::after {
      content: ':';
    }

    [data-toproperty="time"]:hover {
      color: #000000;
    }

   





/* titles author */
    [data-toproperty="HCA"] {
    /* order:2; */
    font-size: 0.9rem;
    display: block;
    }

    [data-toproperty="HCA"]:hover {
   
    }

    [data-toproperty="HCA"]::before {
   
   
    }

    [data-toproperty="HCA"]::after {
    
   
    }




/* titles title */
[data-toproperty="title"] {

    order: 4;
    display: block;
   
    width: 100%;
    line-height: 1.7rem;
    font-size: 1.6rem;
    color: #0300a5;
  

    }


    [data-toproperty="title"]:hover {
    cursor: pointer;
   
    }

    [data-toproperty="title"]::before {
    content: none;
   
    }






/* titles titledOnlineID */
[data-toproperty="titledOnlineID"] {
    order: 3;
    color: #0300a5;
    cursor: pointer;
   
}

    [data-toproperty="titledOnlineID"]::before {
       
        cursor: pointer;
        color: #0300a5;
        content: "#";
        cursor: default;

    }
    [data-toproperty="titledOnlineID"]::after {
        content: " a content network...";
        color: #000000;
        cursor: default;
       /*  width: 100%; */
    }





/* titles URL */
    [data-toproperty="URL"] {
    order:5;
    display: block;

    }


        [data-toproperty="URL"]::before {
        content: none;
        
        }

        [data-toproperty="URL"]:hover {
        cursor: default;
        color: #000000;
        }






 /*SEARCH RESULT IMPROVE */
/* the row scoring for testing purpose */
/* .row[data-scorerow]:before {
  content: attr(data-posrow);
  
}
.row[data-scorerow]:after {
  content: attr(data-scorerow);
  padding-left: 1%; 
  padding-right: 1%; 
}
.headings[data-scoreheadline]:before {
  content: attr(data-scoreheadline);
  padding-left: 1%; 
  padding-right: 1%; 
} */



/*the updates interface*/
#updates {
    display: none;
    /* height: 1.4rem; */
    font-size: 1.4rem;
    margin: 0.0rem 0.1rem 0.0rem 0.1rem;
    color: #0300a5;
  }
  
  /*the updates interface*/
  #updatesdate {
    cursor: default;
    display: none;
    /* height: 1.8rem; */
    font-size: 1rem;
  
    color: #868686;
  }
  
  /* #updatesdate::before {
    content: " in the -  ";
  } */
  
  /* number of headlines show */
  .headlineUpdates {
    
    content: attr(headlineproperty);
   
  }