html,body {
    font-family: "Open Sans", sans-serif;
}

.task_count {margin-left: .5rem; background: #FF0000; padding: .3rem .6rem; border-radius:50%;}
.pkp_navigation_user .menu-sub .task_count {padding: 0 .5rem;}
.invert {
    filter: invert(1);
}

.header { background-color: rgb(4,47,57); background: linear-gradient(180deg, rgba(4,47,57,1) 0%, rgba(10,117,143,1) 100%); }
#kt_toolbar {
    background: rgb(10,117,143);
    background: linear-gradient(90deg, rgba(10,117,143,1) 0%, rgba(4,47,57,1) 100%);
}
#kt_toolbar_container {
    background-image: url(../media/background/cerolas-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
}

@font-face {
  font-family: 'cerolas';
  src:  url('fonts/cerolas.eot?tbslro');
  src:  url('fonts/cerolas.eot?tbslro#iefix') format('embedded-opentype'),
    url('fonts/cerolas.ttf?tbslro') format('truetype'),
    url('fonts/cerolas.woff?tbslro') format('woff'),
    url('fonts/cerolas.svg?tbslro#cerolas') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="crls-"], [class*=" crls-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cerolas' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.crls-scopus:before {
  content: "\e903";
  color: #ff8200;
}
.crls-orcid .path1:before {
  content: "\e904";
  color: rgb(166, 206, 57);
}
.crls-orcid .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.crls-orcid .path3:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.crls-orcid .path4:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.crls-doi .path1:before {
  content: "\e900";
  color: rgb(252, 180, 37);
}
.crls-doi .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(35, 31, 32);
}
.crls-doi .path3:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.bg-shape-1{
    background-image: url(../media/svg/shapes/abstract-1.svg);
}
.bg-shape-2{
    background-image: url(../media/svg/shapes/abstract-2.svg);
}
.bg-shape-3{
    background-image: url(../media/svg/shapes/abstract-3.svg);
}
.bg-shape-4{
    background-image: url(../media/svg/shapes/abstract-4.svg);
}
.bg-shape-5{
    background-image: url(../media/svg/shapes/abstract-5.svg);
}
.bg-shape-8{
    background-image: url(../media/svg/shapes/abstract-8.svg);
}
.bg-wave-dark{
    background-image: url(../media/svg/shapes/wave-bg-dark.svg);
}

.bg-file-doc{
    background-image: url(../media/svg/files/doc.svg);
}


.bg-size-10 {background-size: 10% auto;}
.bg-size-20 {background-size: 20% auto;}
.bg-size-25 {background-size: 25% auto;}
.bg-size-30 {background-size: 30% auto;}
.bg-size-40 {background-size: 40% auto;}
.bg-size-50 {background-size: 50% auto;}
.bg-size-60 {background-size: 60% auto;}
.bg-size-70 {background-size: 70% auto;}
.bg-size-75 {background-size: 75% auto;}
.bg-size-80 {background-size: 80% auto;}
.bg-size-90 {background-size: 90% auto;}