.icon-group {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.btn-icons-wrap {
  display: flex;
}
.btn-icons-wrap .btn-icon {
  margin: 2px;
}
.btn-icons-wrap .btn-icon:first-child {
  margin-left: 0;
}
.btn-icons-wrap .btn-icon:last-child {
  margin-right: 0;
}
.icon-wrap {
  display: flex;
  align-items: center;
}
.icon-wrap .icon {
  margin-right: 8px;
}
.icon {
  display: block;
  width: 16px;
  height: 16px;
  background: #707070;
  transition: all ease 0.6s;
}
.icon:hover {
  transition: all ease 0.6s;
}
.icon.absent {
  opacity: 0.3;
}
.icon.absent.mandatory {
  cursor: not-allowed;
  background: #e34f4f;
  opacity: 1;
}
.icon.icon-off {
  opacity: 0.3;
}
a.icon:hover {
  background: #018ca7;
}
.form-control-icon {
  position: relative;
  padding-left: 32px;
}
.form-control-icon > .icon-wrap {
  position: absolute;
  justify-content: center;
  width: 24px;
  left: 0;
  top: 0;
  height: 100%;
  border-right: 1px solid #EFEFEF;
}
.form-control-icon > .icon-wrap > .icon {
  margin: auto;
}
.icon.icon-address {
  mask: url("/themes/gate/front/extranet_front/images/icon/address.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/address.svg") no-repeat center / contain;
}
.icon.icon-add,
.input-icon-btn.btn-add:before {
  mask: url("/themes/gate/front/extranet_front/images/icon/add.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/add.svg") no-repeat center / contain;
}
.icon.icon-add-user {
  mask: url("/themes/gate/front/extranet_front/images/icon/add-user.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/add-user.svg") no-repeat center / contain;
}
.icon.icon-add-business {
  mask: url("/themes/gate/front/extranet_front/images/icon/add-business.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/add-business.svg") no-repeat center / contain;
}
.icon.icon-add-ressource {
  mask: url("/themes/gate/front/extranet_front/images/icon/add-ressource.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/add-ressource.svg") no-repeat center / contain;
}
.icon.icon-add-organization {
  mask: url("/themes/gate/front/extranet_front/images/icon/add-organization.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/add-organization.svg") no-repeat center / contain;
}
.icon.icon-date {
  mask: url("/themes/gate/front/extranet_front/images/icon/calendar.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/calendar.svg") no-repeat center / contain;
}
.icon.icon-decision-maker {
  mask: url("/themes/gate/front/extranet_front/images/icon/decision-maker.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/decision-maker.svg") no-repeat center / contain;
  background-color: #9067AB;
}
.icon.icon-project {
  mask: url("/themes/gate/front/extranet_front/images/icon/project.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/project.svg") no-repeat center / contain;
}
.icon.icon-download {
  mask: url("/themes/gate/front/extranet_front/images/icon/download.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/download.svg") no-repeat center / contain;
}
.icon.icon-budget {
  mask: url("/themes/gate/front/extranet_front/images/icon/budget.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/budget.svg") no-repeat center / contain;
}
.icon.icon-favorite {
  mask: url("/themes/gate/front/extranet_front/images/icon/favorite.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/favorite.svg") no-repeat center / contain;
}
.icon.icon-favorite.active {
  transform: rotate(-45deg);
  transition: all ease 0.6s;
}
.icon.icon-favorite:not(.active) {
  opacity: 0.3;
  transition: all ease 0.6s;
}
.icon.icon-linkedin {
  mask: url("/themes/gate/front/extranet_front/images/icon/linkedin.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/linkedin.svg") no-repeat center / contain;
}
.icon.icon-list {
  mask: url("/themes/gate/front/extranet_front/images/icon/list.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/list.svg") no-repeat center / contain;
}
.icon.icon-mail {
  mask: url("/themes/gate/front/extranet_front/images/icon/mail.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/mail.svg") no-repeat center / contain;
}
.icon.icon-task {
  mask: url("/themes/gate/front/extranet_front/images/icon/task.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/task.svg") no-repeat center / contain;
}
.icon.icon-edit,
.input-icon-btn.btn-edit:before {
  mask: url("/themes/gate/front/extranet_front/images/icon/edit.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/edit.svg") no-repeat center / contain;
}
.icon.icon-comment {
  mask: url("/themes/gate/front/extranet_front/images/icon/comment.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/comment.svg") no-repeat center / contain;
}
.icon.icon-stopwatch {
  mask: url("/themes/gate/front/extranet_front/images/icon/stopwatch.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/stopwatch.svg") no-repeat center / contain;
}
.icon.icon-displays {
  mask: url("/themes/gate/front/extranet_front/images/icon/displays.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/displays.svg") no-repeat center / contain;
}
.icon.icon-display-teaser {
  mask: url("/themes/gate/front/extranet_front/images/icon/display-teaser.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/display-teaser.svg") no-repeat center / contain;
}
.icon.icon-display-table {
  mask: url("/themes/gate/front/extranet_front/images/icon/display-table.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/display-table.svg") no-repeat center / contain;
}
.icon.icon-dropbox {
  mask: url("/themes/gate/front/extranet_front/images/icon/icon-dropbox.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/icon-dropbox.svg") no-repeat center / contain;
}
.icon.icon-instructions {
  mask: url("/themes/gate/front/extranet_front/images/icon/instructions.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/instructions.svg") no-repeat center / contain;
}
.icon.icon-message-status {
  mask: url("/themes/gate/front/extranet_front/images/icon/message-status.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/message-status.svg") no-repeat center / contain;
}
.icon.icon-message-error {
  mask: url("/themes/gate/front/extranet_front/images/icon/message-error.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/message-error.svg") no-repeat center / contain;
}
.icon.icon-message-warning {
  mask: url("/themes/gate/front/extranet_front/images/icon/message-warning.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/message-warning.svg") no-repeat center / contain;
}
.icon.icon-pause {
  mask: url("/themes/gate/front/extranet_front/images/icon/circle-pause.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/circle-pause.svg") no-repeat center / contain;
}
.icon.icon-parameters {
  mask: url("/themes/gate/front/extranet_front/images/icon/parameters.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/parameters.svg") no-repeat center / contain;
}
.icon.icon-pdf {
  mask: url("/themes/gate/front/extranet_front/images/icon/pdf.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/pdf.svg") no-repeat center / contain;
}
.icon.icon-play {
  mask: url("/themes/gate/front/extranet_front/images/icon/circle-play.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/circle-play.svg") no-repeat center / contain;
}
.icon.icon-postponed {
  mask: url("/themes/gate/front/extranet_front/images/icon/postponed.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/postponed.svg") no-repeat center / contain;
}
.icon.icon-allocated-time {
  mask: url("/themes/gate/front/extranet_front/images/icon/hourglass-start.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/hourglass-start.svg") no-repeat center / contain;
}
.icon.icon-elapsed-time {
  mask: url("/themes/gate/front/extranet_front/images/icon/elapsed-time.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/elapsed-time.svg") no-repeat center / contain;
}
.icon.icon-signature {
  mask: url("/themes/gate/front/extranet_front/images/icon/signature.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/signature.svg") no-repeat center / contain;
}
.icon.icon-smartphone {
  mask: url("/themes/gate/front/extranet_front/images/icon/smartphone.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/smartphone.svg") no-repeat center / contain;
}
.icon.icon-state {
  mask: url("/themes/gate/front/extranet_front/images/icon/state-good.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/state-good.svg") no-repeat center / contain;
}
.icon.icon-stop {
  mask: url("/themes/gate/front/extranet_front/images/icon/circle-stop.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/circle-stop.svg") no-repeat center / contain;
}
.icon.icon-trash,
.input-icon-btn.btn-remove:before {
  mask: url("/themes/gate/front/extranet_front/images/icon/trash.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/trash.svg") no-repeat center / contain;
}
.icon.icon-phone {
  mask: url("/themes/gate/front/extranet_front/images/icon/phone.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/phone.svg") no-repeat center / contain;
}
.icon.icon-clock {
  mask: url("/themes/gate/front/extranet_front/images/icon/clock.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/clock.svg") no-repeat center / contain;
}
.icon.icon-visible-customer {
  mask: url("/themes/gate/front/extranet_front/images/icon/visible-customer.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/visible-customer.svg") no-repeat center / contain;
}
.icon.icon-eye {
  mask: url("/themes/gate/front/extranet_front/images/icon/eye.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/eye.svg") no-repeat center / contain;
}
.icon.icon-invisible-customer {
  mask: url("/themes/gate/front/extranet_front/images/icon/invisible-customer.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/invisible-customer.svg") no-repeat center / contain;
}
.icon.state-very-good {
  background: #51A78D;
}
.icon.state-good {
  background: #74C993;
}
.icon.state-half-good {
  background: #B3D55A;
}
.icon.state-bad {
  background: #EC9F47;
}
.icon.state-half-bad {
  background: #E66767;
}
.icon.state-very-bad {
  background: #8E5B86;
}
.icon.icon-invoice.absent {
  background: #e34f4f;
  opacity: 1;
  cursor: not-allowed;
}
.input-icon-btn {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.input-icon-btn .form-submit {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
}
.input-icon-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #707070;
}
.input-icon-btn:hover:before {
  background: #018ca7;
}