/* Module icons are managed in alyahub.css
*/
.icon {
  width: 30px;
  height: 30px;
  background-color: var(--alya-white);
}
.icon.small {
  width: 20px;
  height: 20px;
}
.icon.big {
  width: 50px;
  height: 50px;
}

.icon:hover {
  background-color: var(--alya-white-hover);
}

.icon.red {
  background-color: var(--alya-blue);
}

.icon-red:hover {
  background-color: var(--alya-blue-hover);
}

.icon.logout {
  -webkit-mask: url("../img/icons/logout.svg") no-repeat center;
  mask: url("../img/icons/logout.svg") no-repeat center;
}
.icon.profil {
  -webkit-mask: url("../img/icons/profil.svg") no-repeat center;
  mask: url("../img/icons/profil.svg") no-repeat center;
}
.icon.tel {
  -webkit-mask: url("../img/icons/annuaire.svg") no-repeat center;
  mask: url("../img/icons/annuaire.svg") no-repeat center;
}
.icon.documents {
  -webkit-mask: url("../img/icons/documents.svg") no-repeat center;
  mask: url("../img/icons/documents.svg") no-repeat center;
}
.icon.video {
  -webkit-mask: url("../img/icons/videos.svg") no-repeat center;
  mask: url("../img/icons/videos.svg") no-repeat center;
}
.icon.chat {
  -webkit-mask: url("../img/icons/chat.svg") no-repeat center;
  mask: url("../img/icons/chat.svg") no-repeat center;
}
.icon.covid {
  -webkit-mask: url("../img/icons/covid.svg") no-repeat center;
  mask: url("../img/icons/covid.svg") no-repeat center;
}
.icon.double {
  -webkit-mask: url("../img/icons/double.svg") no-repeat center;
  mask: url("../img/icons/double.svg") no-repeat center;
}
.icon.triple {
  -webkit-mask: url("../img/icons/triple.svg") no-repeat center;
  mask: url("../img/icons/triple.svg") no-repeat center;
}
.icon.dollar {
  -webkit-mask: url("../img/icons/dollar.svg") no-repeat center;
  mask: url("../img/icons/dollar.svg") no-repeat center;
}
.icon.screen_size {
  -webkit-mask: url("../img/icons/screen_size.svg") no-repeat center;
  mask: url("../img/icons/screen_size.svg") no-repeat center;
}
.icon.file {
  -webkit-mask: url("../img/icons/file.svg") no-repeat center;
  mask: url("../img/icons/file.svg") no-repeat center;
}
.icon.process {
  -webkit-mask: url("../img/icons/process.svg") no-repeat center;
  mask: url("../img/icons/process.svg") no-repeat center;
}
.icon.politic {
  -webkit-mask: url("../img/icons/politic.svg") no-repeat center;
  mask: url("../img/icons/politic.svg") no-repeat center;
}
.icon.organigramme {
  -webkit-mask: url("../img/icons/organigramme.svg") no-repeat center;
  mask: url("../img/icons/organigramme.svg") no-repeat center;
}
.icon.trousse {
  -webkit-mask: url("../img/icons/trousse.svg") no-repeat center;
  mask: url("../img/icons/trousse.svg") no-repeat center;
}
.icon.tools {
  -webkit-mask: url("../img/icons/tools.svg") no-repeat center;
  mask: url("../img/icons/tools.svg") no-repeat center;
}
.icon.archive {
  -webkit-mask: url("../img/icons/archive.svg") no-repeat center;
  mask: url("../img/icons/archive.svg") no-repeat center;
}
.icon.download {
  -webkit-mask: url("../img/icons/download.svg") no-repeat center;
  mask: url("../img/icons/download.svg") no-repeat center;
}
.icon.search {
  -webkit-mask: url("../img/icons/search.svg") no-repeat center;
  mask: url("../img/icons/search.svg") no-repeat center;
}
.icon.view {
  -webkit-mask: url("../img/icons/view.svg") no-repeat center;
  mask: url("../img/icons/view.svg") no-repeat center;
}
.icon.capital_humain {
  -webkit-mask: url("../img/icons/capital_humain.svg") no-repeat center;
  mask: url("../img/icons/capital_humain.svg") no-repeat center;
}
.icon.question {
  -webkit-mask: url("../img/icons/question.svg") no-repeat center;
  mask: url("../img/icons/question.svg") no-repeat center;
}
.icon.asterisk {
  -webkit-mask: url("../img/icons/asterisk.svg") no-repeat center;
  mask: url("../img/icons/asterisk.svg") no-repeat center;
}
.icon.loupe_dollar {
  -webkit-mask: url("../img/icons/loupe_dollar.svg") no-repeat center;
  mask: url("../img/icons/loupe_dollar.svg") no-repeat center;
}
.icon.human_plus {
  -webkit-mask: url("../img/icons/human_plus.svg") no-repeat center;
  mask: url("../img/icons/human_plus.svg") no-repeat center;
}
.icon.mallet {
  -webkit-mask: url("../img/icons/mallet.svg") no-repeat center;
  mask: url("../img/icons/mallet.svg") no-repeat center;
}
.icon.mail {
  -webkit-mask: url("../img/icons/mail.svg") no-repeat center;
  mask: url("../img/icons/mail.svg") no-repeat center;
}
.icon.cellphone {
  -webkit-mask: url("../img/icons/cellphone.svg") no-repeat center;
  mask: url("../img/icons/cellphone.svg") no-repeat center;
}
.icon.annuaire {
  -webkit-mask: url("../img/icons/annuaire.svg") no-repeat center;
  mask: url("../img/icons/annuaire.svg") no-repeat center;
}
.icon.dots {
  -webkit-mask: url("../img/icons/dots.svg") no-repeat center;
  mask: url("../img/icons/dots.svg") no-repeat center;
}
.icon.sofa {
  -webkit-mask: url("../img/icons/sofa.svg") no-repeat center;
  mask: url("../img/icons/sofa.svg") no-repeat center;
}
.icon.tampon {
  -webkit-mask: url("../img/icons/tampon.svg") no-repeat center;
  mask: url("../img/icons/tampon.svg") no-repeat center;
}
.icon.coins {
  -webkit-mask: url("../img/icons/coins.svg") no-repeat center;
  mask: url("../img/icons/coins.svg") no-repeat center;
}
.icon.balance {
  -webkit-mask: url("../img/icons/balance.svg") no-repeat center;
  mask: url("../img/icons/balance.svg") no-repeat center;
}
.icon.tool_gear {
  -webkit-mask: url("../img/icons/tool_gear.svg") no-repeat center;
  mask: url("../img/icons/tool_gear.svg") no-repeat center;
}
.icon.pen {
  -webkit-mask: url("../img/icons/pen.svg") no-repeat center;
  mask: url("../img/icons/pen.svg") no-repeat center;
}
.icon.arrow_left {
  -webkit-mask: url("../img/icons/arrow_left.svg") no-repeat center;
  mask: url("../img/icons/arrow_left.svg") no-repeat center;
}
.icon.seance_conseil {
  -webkit-mask: url("../img/icons/seance_conseil.svg") no-repeat center;
  mask: url("../img/icons/seance_conseil.svg") no-repeat center;
}
.icon.select_all {
  -webkit-mask: url("../img/icons/select_all.svg") no-repeat center;
  mask: url("../img/icons/select_all.svg") no-repeat center;
}
.icon.unselect_all {
  -webkit-mask: url("../img/icons/unselect_all.svg") no-repeat center;
  mask: url("../img/icons/unselect_all.svg") no-repeat center;
}
.icon.link {
  -webkit-mask: url("../img/icons/link.svg") no-repeat center;
  mask: url("../img/icons/link.svg") no-repeat center;
}
.icon.accident {
  -webkit-mask: url("../img/icons/accident.svg") no-repeat center;
  mask: url("../img/icons/accident.svg") no-repeat center;
}
.icon.handshake {
  -webkit-mask: url("../img/icons/handshake.svg") no-repeat center;
  mask: url("../img/icons/handshake.svg") no-repeat center;
}
.icon.vacation {
  -webkit-mask: url("../img/icons/vacation.svg") no-repeat center;
  mask: url("../img/icons/vacation.svg") no-repeat center;
}
.icon.retirement {
  -webkit-mask: url("../img/icons/retirement.svg") no-repeat center;
  mask: url("../img/icons/retirement.svg") no-repeat center;
}
.icon.contract {
  -webkit-mask: url("../img/icons/contract.svg") no-repeat center;
  mask: url("../img/icons/contract.svg") no-repeat center;
}
.icon.pens {
  -webkit-mask: url("../img/icons/pens.svg") no-repeat center;
  mask: url("../img/icons/pens.svg") no-repeat center;
}
.icon.destruction {
  -webkit-mask: url("../img/icons/destruction.svg") no-repeat center;
  mask: url("../img/icons/destruction.svg") no-repeat center;
}
.icon.convention {
  -webkit-mask: url("../img/icons/convention.svg") no-repeat center;
  mask: url("../img/icons/convention.svg") no-repeat center;
}
.icon.computer {
  -webkit-mask: url("../img/icons/computer.svg") no-repeat center;
  mask: url("../img/icons/computer.svg") no-repeat center;
}
.icon.document_rule {
  -webkit-mask: url("../img/icons/document_rule.svg") no-repeat center;
  mask: url("../img/icons/document_rule.svg") no-repeat center;
}
.icon.funding {
  -webkit-mask: url("../img/icons/funding.svg") no-repeat center;
  mask: url("../img/icons/funding.svg") no-repeat center;
}
.icon.law {
  -webkit-mask: url("../img/icons/law.svg") no-repeat center;
  mask: url("../img/icons/law.svg") no-repeat center;
}
.icon.ticket {
  -webkit-mask: url("../img/icons/ticket.svg") no-repeat center;
  mask: url("../img/icons/ticket.svg") no-repeat center;
}
.icon.echelle {
  -webkit-mask: url("../img/icons/ladder.svg") no-repeat center;
  mask: url("../img/icons/ladder.svg") no-repeat center;
}
.icon.zoom {
  -webkit-mask: url("../img/icons/zoom.svg") no-repeat center;
  mask: url("../img/icons/zoom.svg") no-repeat center;
}
.icon.refresh {
  -webkit-mask: url("../img/icons/refresh.svg") no-repeat center;
  mask: url("../img/icons/refresh.svg") no-repeat center;
}