@import url("css/cropper.min.css");
.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}
body,
html {
  height: 100%;
  scroll-behavior: smooth;
}
html {
  width: 100%;
  overflow-x: hidden;
  min-height: 767px;
}
html.open {
  overflow: hidden;
  height: 100%;
}
body {
  float: left;
  width: 100%;
  background: #3D3D3D;
  color: #FFF;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  position: relative;
  font-family: "Poppins", sans-serif;
  padding: 20px 0 20px 100px;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  min-height: 767px;
}
body.open {
  overflow: hidden;
  position: fixed;
  height: 100%;
}
body.open.layer:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
}
ol,
ul {
  padding: 0;
  margin: 0;
  list-style-position: inside;
}
ol li,
ul li {
  line-height: 24px;
}
ol li::marker,
ul li::marker {
  content: none;
}
a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  position: relative;
  color: #02C159;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  color: #FFF;
  margin: 0;
  font-weight: 600;
}
h1 {
  line-height: 100%;
  font-size: 35px;
  font-weight: 500;
}
p,
span {
  line-height: 24px;
}
p.lg,
span.lg {
  font-size: 16px;
}
p.sm,
span.sm {
  font-size: 14px;
  margin: 10px 0!important;
}
p.xsm,
span.xsm {
  font-size: 12px!important;
  margin: 5px 0!important;
}
p.op-50,
span.op-50 {
  opacity: 0.5;
  margin: 5px 0 !important;
}
b,
strong {
  font-weight: 500;
}
::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
  font-family: "Poppins", sans-serif;
}
:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
::placeholder {
  color: #FFF;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #FFF;
}
::-ms-input-placeholder {
  color: #FFF;
}
footer,
section {
  width: 100%;
}
main,
section {
  position: relative;
}
.content {
  width: 100%;
  display: block;
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 1280px) {
  .content {
    width: 100%!important;
  }
}
.row {
  display: flex;
}
header {
  width: 95px;
  padding: 20px;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 201;
  height: 100%;
  background: #3D3D3D;
  min-height: 767px;
}
header .logo {
  display: block;
  width: 55px;
  height: auto;
  margin-top: 20px;
}
header nav {
  width: 100%;
}
header ul {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
header ul li {
  width: 100%;
  display: inline-block;
  margin-bottom: 40px;
  text-align: center;
}
header ul li:last-child {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 55px;
}
header ul li:last-child a {
  display: flex;
  flex-direction: column;
}
header ul li:last-child a:before {
  margin: auto;
}
header ul li a {
  position: relative;
  display: inline-block;
  color: #FFF;
  font-size: 10px;
  text-align: center;
}
header ul li a:before {
  content: '';
  width: 100%;
  height: 24px;
  background-size: cover;
  display: inline-block;
  margin-bottom: 5px;
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #FFF;
  mask-position: center;
  mask-repeat: no-repeat;
}
header ul li a.active,
header ul li a:hover {
  color: #02C159;
}
header ul li a.active.dashboard:before,
header ul li a:hover.dashboard:before,
header ul li a.active.challenges:before,
header ul li a:hover.challenges:before,
header ul li a.active.employees:before,
header ul li a:hover.employees:before,
header ul li a.active.campaigns:before,
header ul li a:hover.campaigns:before,
header ul li a.active.my-company:before,
header ul li a:hover.my-company:before,
header ul li a.active.logout:before,
header ul li a:hover.logout:before,
header ul li a.active.my-account:before,
header ul li a:hover.my-account:before,
header ul li a.active.notifications:before,
header ul li a:hover.notifications:before {
  background: #02C159;
}
header ul li a.dashboard:before {
  --dashboard: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9224 3.21853C15.5618 3.21853 15.2572 3.094 15.0085 2.84495C14.7599 2.5959 14.6356 2.29105 14.6356 1.93042C14.6356 1.56979 14.7601 1.26516 15.0092 1.01653C15.2582 0.768105 15.5631 0.643895 15.9237 0.643895C16.2843 0.643895 16.5889 0.76842 16.8376 1.01747C17.0862 1.26631 17.2105 1.57116 17.2105 1.932C17.2105 2.29263 17.086 2.59726 16.8369 2.84589C16.5879 3.09432 16.2831 3.21853 15.9224 3.21853ZM15.8858 23.3561C15.5252 23.3561 15.2206 23.2316 14.9722 22.9825C14.7236 22.7337 14.5993 22.4288 14.5993 22.068C14.5993 21.7074 14.7238 21.4027 14.9728 21.1541C15.2219 20.9057 15.5267 20.7815 15.8874 20.7815C16.248 20.7815 16.5526 20.906 16.8013 21.1551C17.0497 21.4041 17.1739 21.7089 17.1739 22.0696C17.1739 22.4302 17.0495 22.7348 16.8006 22.9835C16.5516 23.2319 16.2466 23.3561 15.8858 23.3561ZM20.9384 7.494C20.5778 7.494 20.2733 7.36947 20.0248 7.12042C19.7762 6.87137 19.6519 6.56653 19.6519 6.2059C19.6519 5.84526 19.7764 5.54063 20.0255 5.292C20.2745 5.04337 20.5794 4.91905 20.94 4.91905C21.3006 4.91905 21.6053 5.04358 21.8539 5.29263C22.1023 5.54168 22.2265 5.84653 22.2265 6.20716C22.2265 6.56779 22.1021 6.87242 21.8533 7.12105C21.6042 7.36968 21.2993 7.494 20.9384 7.494ZM20.9021 19.1173C20.5415 19.1173 20.2368 18.9927 19.9882 18.7437C19.7396 18.4948 19.6153 18.19 19.6153 17.8292C19.6153 17.4685 19.7398 17.1639 19.9888 16.9153C20.2379 16.6668 20.5427 16.5426 20.9034 16.5426C21.2642 16.5426 21.5688 16.6672 21.8173 16.9162C22.0659 17.1651 22.1902 17.4699 22.1902 17.8307C22.1902 18.1914 22.0657 18.496 21.8166 18.7446C21.5676 18.9931 21.2627 19.1173 20.9021 19.1173ZM22.7119 13.2875C22.3513 13.2875 22.0466 13.1629 21.798 12.9139C21.5494 12.6648 21.4251 12.36 21.4251 11.9994C21.4251 11.6387 21.5496 11.3341 21.7986 11.0855C22.0477 10.8368 22.3525 10.7125 22.7132 10.7125C23.0738 10.7125 23.3784 10.8371 23.6271 11.0861C23.8757 11.3352 24 11.64 24 12.0006C24 12.3613 23.8755 12.6659 23.6264 12.9145C23.3774 13.1632 23.0725 13.2875 22.7119 13.2875ZM12 24C10.3417 24 8.78232 23.6851 7.32189 23.0552C5.86147 22.4253 4.59116 21.5704 3.51095 20.4906C2.43074 19.4108 1.57547 18.1411 0.945158 16.6813C0.315052 15.2215 0 13.6618 0 12.0022C0 10.3424 0.315052 8.78232 0.945158 7.32189C1.57505 5.86147 2.43 4.59116 3.51 3.51095C4.59 2.43074 5.86 1.57547 7.32 0.945158C8.78 0.315052 10.34 0 12 0V1.89474C9.17895 1.89474 6.78947 2.87368 4.83158 4.83158C2.87368 6.78947 1.89474 9.17895 1.89474 12C1.89474 14.8211 2.87368 17.2105 4.83158 19.1684C6.78947 21.1263 9.17895 22.1053 12 22.1053V24ZM12 14.2105C11.3863 14.2105 10.8644 13.9956 10.4343 13.5657C10.0044 13.1356 9.78947 12.6137 9.78947 12C9.78947 11.8705 9.79884 11.7438 9.81758 11.6198C9.83611 11.496 9.87453 11.3774 9.93284 11.2639L7.39674 8.71579L8.71579 7.39674L11.2639 9.93284C11.3563 9.89558 11.6017 9.84779 12 9.78947C12.6137 9.78947 13.1356 10.0044 13.5657 10.4343C13.9956 10.8644 14.2105 11.3863 14.2105 12C14.2105 12.6137 13.9956 13.1356 13.5657 13.5657C13.1356 13.9956 12.6137 14.2105 12 14.2105Z' /%3E%3C/svg%3E");
  -webkit-mask-image: var(--dashboard);
  mask-image: var(--dashboard);
  background: #FFF;
}
header ul li a.challenges:before {
  --challenges: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.57675 24V22.5H11.25V16.8694C9.92875 16.6326 8.7725 16.0801 7.78125 15.2119C6.79 14.3436 6.10775 13.2673 5.7345 11.9827C4.148 11.7963 2.79562 11.1458 1.67737 10.0312C0.559125 8.91675 0 7.573 0 6V4.5C0 4.098 0.1495 3.7475 0.4485 3.4485C0.7475 3.1495 1.098 3 1.5 3H5.48063V0H18.5194V3H22.5C22.902 3 23.2525 3.1495 23.5515 3.4485C23.8505 3.7475 24 4.098 24 4.5V6C24 7.573 23.4409 8.91675 22.3226 10.0312C21.2044 11.1458 19.852 11.7963 18.2655 11.9827C17.8923 13.2673 17.21 14.3436 16.2188 15.2119C15.2275 16.0801 14.0712 16.6326 12.75 16.8694V22.5H17.4233V24H6.57675ZM5.48063 10.3733V4.5H1.5V6C1.5 7.14225 1.88075 8.1235 2.64225 8.94375C3.40375 9.764 4.34987 10.2405 5.48063 10.3733ZM12 15.4039C13.3845 15.4039 14.5576 14.9231 15.5194 13.9616C16.4809 13.0001 16.9616 11.827 16.9616 10.4423V1.5H7.03838V10.4423C7.03838 11.827 7.51912 13.0001 8.48063 13.9616C9.44238 14.9231 10.6155 15.4039 12 15.4039ZM18.5194 10.3733C19.6501 10.2405 20.5962 9.764 21.3577 8.94375C22.1192 8.1235 22.5 7.14225 22.5 6V4.5H18.5194V10.3733Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--challenges);
  mask-image: var(--challenges);
  background: #FFF;
}
header ul li a.employees:before {
  --employees: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.154 24C1.54022 24 1.02778 23.7944 0.616667 23.3833C0.205556 22.9722 0 22.4598 0 21.846V8.82067C0 8.20689 0.205556 7.69444 0.616667 7.28333C1.02778 6.87222 1.54022 6.66667 2.154 6.66667H9.33333V1.33333C9.33333 0.958889 9.462 0.643112 9.71933 0.386001C9.97644 0.128667 10.2922 0 10.6667 0H13.3333C13.7078 0 14.0236 0.128667 14.2807 0.386001C14.538 0.643112 14.6667 0.958889 14.6667 1.33333V6.66667H21.846C22.4598 6.66667 22.9722 6.87222 23.3833 7.28333C23.7944 7.69444 24 8.20689 24 8.82067V21.846C24 22.4598 23.7944 22.9722 23.3833 23.3833C22.9722 23.7944 22.4598 24 21.846 24H2.154ZM2.154 22.6667H21.846C22.0853 22.6667 22.282 22.5898 22.436 22.436C22.5898 22.282 22.6667 22.0853 22.6667 21.846V8.82067C22.6667 8.58133 22.5898 8.38467 22.436 8.23067C22.282 8.07689 22.0853 8 21.846 8H14.6667V9.02567C14.6667 9.383 14.5338 9.69456 14.268 9.96033C14.0022 10.2261 13.6907 10.359 13.3333 10.359H10.6667C10.3093 10.359 9.99778 10.2261 9.732 9.96033C9.46622 9.69456 9.33333 9.383 9.33333 9.02567V8H2.154C1.91467 8 1.718 8.07689 1.564 8.23067C1.41022 8.38467 1.33333 8.58133 1.33333 8.82067V21.846C1.33333 22.0853 1.41022 22.282 1.564 22.436C1.718 22.5898 1.91467 22.6667 2.154 22.6667ZM4.41033 19.2307H11.5897V19.041C11.5897 18.7317 11.5056 18.45 11.3373 18.196C11.1689 17.9422 10.9384 17.7436 10.646 17.6C10.2187 17.4171 9.78578 17.2799 9.34733 17.1883C8.90889 17.097 8.45978 17.0513 8 17.0513C7.54022 17.0513 7.09111 17.097 6.65267 17.1883C6.21422 17.2799 5.78133 17.4171 5.354 17.6C5.06156 17.7436 4.83111 17.9422 4.66267 18.196C4.49444 18.45 4.41033 18.7317 4.41033 19.041V19.2307ZM14.6667 17.1793H20V16H14.6667V17.1793ZM8 16C8.436 16 8.80989 15.844 9.12167 15.532C9.43367 15.22 9.58967 14.8461 9.58967 14.4103C9.58967 13.9743 9.43367 13.6003 9.12167 13.2883C8.80989 12.9766 8.436 12.8207 8 12.8207C7.564 12.8207 7.19011 12.9766 6.87833 13.2883C6.56633 13.6003 6.41033 13.9743 6.41033 14.4103C6.41033 14.8461 6.56633 15.22 6.87833 15.532C7.19011 15.844 7.564 16 8 16ZM14.6667 14H20V12.8207H14.6667V14ZM10.6667 9.02567H13.3333V1.33333H10.6667V9.02567Z'/%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--employees);
  mask-image: var(--employees);
  background: #FFF;
}
header ul li a.campaigns:before {
  --campaigns: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill-rule='evenodd'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.154 24.6592C1.54022 24.6592 1.02778 24.4536 0.616667 24.0425C0.205556 23.6314 0 23.119 0 22.5052V9.47985C0 8.86607 0.205556 8.35362 0.616667 7.94251C1.02778 7.5314 1.54022 7.32585 2.154 7.32585H9.33333V1.99251C9.33333 1.61807 9.462 1.30229 9.71933 1.04518C9.97644 0.787847 10.2922 0.65918 10.6667 0.65918H13.3333C13.7078 0.65918 14.0236 0.787847 14.2807 1.04518C14.538 1.30229 14.6667 1.61807 14.6667 1.99251V7.32585H21.846C22.4598 7.32585 22.9722 7.5314 23.3833 7.94251C23.7944 8.35362 24 8.86607 24 9.47985V22.5052C24 23.119 23.7944 23.6314 23.3833 24.0425C22.9722 24.4536 22.4598 24.6592 21.846 24.6592H2.154ZM2.154 23.3258H21.846C22.0853 23.3258 22.282 23.249 22.436 23.0952C22.5898 22.9412 22.6667 22.7445 22.6667 22.5052V9.47985C22.6667 9.24051 22.5898 9.04385 22.436 8.88985C22.282 8.73607 22.0853 8.65918 21.846 8.65918H14.6667V9.68485C14.6667 10.0422 14.5338 10.3537 14.268 10.6195C14.0022 10.8853 13.6907 11.0182 13.3333 11.0182H10.6667C10.3093 11.0182 9.99778 10.8853 9.732 10.6195C9.46622 10.3537 9.33333 10.0422 9.33333 9.68485V8.65918H2.154C1.91467 8.65918 1.718 8.73607 1.564 8.88985C1.41022 9.04385 1.33333 9.24051 1.33333 9.47985V22.5052C1.33333 22.7445 1.41022 22.9412 1.564 23.0952C1.718 23.249 1.91467 23.3258 2.154 23.3258ZM4.41033 19.8898H11.5897V19.7002C11.5897 19.3908 11.5056 19.1092 11.3373 18.8552C11.1689 18.6014 10.9384 18.4027 10.646 18.2592C10.2187 18.0763 9.78578 17.9391 9.34733 17.8475C8.90889 17.7562 8.45978 17.7105 8 17.7105C7.54022 17.7105 7.09111 17.7562 6.65267 17.8475C6.21422 17.9391 5.78133 18.0763 5.354 18.2592C5.06156 18.4027 4.83111 18.6014 4.66267 18.8552C4.49444 19.1092 4.41033 19.3908 4.41033 19.7002V19.8898ZM14.6667 17.8385H20V16.6592H14.6667V17.8385ZM8 16.6592C8.436 16.6592 8.80989 16.5032 9.12167 16.1912C9.43367 15.8792 9.58967 15.5053 9.58967 15.0695C9.58967 14.6335 9.43367 14.2595 9.12167 13.9475C8.80989 13.6357 8.436 13.4798 8 13.4798C7.564 13.4798 7.19011 13.6357 6.87833 13.9475C6.56633 14.2595 6.41033 14.6335 6.41033 15.0695C6.41033 15.5053 6.56633 15.8792 6.87833 16.1912C7.19011 16.5032 7.564 16.6592 8 16.6592ZM14.6667 14.6592H20V13.4798H14.6667V14.6592ZM10.6667 9.68485H13.3333V1.99251H10.6667V9.68485Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--campaigns);
  mask-image: var(--campaigns);
  background: #FFF;
}
header ul li a.collections:before {
  --collections: url("data:image/svg+xml,%3Csvg width='76' height='38' viewBox='0 0 76 38' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_799_12786' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='23' y='4' width='30' height='29'%3E%3Crect x='23.877' y='4.70752' width='28.2444' height='28.2444' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_799_12786)'%3E%3Cpath d='M37.9981 15.0612L37.9974 15.0605C37.4052 14.4874 36.9044 13.8529 36.4943 13.1567C36.0956 12.4799 35.8963 11.7441 35.8963 10.9446C35.8963 9.93141 36.2481 9.07826 36.9558 8.37053C37.6636 7.6628 38.5167 7.31104 39.5299 7.31104C40.1211 7.31104 40.6723 7.43544 41.1866 7.68341C41.7059 7.93377 42.1492 8.27114 42.5188 8.69614L42.7074 8.91309L42.8961 8.69614C43.2657 8.27114 43.709 7.93377 44.2282 7.68341C44.7425 7.43544 45.2937 7.31104 45.8849 7.31104C46.8982 7.31104 47.7513 7.6628 48.459 8.37053C49.1668 9.07826 49.5185 9.93141 49.5185 10.9446C49.5185 11.7453 49.3236 12.4818 48.934 13.159C48.534 13.8541 48.0386 14.4879 47.4469 15.0605L47.4467 15.0607L42.708 19.6576L37.9981 15.0612ZM42.5323 16.8896L42.7074 17.0615L42.8826 16.8896L46.0895 13.7415L46.0911 13.7399C46.4724 13.3587 46.8236 12.9523 47.1447 12.5208C47.4908 12.0556 47.6648 11.5276 47.6648 10.9446C47.6648 10.4496 47.4933 10.0223 47.1503 9.67928C46.8073 9.33627 46.38 9.16473 45.8849 9.16473C45.5766 9.16473 45.2823 9.22553 45.0046 9.34772C44.7222 9.47197 44.4802 9.65828 44.2799 9.9028C44.2797 9.9031 44.2795 9.9034 44.2792 9.90369L42.7074 11.7898L41.1356 9.90369C41.1354 9.90336 41.1351 9.90303 41.1348 9.9027C40.9346 9.65822 40.6926 9.47195 40.4103 9.34772C40.1326 9.22553 39.8383 9.16473 39.5299 9.16473C39.0349 9.16473 38.6076 9.33627 38.2646 9.67928C37.9216 10.0223 37.75 10.4496 37.75 10.9446C37.75 11.5276 37.924 12.0556 38.2702 12.5208C38.5913 12.9523 38.9425 13.3587 39.3237 13.7399L39.3254 13.7415L42.5323 16.8896ZM31.8658 26.4791V26.6699L32.0499 26.7202L40.229 28.9562L40.2994 28.9755L40.3691 28.9538L47.3714 26.7766L47.665 26.6853L47.5157 26.4165C47.3966 26.2022 47.2263 26.0223 47.0117 25.8755C46.782 25.7183 46.5215 25.6406 46.238 25.6406H40.2949C39.7698 25.6406 39.3598 25.6211 39.0608 25.5837C38.7667 25.547 38.4606 25.4731 38.1421 25.3607L38.1421 25.3606L38.1379 25.3592L35.6281 24.5226L36.1395 22.7095L38.274 23.421L38.274 23.4212L38.2825 23.4237C38.6316 23.5264 39.0373 23.6071 39.4976 23.6671C39.9624 23.7278 40.6401 23.7672 41.525 23.7869L41.7806 23.7926V23.5369C41.7806 23.2687 41.7005 23.016 41.549 22.7828C41.3995 22.5529 41.2072 22.3822 40.9662 22.3007L34.085 19.7717L34.0432 19.7564H33.9987H32.1158H31.8658V20.0064V26.4791ZM31.8658 28.8916V30.348H25.3047V17.9027H33.9987C34.118 17.9027 34.2378 17.9155 34.3583 17.9413C34.4862 17.9687 34.6034 18.0002 34.7102 18.0357L41.6203 20.5939L41.6217 20.5944C42.218 20.8112 42.7011 21.1893 43.0747 21.7362C43.4487 22.2835 43.6343 22.8817 43.6343 23.5369V23.7869H43.8843H46.238C47.1577 23.7869 47.9292 24.0881 48.5673 24.6897C49.1973 25.2837 49.5185 26.0679 49.5185 27.0675V28.0605L40.3497 30.9258L32.1829 28.6508L31.8658 28.5624V28.8916ZM27.1584 28.2443V28.4943H27.4084H29.7621H30.0121V28.2443V20.0064V19.7564H29.7621H27.4084H27.1584V20.0064V28.2443Z' /%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--collections);
  mask-image: var(--collections);
  background: #FFF;
}
header ul li a.my-account:before {
  --my-account: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0724 4.02447C15.1063 3.04182 13.7429 2.5 12.152 2.5C10.5611 2.5 9.19773 3.04182 8.23167 4.02447C7.26636 5.00636 6.73644 6.38891 6.73644 8C6.73644 10.169 7.68081 11.567 8.8496 12.4062C9.07675 12.5692 9.3115 12.7107 9.54832 12.8327C8.24215 13.1916 7.18158 13.8173 6.31809 14.5934C4.95272 15.8205 4.10647 17.3993 3.53633 18.813C3.43305 19.0691 3.55693 19.3604 3.81304 19.4637C4.06914 19.567 4.36047 19.4431 4.46375 19.187C5.00642 17.8414 5.78146 16.4202 6.98653 15.3371C8.1795 14.265 9.82009 13.5 12.152 13.5C14.332 13.5 15.9058 14.1685 17.074 15.1279C18.252 16.0953 19.0453 17.3816 19.6137 18.6532C19.9929 19.5016 19.3274 20.5 18.2827 20.5H6.74488C6.46874 20.5 6.24488 20.7239 6.24488 21C6.24488 21.2761 6.46874 21.5 6.74488 21.5H18.2827C19.9348 21.5 21.2479 19.8588 20.5267 18.2452C19.9232 16.8952 19.0504 15.4569 17.7087 14.3551C16.9123 13.7011 15.9603 13.1737 14.8203 12.8507C15.43 12.5136 15.9312 12.0662 16.33 11.5591C17.1929 10.462 17.5676 9.10016 17.5676 8C17.5676 6.38891 17.0377 5.00636 16.0724 4.02447ZM15.3593 4.72553C16.1144 5.49364 16.5676 6.61109 16.5676 8C16.5676 8.89984 16.2541 10.038 15.544 10.9409C14.8475 11.8265 13.7607 12.5 12.152 12.5C11.5014 12.5 10.3789 12.2731 9.43284 11.5938C8.51251 10.933 7.73644 9.83102 7.73644 8C7.73644 6.61109 8.18963 5.49364 8.94477 4.72553C9.69916 3.95818 10.7935 3.5 12.152 3.5C13.5105 3.5 14.6049 3.95818 15.3593 4.72553Z' fill='%23000000'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--my-accounte);
  mask-image: var(--my-account);
  background: #FFF;
}
header ul li a.my-company:before {
  height: 36px;
  --my-company: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill-rule='evenodd' viewBox='0 0 256 256' enable-background='new 0 0 256 256' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23000000' d='M65.1,122.7h37.7v8.8H65.1V122.7L65.1,122.7z'/%3E%3Cpath fill='%23000000' d='M65.1,147h37.7v8.9H65.1V147z'/%3E%3Cpath fill='%23000000' d='M65.1,172h37.7v8.9H65.1V172z'/%3E%3Cpath fill='%23000000' d='M65.1,197.1h37.7v8.9H65.1V197.1z'/%3E%3Cpath fill='%23000000' d='M130.1,74.6h60.3v8.9h-60.3V74.6L130.1,74.6z'/%3E%3Cpath fill='%23000000' d='M130.1,103.7h60.3v8.9h-60.3V103.7L130.1,103.7z'/%3E%3Cpath fill='%23000000' d='M130.1,132.8h60.3v8.9h-60.3V132.8L130.1,132.8z'/%3E%3Cpath fill='%23000000' d='M208.8,223V41.7h-36.7V24.1h-60.3v17.6v8.9v28.6h-53v17.6H47.2V223H10v8.9h37.2h64.6h8.9h19h39h30.2H246V223H208.8z M120.7,32.9h42.6v8.7h-42.6V32.9z M67.6,88h42.6v8.7H67.6V88z M56.1,223V105.6h2.7h53V223H56.1z M148.4,223v-26.3h21.3V223H148.4z M178.6,223v-35.2h-39V223h-19V96.8V50.5h51.4h27.8V223H178.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--my-company);
  mask-image: var(--my-company);
  background: #FFF;
}
header ul li a.notifications:before {
  --ic-notifications: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 17.0741V15.5112H4.38383V7.73541C4.38383 6.33398 4.81639 5.09485 5.68149 4.01803C6.54642 2.9412 7.65694 2.25247 9.01304 1.95183V1.30261C9.01304 0.940831 9.13957 0.633242 9.39263 0.379841C9.64568 0.126614 9.95292 0 10.3144 0C10.676 0 10.9836 0.126614 11.2374 0.379841C11.4913 0.633242 11.6183 0.940831 11.6183 1.30261V1.95183C12.9744 2.25247 14.0849 2.9412 14.9498 4.01803C15.8149 5.09485 16.2475 6.33398 16.2475 7.73541V15.5112H18.1313V17.0741H2.5ZM10.3138 20C9.79539 20 9.35216 19.8155 8.98413 19.4467C8.61592 19.0778 8.43182 18.6343 8.43182 18.1162H12.1995C12.1995 18.636 12.0149 19.0799 11.6456 19.448C11.2764 19.816 10.8324 20 10.3138 20ZM5.94696 15.5112H14.6843V7.73541C14.6843 6.52902 14.2579 5.49935 13.4049 4.64641C12.5518 3.79328 11.522 3.36672 10.3157 3.36672C9.10926 3.36672 8.07951 3.79328 7.22639 4.64641C6.37344 5.49935 5.94696 6.52902 5.94696 7.73541V15.5112Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-notifications);
  mask-image: var(--ic-notifications);
  background: #FFF;
}
header ul li a.logout:before {
  --ic-logout: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' fill-rule='evenodd' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M262.1,0.1c80.5,0,155,35.7,204.5,95.8c5.9,7.2,4.7,17.8-2.6,23.5c-7.4,5.8-18.2,4.6-24.1-2.6 c-43-52.3-107.7-83.3-177.7-83.3C136.3,33.5,34.3,133.1,34.3,256s102,222.5,227.8,222.5c71,0,136.6-31.9,179.6-85.6 c5.8-7.3,16.6-8.6,24.1-2.9c7.4,5.7,8.8,16.2,2.9,23.5c-49.4,61.7-124.9,98.4-206.6,98.4C117.3,511.9,0,397.4,0,256 S117.3,0.1,262.1,0.1z M437.6,183.3l69.3,69.3c6.7,6.7,6.8,17.4,0.3,24l-67.7,67.7c-6.5,6.5-17.3,6.4-24-0.3 c-6.7-6.7-6.8-17.4-0.3-24l39.6-39.6H191c-9.5,0-17.1-7.5-17.1-16.7c0-9.2,7.7-16.7,17.1-16.7l262.8,0L413.9,207 c-6.7-6.7-6.8-17.4-0.3-24C420.2,176.5,430.9,176.6,437.6,183.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-logout);
  mask-image: var(--ic-logout);
  background: #FFF;
}
main {
  background: #2A2A2A;
  border-radius: 10px;
  padding: 28px 40px;
  box-sizing: border-box;
  width: 99%;
  min-height: 100%;
  display: inline-block;
  margin: 0 0 20px 5px;
}
main:before {
  content: '';
  position: absolute;
  top: 5px;
  left: -5px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
#breadcrumbs {
  width: 100%;
  color: #FFF;
  font-size: 14px;
  margin-bottom: 34px;
  display: inline-block;
}
#breadcrumbs a,
#breadcrumbs span {
  color: #FFF;
}
#breadcrumbs a:last-child,
#breadcrumbs span:last-child {
  font-weight: 600;
}
#title {
  width: 100%;
  display: inline-block;
  margin-bottom: 34px;
}
#title.hide {
  display: none;
}
#title.top {
  margin-top: 30px;
}
.tabs {
  display: flex;
  margin-bottom: 17px;
  align-items: center;
  justify-content: space-between;
}
.tabs.list ul li span {
  cursor: pointer;
}
.tabs.hide {
  display: none;
}
.tabs .col {
  display: flex;
  align-items: center;
}
.tabs .col.csv {
  position: relative;
}
.tabs .col.csv a {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: -24px;
}
.tabs ul {
  display: flex;
}
.tabs ul li {
  margin: 0 2px;
}
.tabs ul li:first-child {
  margin-left: 0;
}
.tabs ul li:last-child {
  margin-right: 0;
}
.tabs ul li span,
.tabs ul li a {
  border: 1px solid #3D3D3D;
  padding: 19px 46px;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  background: #3D3D3D;
  color: #FFF;
  font-weight: 500;
  text-align: center;
  width: 100%;
  line-height: 100%;
  display: flex;
}
.tabs ul li span.active,
.tabs ul li a.active {
  background: #02C159;
  color: #2A2A2A;
  border: 1px solid #02C159;
}
.tabs ul li span.done,
.tabs ul li a.done {
  background: none;
  color: #02C159;
  border: 1px solid #02C159;
}
.tabs input {
  min-width: 400px;
}
#tabs-main.hide {
  display: none;
}
#tabs-main .tab-content {
  display: none;
  width: 100%;
  margin-bottom: 120px;
}
#tabs-main .tab-content.active {
  display: inline-block;
}
fieldset {
  position: relative;
  width: 100%;
  border: 0;
  margin: 8px 0;
  padding: 0;
  z-index: 1;
}
fieldset.error input,
fieldset.error textarea {
  border: 1px solid #FF3F34;
  color: #FF3F34;
}
fieldset.error legend {
  color: #FF3F34;
}
fieldset.active legend {
  top: -9px;
  font-size: 12px;
  letter-spacing: 0.5px;
  z-index: 1;
  background: #2A2A2A;
}
fieldset.summary legend {
  top: -9px;
  font-size: 12px;
  letter-spacing: 0.5px;
  z-index: 1;
  background: #2A2A2A;
}
fieldset.summary div {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  padding: 15px 16px;
  min-height: 57px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  font-size: 16px;
  outline: none;
  resize: none;
  font-family: "Poppins", sans-serif;
}
fieldset legend {
  position: absolute;
  top: 16px;
  left: 16px;
  color: #FFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0 8px;
  box-sizing: border-box;
  z-index: -1;
}
.user-panel-info {
  position: absolute;
  top: 0;
  right: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 999;
}
.user-panel-info .notification {
  position: relative;
}
.user-panel-info .notification.active .list {
  display: inline-block;
}
.user-panel-info .notification .bell {
  display: inline-block;
  position: relative;
}
.user-panel-info .notification .bell span.icon {
  display: inline-block;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  background-color: #02C159;
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_540_8744' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_540_8744)'%3E%3Cpath d='M2.5 17.0741V15.5112H4.38383V7.73541C4.38383 6.33398 4.81639 5.09485 5.68149 4.01803C6.54642 2.9412 7.65694 2.25247 9.01304 1.95183V1.30261C9.01304 0.940831 9.13957 0.633242 9.39263 0.379841C9.64568 0.126614 9.95292 0 10.3144 0C10.676 0 10.9836 0.126614 11.2374 0.379841C11.4913 0.633242 11.6183 0.940831 11.6183 1.30261V1.95183C12.9744 2.25247 14.0849 2.9412 14.9498 4.01803C15.8149 5.09485 16.2475 6.33398 16.2475 7.73541V15.5112H18.1313V17.0741H2.5ZM10.3138 20C9.79539 20 9.35216 19.8155 8.98413 19.4467C8.61592 19.0778 8.43182 18.6343 8.43182 18.1162H12.1995C12.1995 18.636 12.0149 19.0799 11.6456 19.448C11.2764 19.816 10.8324 20 10.3138 20ZM5.94696 15.5112H14.6843V7.73541C14.6843 6.52902 14.2579 5.49935 13.4049 4.64641C12.5518 3.79328 11.522 3.36672 10.3157 3.36672C9.10926 3.36672 8.07951 3.79328 7.22639 4.64641C6.37344 5.49935 5.94696 6.52902 5.94696 7.73541V15.5112Z' fill='%232A2A2A'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.user-panel-info .notification .bell span.no {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  color: #FFF;
  border-radius: 100%;
  font-weight: 600;
  width: 21px;
  height: 21px;
  bottom: 0;
  right: -8px;
  font-size: 12px;
  background: #FF3F34;
}
.user-panel-info .notification .list {
  width: 100%;
  max-width: 400px;
  min-width: 400px;
  top: 64px;
  right: -15px;
  display: none;
}
.user-panel-info .notification .list:before {
  content: '';
  width: 0;
  height: 0;
  border-width: 0 7.5px 11px 7.5px;
  border-color: transparent transparent #3D3D3D transparent;
  border-style: solid;
  position: absolute;
  top: -10px;
  right: 31px;
}
.user-panel-info .notification .list .box {
  width: 100%;
  border-radius: 10px;
  background: #2A2A2A;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 8px 0;
}
.user-panel-info .notification .list .box .col {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
}
.user-panel-info .notification .list .box time {
  text-align: right;
  font-size: 12px;
}
.user-panel-info .notification .list .box h4,
.user-panel-info .notification .list .box p,
.user-panel-info .notification .list .box time {
  width: 100%;
  display: inline-block;
}
.user-panel-info .notification .list .box h4 {
  font-size: 15px;
}
.user-panel-info .notification .list .box p {
  margin: 0;
  font-size: 12px;
}
.user-panel-info .notification .list .box a.remove {
  width: 11px;
  height: 11px;
  --ic-close: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22756 9.83648L0.164062 8.77298L3.93706 4.99998L0.164062 1.25198L1.22756 0.188477L5.00056 3.96148L8.74856 0.188477L9.81206 1.25198L6.03906 4.99998L9.81206 8.77298L8.74856 9.83648L5.00056 6.06348L1.22756 9.83648Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-close);
  mask-image: var(--ic-close);
  background: #FFF;
  mask-size: cover;
  display: inline-block;
  position: absolute;
  top: 8px;
  right: -31px;
  z-index: 1;
}
.user-panel-info .notification .status {
  display: inline-block;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background-size: 24px auto;
  background-position: center;
  margin-right: 16px;
  position: relative;
  margin-bottom: 10px;
}
.user-panel-info .notification .status span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-repeat: no-repeat;
  border-radius: 100%;
  mask-position: center;
}
.user-panel-info .notification .status.error {
  background-color: #FF3F34;
}
.user-panel-info .notification .status.error span {
  --ic-close: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22756 9.83648L0.164062 8.77298L3.93706 4.99998L0.164062 1.25198L1.22756 0.188477L5.00056 3.96148L8.74856 0.188477L9.81206 1.25198L6.03906 4.99998L9.81206 8.77298L8.74856 9.83648L5.00056 6.06348L1.22756 9.83648Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-close);
  mask-image: var(--ic-close);
  background: #FFF;
  mask-size: 16px auto;
}
.user-panel-info .notification .status.warning {
  background-color: #FFA228;
}
.user-panel-info .notification .status.warning span {
  --ic-warning: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_302_12940' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_302_12940)'%3E%3Cpath d='M1 21L12 2L23 21H1ZM4.45 19H19.55L12 6L4.45 19ZM12 18C12.2833 18 12.5208 17.9042 12.7125 17.7125C12.9042 17.5208 13 17.2833 13 17C13 16.7167 12.9042 16.4792 12.7125 16.2875C12.5208 16.0958 12.2833 16 12 16C11.7167 16 11.4792 16.0958 11.2875 16.2875C11.0958 16.4792 11 16.7167 11 17C11 17.2833 11.0958 17.5208 11.2875 17.7125C11.4792 17.9042 11.7167 18 12 18ZM11 15H13V10H11V15Z' fill='%23FFA228'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-warning);
  mask-image: var(--ic-warning);
  background: #FFF;
}
.user-panel-info .notification .status.success {
  background-color: #02C159;
}
.user-panel-info .notification .status.success span {
  --ic-check: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.54934 11.6534L0.214844 6.31886L1.28384 5.24961L5.54934 9.51511L14.7148 0.349609L15.7838 1.41886L5.54934 11.6534Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-check);
  mask-image: var(--ic-check);
  background: #FFF;
  mask-size: 18px auto;
}
.user-panel-info .user-panel-account {
  margin-left: 16px;
}
.user-panel-info .user-panel-account.active a.user:after {
  transform: scaleY(-1);
}
.user-panel-info .user-panel-account.active .list {
  display: inline-block;
}
.user-panel-info .user-panel-account a.user {
  color: #02C159;
  position: relative;
  display: flex;
  align-items: center;
}
.user-panel-info .user-panel-account a.user:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 5px 5px 0 5px;
  border-color: #02C159 transparent transparent transparent;
  border-style: solid;
  margin-left: 8px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.user-panel-info .user-panel-account .list {
  border-radius: 10px;
  background: #3D3D3D;
  padding: 8px 0;
  box-sizing: border-box;
  position: absolute;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  padding: 0;
  top: 45px;
  right: 0;
  display: none;
  width: 180px;
}
.user-panel-info .user-panel-account .list a {
  color: #FFF;
  font-size: 12px;
  padding: 14px 16px;
  box-sizing: border-box;
  border-top: 1px solid #2A2A2A;
  display: flex;
  align-items: center;
  width: 100%;
  white-space: nowrap;
}
.user-panel-info .user-panel-account .list a:before {
  content: '';
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 12px;
  background-color: #FFF;
  -webkit-mask-size: contain;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.user-panel-info .user-panel-account .list a.my-account:before {
  --my-account: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0724 4.02447C15.1063 3.04182 13.7429 2.5 12.152 2.5C10.5611 2.5 9.19773 3.04182 8.23167 4.02447C7.26636 5.00636 6.73644 6.38891 6.73644 8C6.73644 10.169 7.68081 11.567 8.8496 12.4062C9.07675 12.5692 9.3115 12.7107 9.54832 12.8327C8.24215 13.1916 7.18158 13.8173 6.31809 14.5934C4.95272 15.8205 4.10647 17.3993 3.53633 18.813C3.43305 19.0691 3.55693 19.3604 3.81304 19.4637C4.06914 19.567 4.36047 19.4431 4.46375 19.187C5.00642 17.8414 5.78146 16.4202 6.98653 15.3371C8.1795 14.265 9.82009 13.5 12.152 13.5C14.332 13.5 15.9058 14.1685 17.074 15.1279C18.252 16.0953 19.0453 17.3816 19.6137 18.6532C19.9929 19.5016 19.3274 20.5 18.2827 20.5H6.74488C6.46874 20.5 6.24488 20.7239 6.24488 21C6.24488 21.2761 6.46874 21.5 6.74488 21.5H18.2827C19.9348 21.5 21.2479 19.8588 20.5267 18.2452C19.9232 16.8952 19.0504 15.4569 17.7087 14.3551C16.9123 13.7011 15.9603 13.1737 14.8203 12.8507C15.43 12.5136 15.9312 12.0662 16.33 11.5591C17.1929 10.462 17.5676 9.10016 17.5676 8C17.5676 6.38891 17.0377 5.00636 16.0724 4.02447ZM15.3593 4.72553C16.1144 5.49364 16.5676 6.61109 16.5676 8C16.5676 8.89984 16.2541 10.038 15.544 10.9409C14.8475 11.8265 13.7607 12.5 12.152 12.5C11.5014 12.5 10.3789 12.2731 9.43284 11.5938C8.51251 10.933 7.73644 9.83102 7.73644 8C7.73644 6.61109 8.18963 5.49364 8.94477 4.72553C9.69916 3.95818 10.7935 3.5 12.152 3.5C13.5105 3.5 14.6049 3.95818 15.3593 4.72553Z' fill='%23000000'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--my-accounte);
  mask-image: var(--my-account);
  background: #FFF;
}
.user-panel-info .user-panel-account .list a.my-company:before {
  --my-company: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill-rule='evenodd' viewBox='0 0 256 256' enable-background='new 0 0 256 256' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23000000' d='M65.1,122.7h37.7v8.8H65.1V122.7L65.1,122.7z'/%3E%3Cpath fill='%23000000' d='M65.1,147h37.7v8.9H65.1V147z'/%3E%3Cpath fill='%23000000' d='M65.1,172h37.7v8.9H65.1V172z'/%3E%3Cpath fill='%23000000' d='M65.1,197.1h37.7v8.9H65.1V197.1z'/%3E%3Cpath fill='%23000000' d='M130.1,74.6h60.3v8.9h-60.3V74.6L130.1,74.6z'/%3E%3Cpath fill='%23000000' d='M130.1,103.7h60.3v8.9h-60.3V103.7L130.1,103.7z'/%3E%3Cpath fill='%23000000' d='M130.1,132.8h60.3v8.9h-60.3V132.8L130.1,132.8z'/%3E%3Cpath fill='%23000000' d='M208.8,223V41.7h-36.7V24.1h-60.3v17.6v8.9v28.6h-53v17.6H47.2V223H10v8.9h37.2h64.6h8.9h19h39h30.2H246V223H208.8z M120.7,32.9h42.6v8.7h-42.6V32.9z M67.6,88h42.6v8.7H67.6V88z M56.1,223V105.6h2.7h53V223H56.1z M148.4,223v-26.3h21.3V223H148.4z M178.6,223v-35.2h-39V223h-19V96.8V50.5h51.4h27.8V223H178.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--my-company);
  mask-image: var(--my-company);
  background: #FFF;
  mask-size: 90%;
}
.user-panel-info .user-panel-account .list a.logout:before {
  --ic-logout: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' fill-rule='evenodd' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M262.1,0.1c80.5,0,155,35.7,204.5,95.8c5.9,7.2,4.7,17.8-2.6,23.5c-7.4,5.8-18.2,4.6-24.1-2.6 c-43-52.3-107.7-83.3-177.7-83.3C136.3,33.5,34.3,133.1,34.3,256s102,222.5,227.8,222.5c71,0,136.6-31.9,179.6-85.6 c5.8-7.3,16.6-8.6,24.1-2.9c7.4,5.7,8.8,16.2,2.9,23.5c-49.4,61.7-124.9,98.4-206.6,98.4C117.3,511.9,0,397.4,0,256 S117.3,0.1,262.1,0.1z M437.6,183.3l69.3,69.3c6.7,6.7,6.8,17.4,0.3,24l-67.7,67.7c-6.5,6.5-17.3,6.4-24-0.3 c-6.7-6.7-6.8-17.4-0.3-24l39.6-39.6H191c-9.5,0-17.1-7.5-17.1-16.7c0-9.2,7.7-16.7,17.1-16.7l262.8,0L413.9,207 c-6.7-6.7-6.8-17.4-0.3-24C420.2,176.5,430.9,176.6,437.6,183.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-logout);
  mask-image: var(--ic-logout);
  background: #FFF;
  mask-size: 80%;
}
.user-panel-info .user-panel-account .list a:hover {
  color: #02C159;
}
.user-panel-info .user-panel-account .list a:hover:before {
  background-color: #02C159;
}
.user-panel-info .user-panel-account .list a:first-child {
  border: 0;
}
.user-panel-info .list {
  border-radius: 10px;
  background: #3D3D3D;
  padding: 8px 0;
  box-sizing: border-box;
  position: absolute;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.photo-box {
  margin-top: 40px;
}
.photo-box #thumbPreview,
.photo-box .added-logo-preview {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 20px;
}
.photo-box #thumbPreview .thumb-item,
.photo-box .added-logo-preview .thumb-item {
  height: 100px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.photo-box #thumbPreview .thumb-item img,
.photo-box .added-logo-preview .thumb-item img {
  display: inline-block;
  width: auto;
  height: 100%;
  transform: scale(1.1);
}
.photo-box #thumbPreview .thumb-item .cover-plate,
.photo-box .added-logo-preview .thumb-item .cover-plate {
  position: absolute;
  top: 0;
  left: 0;
  background: #02C159;
  color: white;
  padding: 2px 5px;
  font-size: 12px;
}
.photo-box #thumbPreview .thumb-item button,
.photo-box .added-logo-preview .thumb-item button {
  width: 30px;
  height: 30px;
  display: flex;
  background: #02C159;
  border-radius: 100%;
  position: absolute;
  bottom: 5px;
  border: 0;
  z-index: 1;
  cursor: pointer;
}
.photo-box #thumbPreview .thumb-item button span,
.photo-box .added-logo-preview .thumb-item button span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-repeat: no-repeat;
  mask-size: auto 14px;
  mask-position: center;
  background: #FFF;
  margin: 0;
}
.photo-box #thumbPreview .thumb-item button.edit,
.photo-box .added-logo-preview .thumb-item button.edit {
  left: 2px;
}
.photo-box #thumbPreview .thumb-item button.edit span,
.photo-box .added-logo-preview .thumb-item button.edit span {
  --ic-pencil: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd'  xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_302_12254' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_302_12254)'%3E%3Cpath d='M5 19H6.2615L16.498 8.7635L15.2365 7.502L5 17.7385V19ZM3.5 20.5V17.1155L16.6905 3.93075C16.8417 3.79342 17.0086 3.68733 17.1913 3.6125C17.3741 3.5375 17.5658 3.5 17.7663 3.5C17.9668 3.5 18.1609 3.53558 18.3488 3.60675C18.5367 3.67792 18.7032 3.79108 18.848 3.94625L20.0693 5.18275C20.2244 5.32758 20.335 5.49425 20.401 5.68275C20.467 5.87125 20.5 6.05975 20.5 6.24825C20.5 6.44942 20.4657 6.64133 20.397 6.824C20.3283 7.00683 20.2191 7.17383 20.0693 7.325L6.8845 20.5H3.5ZM15.8562 8.14375L15.2365 7.502L16.498 8.7635L15.8562 8.14375Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-pencil);
  mask-image: var(--ic-pencil);
}
.photo-box #thumbPreview .thumb-item button.remove,
.photo-box .added-logo-preview .thumb-item button.remove {
  right: 2px;
}
.photo-box #thumbPreview .thumb-item button.remove span,
.photo-box .added-logo-preview .thumb-item button.remove span {
  --ic-trash: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.16179 13C1.77785 13 1.44986 12.864 1.17781 12.5921C0.905895 12.3201 0.769937 11.9921 0.769937 11.6081V1.83591H0V0.681009H3.46472V0H8.08434V0.681009H11.5491V1.83591H10.7791V11.6081C10.7791 11.9971 10.6444 12.3263 10.3749 12.5958C10.1054 12.8653 9.77621 13 9.38726 13H2.16179ZM9.62421 1.83591H1.92484V11.6081C1.92484 11.6773 1.94704 11.7341 1.99144 11.7785C2.03584 11.8229 2.09262 11.8451 2.16179 11.8451H9.38726C9.44655 11.8451 9.50083 11.8204 9.55011 11.771C9.59951 11.7217 9.62421 11.6674 9.62421 11.6081V1.83591ZM3.77577 10.3052H4.93048V3.37579H3.77577V10.3052ZM6.61857 10.3052H7.77328V3.37579H6.61857V10.3052Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-trash);
  mask-image: var(--ic-trash);
}
.photo-box .added-logo-preview .thumb-item {
  cursor: auto;
}
.photo-box #imagePreviewContainer {
  width: 100%;
  height: auto;
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 999;
}
.photo-box #imagePreviewContainer.open {
  display: flex;
}
.photo-box #imagePreviewContainer .layer {
  width: 90%;
  max-width: 800px;
  position: relative;
}
.photo-box #imagePreviewContainer .cropper-canvas,
.photo-box #imagePreviewContainer .cropper-crop-box,
.photo-box #imagePreviewContainer .cropper-drag-box,
.photo-box #imagePreviewContainer .cropper-modal,
.photo-box #imagePreviewContainer .cropper-wrap-box,
.photo-box #imagePreviewContainer .cropper-container {
  border-radius: 10px;
}
.photo-box #imagePreviewContainer .cropper-canvas img,
.photo-box #imagePreviewContainer .cropper-crop-box img,
.photo-box #imagePreviewContainer .cropper-drag-box img,
.photo-box #imagePreviewContainer .cropper-modal img,
.photo-box #imagePreviewContainer .cropper-wrap-box img,
.photo-box #imagePreviewContainer .cropper-container img {
  border-radius: 10px;
  width: 100%;
}
.photo-box #imagePreviewContainer .cropper-container {
  display: inline-block;
}
.photo-box #imagePreviewContainer .cropper-container img {
  display: inline-block;
}
.photo-box #imagePreviewContainer .wrapper {
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 8px 12px;
  box-sizing: border-box;
}
.photo-box #imagePreviewContainer .wrapper button {
  background: #02C159;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  color: #FFF;
  border: 0;
  font-size: 18px;
}
.info {
  width: 100%;
  display: inline-block;
  margin: 5px 0!important;
}
#imageDrop {
  border-radius: 20px;
  background: #3D3D3D;
  display: inline-block;
  padding: 16px;
  width: 100%;
  max-width: 488px;
  box-sizing: border-box;
  flex-wrap: wrap;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
#imageDrop .drag-drop {
  border-radius: 4px;
  padding: 25px;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
}
#imageDrop .drag-drop p {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  text-align: center;
  position: relative;
}
#imageDrop .drag-drop p:first-child {
  padding-top: 30px;
}
#imageDrop .drag-drop p:first-child:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  --ic-plus: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.42308 5.57692H0V4.42308H4.42308V0H5.57692V4.42308H10V5.57692H5.57692V10H4.42308V5.57692Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-plus);
  mask-image: var(--ic-plus);
  left: calc(50% - 9px);
  left: -webkit-calc(50% - 9px);
  left: -moz-calc(50% - 9px);
  background: #FFF;
  mask-size: 50% auto;
  mask-repeat: no-repeat;
  mask-position: center;
  position: absolute;
  top: 1px;
}
#imageDrop .drag-drop p:first-child:after {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #FFF;
  left: calc(50% - 10px);
  left: -webkit-calc(50% - 10px);
  left: -moz-calc(50% - 10px);
  position: absolute;
  top: 0;
  border-radius: 100%;
}
#imageDrop #imageInput {
  display: none;
}
#imageDrop .warning {
  font-size: 12px;
  color: #FF3F34;
}
.count-letter {
  width: 100%;
  text-align: right;
  font-size: 12px;
  margin-top: 5px;
  font-weight: 300;
}
.count-letter.limit i {
  color: #FF3F34;
}
#action-panel {
  position: fixed;
  bottom: 36px;
  left: 0;
  z-index: 200;
  width: 100%;
  padding-left: 120px;
}
#action-panel.transparent .wrapper {
  background: none;
}
#action-panel.rt .wrapper {
  justify-content: flex-end;
}
#action-panel .wrapper {
  position: relative;
  background: #3D3D3D;
  border-radius: 10px;
  display: flex;
  justify-content: flex-start;
  padding: 30px 42px;
  box-sizing: border-box;
  width: calc(100% - 146px);
  bottom: 0;
}
#action-panel .wrapper.disable:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(61, 61, 61, 0.5);
  top: 0;
  left: 0;
  z-index: 1;
}
#action-panel .col {
  width: 50%;
}
#action-panel .col:last-child {
  display: flex;
  justify-content: flex-end;
}
#action-panel .btn {
  margin: 0 5px;
}
#action-panel .btn:first-child {
  margin-left: 0;
}
#action-panel .btn:last-child {
  margin-right: 0;
}
.search-filter {
  display: flex;
  margin-left: 0px;
  width: 60%;
  align-items: center;
  justify-content: flex-start;
}
.search-filter .search-fields {
  position: relative;
  margin-right: 16px;
  width: 60%;
}
.search-filter .search-fields:before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 17px;
  left: 16px;
  --ic-search: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5406 17.577L10.2598 11.296C9.75984 11.7088 9.18484 12.0319 8.53484 12.2653C7.88484 12.4986 7.21243 12.6153 6.51759 12.6153C4.80843 12.6153 3.36193 12.0235 2.17809 10.84C0.99426 9.65652 0.402344 8.21035 0.402344 6.50152C0.402344 4.79285 0.994094 3.34618 2.17759 2.16152C3.36109 0.977016 4.80726 0.384766 6.51609 0.384766C8.22476 0.384766 9.67143 0.976682 10.8561 2.16051C12.0406 3.34435 12.6328 4.79085 12.6328 6.50002C12.6328 7.21418 12.513 7.89627 12.2733 8.54627C12.0335 9.19627 11.7136 9.7616 11.3136 10.2423L17.5943 16.523L16.5406 17.577ZM6.51759 11.1155C7.80609 11.1155 8.89743 10.6683 9.79159 9.77402C10.6859 8.87985 11.1331 7.78852 11.1331 6.50002C11.1331 5.21152 10.6859 4.12018 9.79159 3.22601C8.89743 2.33168 7.80609 1.88452 6.51759 1.88452C5.22909 1.88452 4.13776 2.33168 3.24359 3.22601C2.34926 4.12018 1.90209 5.21152 1.90209 6.50002C1.90209 7.78852 2.34926 8.87985 3.24359 9.77402C4.13776 10.6683 5.22909 11.1155 6.51759 11.1155Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-search);
  mask-image: var(--ic-search);
  mask-size: 100% auto;
  background: #FFF;
  mask-repeat: no-repeat;
}
.share-modal {
  position: absolute;
  top: 38px;
  left: 11px;
  background: #3D3D3D;
  padding: 5px 5px 2px;
  border-radius: 8px;
  z-index: 10;
}
.share-modal:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #3D3D3D transparent;
}
.share-modal .social {
  border: 1px solid #02C159;
  border-radius: 100%;
  padding: 5px 10px 0;
  box-sizing: border-box;
  margin: 0 5px;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.share-modal .social:hover {
  border: 1px solid #02a84d;
}
.share-modal .social:hover:before {
  background: #02a84d;
}
.share-modal .social:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: #02C159;
  mask-repeat: no-repeat;
  mask-position: center;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.share-modal .social.fb:before {
  --ic-fb: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- fb --%3E%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M9.19795 21.5H13.198V13.4901H16.8021L17.198 9.50977H13.198V7.5C13.198 6.94772 13.6457 6.5 14.198 6.5H17.198V2.5H14.198C11.4365 2.5 9.19795 4.73858 9.19795 7.5V9.50977H7.19795L6.80206 13.4901H9.19795V21.5Z' /%3E%3C/svg%3E");
  -webkit-mask-image: var(--ic-fb);
  mask-image: var(--ic-fb);
  mask-size: auto 14px;
}
.share-modal .social.x:before {
  --ic-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 462.799'%3E%3Cpath fill-rule='nonzero' d='M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--ic-x);
  mask-image: var(--ic-x);
  mask-size: auto 10px;
}
.share-modal .social.ld:before {
  --ic-ld: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!--  --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg fill-rule='evenodd' height='800px' width='800px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 260.366 260.366' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M34.703,0.183C15.582,0.183,0.014,15.748,0,34.884C0,54.02,15.568,69.588,34.703,69.588 c19.128,0,34.688-15.568,34.688-34.704C69.391,15.75,53.83,0.183,34.703,0.183z'/%3E%3Cpath d='M60.748,83.531H8.654c-2.478,0-4.488,2.009-4.488,4.489v167.675c0,2.479,2.01,4.488,4.488,4.488h52.093 c2.479,0,4.489-2.01,4.489-4.488V88.02C65.237,85.539,63.227,83.531,60.748,83.531z'/%3E%3Cpath d='M193.924,81.557c-19.064,0-35.817,5.805-46.04,15.271V88.02c0-2.48-2.01-4.489-4.489-4.489H93.424 c-2.479,0-4.489,2.009-4.489,4.489v167.675c0,2.479,2.01,4.488,4.489,4.488h52.044c2.479,0,4.489-2.01,4.489-4.488v-82.957 c0-23.802,4.378-38.555,26.227-38.555c21.526,0.026,23.137,15.846,23.137,39.977v81.535c0,2.479,2.01,4.488,4.49,4.488h52.068 c2.478,0,4.488-2.01,4.488-4.488v-91.977C260.366,125.465,252.814,81.557,193.924,81.557z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--ic-ld);
  mask-image: var(--ic-ld);
  mask-size: auto 12px;
}
.window {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  display: none;
  width: 100%;
  height: 100%;
}
.window.open {
  display: flex;
}
.window table {
  display: block;
}
.window table tr {
  width: 100%;
  display: inline-table;
  table-layout: fixed;
}
.window table tr.no-users {
  text-align: center;
  padding: 20px 0;
  line-height: 32px;
}
.window tbody {
  overflow-y: scroll;
  height: 370px;
  width: 100%;
  position: absolute;
}
.window .box {
  width: 90%;
  max-width: 650px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  background: #3D3D3D;
  justify-content: center;
  flex-wrap: wrap;
  padding: 100px 20px;
  box-sizing: border-box;
  position: relative;
}
.window .box .close {
  background: #02C159;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -20px;
  right: -20px;
  border-radius: 100%;
}
.window .box .close:before {
  content: '';
  --ic-close: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22756 9.83648L0.164062 8.77298L3.93706 4.99998L0.164062 1.25198L1.22756 0.188477L5.00056 3.96148L8.74856 0.188477L9.81206 1.25198L6.03906 4.99998L9.81206 8.77298L8.74856 9.83648L5.00056 6.06348L1.22756 9.83648Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-close);
  mask-image: var(--ic-close);
  background: #FFF;
  mask-size: 40% auto;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.window .box p {
  font-size: 24px;
  color: #FFF;
  box-sizing: border-box;
  line-height: 140%;
  text-align: center;
  margin-bottom: 40px;
}
.window .box p span {
  width: 100%;
  display: inline-block;
}
.window .box p span.user-email {
  color: #02C159;
  margin: 0 8px;
}
.window .box a {
  margin: 0 8px;
}
.window.add-employees #add-to-group {
  overflow: auto;
  height: 420px;
}
.window.add-employees #add-to-group table thead th {
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
}
.window.add-employees #add-to-group table thead th[data=action] {
  text-align: center;
}
.window.add-employees #add-to-group table tbody tr td[data=email] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.window.add-employees .search-filter {
  margin: 10px 0 0 0;
  width: 48%;
  justify-content: flex-end;
}
.window.add-employees .search-filter .search-fields {
  width: 100%;
  max-width: 300px;
  margin-right: 0;
}
.window.add-employees .search-filter .search-fields:before {
  width: 20px;
  height: 20px;
  top: 13px;
}
.window.add-employees .search-filter .search-fields #search-group {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 10px 16px 10px 46px;
  background: rgba(20, 20, 20, 0.4);
}
.window.add-employees .box {
  height: 90%;
  max-height: 600px;
  max-width: 1000px;
  padding: 40px 30px;
}
.window.add-employees .box h2 {
  text-align: left;
  width: 48%;
}
.window.add-employees .box h2 span {
  color: #02C159;
  width: 100%;
  display: inline-block;
}
.window.history-amount .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.window.history-amount .list .row {
  margin: 5px 0;
  width: 100%;
  flex-wrap: wrap;
}
.window.history-amount .list span {
  color: #02C159;
  margin: 0 5px;
}
#employees .add-employee,
#employees .add-group {
  margin-bottom: 32px;
}
#employees .add-employee .row,
#employees .add-group .row {
  align-items: center;
}
#employees .add-employee .row .col,
#employees .add-group .row .col {
  width: 20%;
  margin: 0 5px;
}
#employees .add-employee .row .col:first-child,
#employees .add-group .row .col:first-child {
  margin-left: 0;
}
#employees .add-employee .row .col:last-child,
#employees .add-group .row .col:last-child {
  margin-right: 0;
}
#employees .add-employee #add-single-employees,
#employees .add-group #add-single-employees,
#employees .add-employee #add-single-group,
#employees .add-group #add-single-group {
  width: 40px;
  height: 40px;
  background: #02C159;
  display: inline-block;
  position: relative;
  border-radius: 100%;
}
#employees .add-employee #add-single-employees::before,
#employees .add-group #add-single-employees::before,
#employees .add-employee #add-single-group::before,
#employees .add-group #add-single-group::before {
  content: '';
  width: 100%;
  height: 100%;
  --ic-plus: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.42308 5.57692H0V4.42308H4.42308V0H5.57692V4.42308H10V5.57692H5.57692V10H4.42308V5.57692Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-plus);
  mask-image: var(--ic-plus);
  mask-repeat: no-repeat;
  mask-size: 18px auto;
  mask-position: center;
  background: #FFF;
  position: absolute;
  top: 0;
  left: 0;
}
#employees .add-group .row {
  justify-content: flex-start;
}
#employees .add-group #add-single-group {
  margin-left: 8px;
}
#employees .add-group .col {
  width: 50%;
}
#employees #employees-list input {
  font-size: 16px;
}
#employees #employees-list input:read-only {
  border: 0;
  font-size: 16px;
  color: #FFF;
  opacity: 1;
}
#my-company {
  padding-bottom: 100px;
}
#my-company .row {
  flex-wrap: wrap;
  width: 100%;
}
#my-company .row .label {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
}
#my-company .added-logo-preview {
  top: 0;
}
#challenges .row,
#campaigns .row {
  width: 70%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#challenges .row.full,
#campaigns .row.full {
  width: 100%;
}
#challenges .row.date,
#campaigns .row.date {
  justify-content: space-between;
}
#challenges .row.date .col,
#campaigns .row.date .col {
  width: 32%;
}
#challenges .row.date p,
#campaigns .row.date p {
  margin-top: 0;
}
#challenges .row.option,
#campaigns .row.option {
  justify-content: flex-start;
}
#challenges .row .col,
#campaigns .row .col {
  width: 30%;
}
#challenges .row .option-number,
#campaigns .row .option-number {
  flex-grow: 1;
  padding-right: 15px;
  padding-left: 15px;
}
#challenges .challenge-users,
#campaigns .challenge-users {
  width: 100%;
  margin-bottom: 100px;
}
#challenges .challenge-users .col,
#campaigns .challenge-users .col {
  width: 30%;
}
#challenges .groups-all,
#campaigns .groups-all {
  width: 100%;
}
#challenges .groups-all .col,
#campaigns .groups-all .col {
  width: auto;
}
#challenges label,
#campaigns label {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}
#challenges #photo,
#campaigns #photo {
  margin: 20px 0;
}
#challenges p,
#campaigns p {
  width: 100%;
  margin: 34px auto 10px;
}
#challenges p.no-margin,
#campaigns p.no-margin {
  margin: 0;
}
#challenges p span.no-member,
#campaigns p span.no-member {
  color: #02C159;
  font-weight: 500;
}
#challenges #groups-all,
#campaigns #groups-all {
  margin-top: 40px;
}
#challenges #options div.active,
#campaigns #options div.active {
  display: inline-block;
}
#challenges .manual-team,
#campaigns .manual-team,
#challenges .automatic-team,
#campaigns .automatic-team {
  width: 100%;
  display: none;
}
#challenges #group-list.groups,
#campaigns #group-list.groups {
  width: 100%;
}
#challenges .groups-list-preview,
#campaigns .groups-list-preview {
  width: 100%;
}
#challenges .groups-list-preview .group-list-result .col,
#campaigns .groups-list-preview .group-list-result .col {
  width: 33%;
}
#challenges .groups-list-preview .group-list-result .col .btn,
#campaigns .groups-list-preview .group-list-result .col .btn {
  float: right;
}
#challenges #challenges-list-active table td:last-of-type,
#campaigns #challenges-list-active table td:last-of-type,
#challenges #challenges-list-draft table td:last-of-type,
#campaigns #challenges-list-draft table td:last-of-type,
#challenges #challenges-list-archive table td:last-of-type,
#campaigns #challenges-list-archive table td:last-of-type {
  text-align: center;
}
#challenges #campaigns-list-active.show,
#campaigns #campaigns-list-active.show,
#challenges #campaigns-details.show,
#campaigns #campaigns-details.show,
#challenges #challenges-list-active.show,
#campaigns #challenges-list-active.show,
#challenges #challenges-details.show,
#campaigns #challenges-details.show {
  display: inline-block;
}
#challenges #campaigns-list-active.hide,
#campaigns #campaigns-list-active.hide,
#challenges #campaigns-details.hide,
#campaigns #campaigns-details.hide,
#challenges #challenges-list-active.hide,
#campaigns #challenges-list-active.hide,
#challenges #challenges-details.hide,
#campaigns #challenges-details.hide {
  display: none;
}
#challenges #campaigns-details,
#campaigns #campaigns-details,
#challenges #challenges-details,
#campaigns #challenges-details {
  display: none;
  width: 70%;
}
#challenges #campaigns-details .box,
#campaigns #campaigns-details .box,
#challenges #challenges-details .box,
#campaigns #challenges-details .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#challenges #campaigns-details .row,
#campaigns #campaigns-details .row,
#challenges #challenges-details .row,
#campaigns #challenges-details .row {
  width: 49%;
  flex-wrap: wrap;
  margin: 5px 0;
}
#challenges #campaigns-details .row.full,
#campaigns #campaigns-details .row.full,
#challenges #challenges-details .row.full,
#campaigns #challenges-details .row.full {
  width: 100%;
  margin-bottom: 50px;
}
#challenges #campaigns-details .row p,
#campaigns #campaigns-details .row p,
#challenges #challenges-details .row p,
#campaigns #challenges-details .row p {
  font-size: 16px;
  margin-bottom: 5px;
}
#challenges #campaigns-details .photo,
#campaigns #campaigns-details .photo,
#challenges #challenges-details .photo,
#campaigns #challenges-details .photo {
  width: 100%;
}
#challenges .summary-total-teams,
#campaigns .summary-total-teams,
#challenges .summary-assigned-employees,
#campaigns .summary-assigned-employees {
  color: white;
}
#register {
  padding: 0;
}
#register main {
  padding: 0;
  width: 100%;
  display: flex;
}
#register main:before {
  content: none;
}
#register .content {
  text-align: center;
}
#register #login-register {
  position: relative;
  max-width: 940px;
  margin: auto;
  left: 160px;
}
#register h2 {
  color: #02C159;
  width: 100%;
  text-align: center;
  margin-bottom: 38px;
  font-size: 32px;
}
#register .col-left {
  left: -320px;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
}
#register #login-form {
  background: #3D3D3D;
  border-radius: 10px;
  padding: 110px 55px;
  box-sizing: border-box;
  box-shadow: 7px 11px 20px rgba(0, 0, 0, 0.2);
  text-align: center;
}
#register #login-form button {
  width: 100%;
  margin-top: 25px;
  padding: 12px 16px;
  min-width: 250px;
}
#register #login-form #login-msg {
  font-size: 12px;
  color: #FF3F34;
  margin-bottom: 5px;
}
#register #login-form fieldset.active legend {
  background: #3D3D3D !important;
}
#register #login-form a {
  margin-top: 16px;
  font-size: 14px;
  color: #02C159;
  width: 100%;
}
#register #register-form {
  width: 100%;
  max-width: 500px;
}
#register #register-form .row {
  justify-content: space-between;
  flex-wrap: wrap;
}
#register #register-form .row.acceptance {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
#register #register-form .row.acceptance span {
  box-sizing: border-box;
  width: 100%;
  display: block;
}
#register #register-form .row.acceptance label {
  cursor: pointer;
}
#register #register-form .row fieldset.active legend {
  background: #424242;
}
#register #register-form .row fieldset input {
  border: 2px solid #FFF;
}
#register #register-form .row fieldset input.error {
  border: 2px solid #FF3F34;
}
#register #register-form .row fieldset input:focus {
  border: 1px solid #02C159;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#register #register-form .row fieldset.error input,
#register #register-form .row fieldset.error textarea {
  border: 2px solid #FF3F34;
  color: #FF3F34;
}
#register #register-form .row fieldset.error legend {
  color: #FF3F34;
}
#register #register-form .row .col {
  width: 48%;
  margin: 0;
}
#register #register-form .row p {
  width: 100%;
  font-size: 12px;
  margin: 0 0 20px;
}
#register #register-form .btn {
  margin-top: 40px;
}
#register .col-right {
  width: 100%;
  border-radius: 10px;
  background: #424242;
  margin: auto;
  border: 0;
  padding: 84px  0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#register .col-right .col {
  width: 100%;
  max-width: 350px;
  margin: 0 20px;
}
#register .box {
  width: 100%;
  display: inline-block;
  max-width: 360px;
  background: #3D3D3D;
  border-radius: 10px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  padding: 8px;
  box-sizing: border-box;
  text-align: left;
  position: relative;
  overflow: hidden;
}
#register .box.disabled:before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#register .box.congratulation {
  padding: 50px;
  text-align: center;
  max-width: 600px;
}
#register .box.congratulation h2 {
  color: #FFF;
  margin: 0;
}
#register .box.congratulation p {
  font-size: 20px;
  font-weight: 500;
}
#register .box.congratulation p.up {
  margin-top: -50px;
}
#register .box.congratulation p.sm {
  font-size: 14px;
  margin: -10px auto 40px;
}
#register .box.congratulation a {
  color: #02C159;
}
#register .box.congratulation a:hover {
  color: #02a84d;
}
#register .box.configuration,
#register .box.configuration-finished {
  padding: 50px;
  max-width: 600px;
}
#register .box.configuration ul.progress,
#register .box.configuration-finished ul.progress {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
#register .box.configuration ul.progress:before,
#register .box.configuration-finished ul.progress:before,
#register .box.configuration ul.progress:after,
#register .box.configuration-finished ul.progress:after {
  content: '';
  height: 15px;
  border-radius: 30px;
  bottom: -20px;
  left: 0;
  position: absolute;
}
#register .box.configuration ul.progress:before,
#register .box.configuration-finished ul.progress:before {
  content: '';
  width: 100%;
  background: linear-gradient(90deg, #C3BDCD 0%, #625F67 100%);
  z-index: 0;
}
#register .box.configuration ul.progress:after,
#register .box.configuration-finished ul.progress:after {
  z-index: 1;
  background: #02C159;
  width: 50%;
}
#register .box.configuration ul.progress li,
#register .box.configuration-finished ul.progress li {
  color: #FFF;
  font-weight: 500;
}
#register .box.configuration ul.progress li.done,
#register .box.configuration-finished ul.progress li.done {
  color: #02C159;
}
#register .box.configuration ul.progress li.ahead,
#register .box.configuration-finished ul.progress li.ahead {
  color: rgba(255, 255, 255, 0.2);
}
#register .box.configuration .row,
#register .box.configuration-finished .row {
  margin-top: 80px;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
#register .box.configuration .row .col,
#register .box.configuration-finished .row .col {
  width: 30%;
}
#register .box.configuration .row .col:first-child,
#register .box.configuration-finished .row .col:first-child {
  width: 65%;
}
#register .box.configuration h2,
#register .box.configuration-finished h2 {
  color: #FFF;
  text-align: left;
}
#register .box.configuration h2 span,
#register .box.configuration-finished h2 span {
  color: #02C159;
}
#register .box.configuration p,
#register .box.configuration-finished p {
  font-size: 24px;
  text-align: center;
  line-height: 38px;
}
#register .box.configuration h2,
#register .box.configuration-finished h2 {
  text-align: center;
}
#register .box.configuration img,
#register .box.configuration-finished img {
  display: inline-block;
  width: 100%;
}
#register .box.configuration a,
#register .box.configuration-finished a {
  margin: 20px auto 0;
}
#register .box.configuration-finished ul.progress:after {
  z-index: 1;
  background: #02C159;
  width: 100%;
}
#register .box .img {
  position: relative;
  width: 100%;
}
#register .box .img:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
#register .box .img img {
  border-radius: 10px 10px 0 0;
  display: inline-block;
}
#register .box .img span {
  position: absolute;
  bottom: 0;
  padding: 16px;
  box-sizing: border-box;
  width: 100%;
  color: #FFF;
  font-weight: 500;
  font-size: 24px;
  left: 0;
  z-index: 2;
}
#register .box .text {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  min-height: 230px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: space-between;
}
#register .box .text ul {
  width: 100%;
  margin-bottom: 14px;
}
#register .box .text ul li {
  margin: 5px 0;
  padding-left: 14px;
  box-sizing: border-box;
  font-size: 14px;
  position: relative;
  font-weight: 300;
  letter-spacing: 0.5px;
}
#register .box .text ul li:before {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  background: #FFF;
  border-radius: 100%;
}
#tutorial {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 999;
}
#tutorial .info {
  position: absolute;
  display: flex;
  width: auto;
  animation: fade-in 0.3s forwards;
  opacity: 0;
}
#tutorial .info span {
  color: #02C159;
  font-weight: 600;
}
#tutorial .info img {
  display: inline-block;
}
#tutorial .info p {
  width: 100%;
  max-width: 400px;
  font-size: 20px;
  text-align: center;
  position: relative;
  line-height: 28px;
}
#tutorial .info-1 {
  align-items: center;
  animation-delay: 1s;
}
#tutorial .info-1 img {
  width: auto;
  height: 90px;
}
#tutorial .info-2 {
  align-items: center;
  animation-delay: 2s;
}
#tutorial .info-2 img {
  width: auto;
  height: 130px;
}
#tutorial .info-2 p {
  top: 50px;
}
#tutorial .info-3 {
  flex-direction: column;
  animation-delay: 3s;
}
#tutorial .info-3 img {
  width: 165px;
  height: auto;
}
#tutorial .info-4 {
  flex-direction: column;
  animation-delay: 4s;
}
#tutorial .info-4 img {
  width: auto;
  height: 300px;
}
@keyframes fade-in {
  from {
    opacity: 0;
    transform: scale(2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
#dashboard .row {
  justify-content: space-between;
}
#dashboard .row .col {
  width: 30%;
}
#groupsContainer table {
  counter-reset: serial-number;
  /* Set the serial number counter to 0 */
}
#groupsContainer tr td:first-child:before {
  counter-increment: serial-number;
  /* Increment the serial number counter */
  content: counter(serial-number);
  margin-right: 20px;
}
.group-list,
.group-list-result {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 24px 16px;
  align-items: center;
  box-sizing: border-box;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.3);
}
.group-list .col,
.group-list-result .col {
  display: flex;
  align-items: center;
  width: 33%;
  flex-wrap: wrap;
}
.group-list .col.group-name,
.group-list-result .col.group-name {
  flex-wrap: wrap;
}
.group-list .col.action,
.group-list-result .col.action {
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.group-list .col:last-child,
.group-list-result .col:last-child {
  justify-content: flex-end;
}
.group-list .count,
.group-list-result .count {
  margin: 0 5px;
}
.group-list b,
.group-list-result b {
  color: #02C159;
  margin: 0 5px;
}
.group-list:nth-child(2n),
.group-list-result:nth-child(2n) {
  background: #3D3D3D;
}
.group-list table,
.group-list-result table {
  margin: 20px 0 30px;
  display: none;
}
.group-list table.show,
.group-list-result table.show {
  display: table;
}
.group-list table thead,
.group-list-result table thead {
  background: #141414;
}
.group-list table thead th,
.group-list-result table thead th {
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}
.group-list table thead th[data=action],
.group-list-result table thead th[data=action] {
  text-align: center;
}
.group-list table tr:nth-child(even),
.group-list-result table tr:nth-child(even) {
  background: rgba(20, 20, 20, 0.4);
}
.group-list table tr td,
.group-list-result table tr td {
  padding: 16px;
}
.group-list table tr td[data=action],
.group-list-result table tr td[data=action] {
  text-align: center;
}
table {
  width: 100%;
  table-layout: auto;
  position: relative;
}
table thead {
  font-weight: 600;
}
table thead th {
  padding: 14px 16px;
  box-sizing: border-box;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  background: #141414;
}
table thead th:hover a.sort {
  background: #02C159;
}
table tr:nth-child(even) {
  background: #3D3D3D;
}
table tr.active {
  background: #3D3D3D;
}
table tr td {
  padding: 14px 16px;
  box-sizing: border-box;
}
table tr td.action {
  text-align: right;
}
table tr td.action.center {
  text-align: center;
}
table tr td.date {
  white-space: nowrap;
}
table a.sort {
  width: 15px;
  height: 15px;
  --ic-sort: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4467 6.775L12.9748 1.775C12.8049 1.43719 12.2501 1.43719 12.0804 1.775L9.60855 6.775C9.48502 7.02206 9.58511 7.32188 9.83218 7.44594C10.0792 7.57094 10.3797 7.4684 10.5031 7.22231L10.8092 6.5H14.1904L14.5523 7.22375C14.649 7.41613 14.9298 7.595 15.2232 7.44737C15.4717 7.32187 15.5717 7.025 15.4467 6.775ZM11.3092 5.5L12.5001 3.11812L13.6904 5.5H11.3092ZM14.4717 14.5H11.5123L14.8623 10.3125C14.9824 10.1621 15.0054 9.95687 14.9224 9.78312C14.8654 9.60938 14.6935 9.5 14.4717 9.5H10.4717C10.1953 9.5 9.97168 9.72363 9.97168 10C9.97168 10.2764 10.1953 10.5 10.4717 10.5H13.431L10.0811 14.6875C9.96093 14.8379 9.93799 15.0431 10.021 15.2169C10.1311 15.3906 10.3061 15.5 10.4717 15.5H14.4435C14.7199 15.5 14.9154 15.2764 14.9154 15C14.9154 14.7236 14.7748 14.5 14.4717 14.5ZM7.4998 11.5C7.37186 11.5 7.24393 11.5488 7.14636 11.6465L4.9998 13.7937V2C4.9998 1.72363 4.77618 1.5 4.4998 1.5C4.22343 1.5 3.9998 1.72375 3.9998 2V13.7937L1.85324 11.6472C1.65793 11.4519 1.34137 11.4519 1.14637 11.6472C0.951367 11.8425 0.951055 12.1591 1.14637 12.3541L4.14637 15.3541C4.34168 15.5494 4.65824 15.5494 4.85324 15.3541L7.85324 12.3541C8.04855 12.1587 8.04855 11.8422 7.85324 11.6472C7.75605 11.55 7.62793 11.5 7.4998 11.5Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-sort);
  mask-image: var(--ic-sort);
  background: #FFF;
  display: inline-block;
  background-size: cover;
  margin-right: 3px;
}
table a.sort:hover {
  background: #02C159;
}
table .tags {
  display: flex;
  justify-content: space-between;
}
table .tags .edit {
  background-color: #02C159;
  border-radius: 100%;
  display: inline-block;
  max-height: 40px;
  width: 40px;
  height: 40px;
  min-width: 40px;
}
table .tags .edit span {
  display: inline-block;
  width: 100%;
  height: 100%;
  --ic-pencil: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd'  xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_302_12254' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_302_12254)'%3E%3Cpath d='M5 19H6.2615L16.498 8.7635L15.2365 7.502L5 17.7385V19ZM3.5 20.5V17.1155L16.6905 3.93075C16.8417 3.79342 17.0086 3.68733 17.1913 3.6125C17.3741 3.5375 17.5658 3.5 17.7663 3.5C17.9668 3.5 18.1609 3.53558 18.3488 3.60675C18.5367 3.67792 18.7032 3.79108 18.848 3.94625L20.0693 5.18275C20.2244 5.32758 20.335 5.49425 20.401 5.68275C20.467 5.87125 20.5 6.05975 20.5 6.24825C20.5 6.44942 20.4657 6.64133 20.397 6.824C20.3283 7.00683 20.2191 7.17383 20.0693 7.325L6.8845 20.5H3.5ZM15.8562 8.14375L15.2365 7.502L16.498 8.7635L15.8562 8.14375Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-pencil);
  mask-image: var(--ic-pencil);
  mask-repeat: no-repeat;
  mask-size: 24px auto;
  mask-position: center;
  background: #2A2A2A;
}
table .wrapper {
  display: flex;
  align-items: center;
}
table .wrapper img {
  margin-right: 20px;
  display: inline;
}
table .wrapper span.xsm {
  display: inline-block;
  width: 100%;
  margin: 0!important;
}
table .progress-bar {
  width: 100%;
  min-width: 300px;
}
table .progress-bar .info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
table .progress-bar .info span {
  font-size: 13px;
}
table .progress-bar .info span:first-child {
  color: #02C159;
}
table .progress-bar .progress-scale {
  background: linear-gradient(to right, #c3bdcd 0%, #625f67 100%);
  height: 15px;
  border-radius: 10px;
  position: relative;
}
table .progress-bar .progress-scale span {
  background: #02C159;
  height: 15px;
  border-radius: 10px;
  display: inline-block;
  line-height: normal;
}
table .progress-bar .progress-scale span.amount-paid {
  position: absolute;
  top: 0px;
  left: 0;
  background: #03f370;
  font-size: 10px;
  text-align: center;
  color: #424242;
}
table .progress-bar #campaign-paid-history {
  margin-top: 10px;
  display: inline-block;
}
table input {
  padding: 12px 16px;
  font-size: 12px;
}
span.group-name {
  border: 0;
  color: #FFF;
  font-weight: 600;
  opacity: 1;
  padding: 5px;
  margin: 5px 0;
  width: 90%;
  min-width: initial;
  overflow: hidden;
  text-wrap: nowrap;
  outline: none;
  left: -5px;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  overflow-y: hidden;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
}
span.group-name* {
  display: inline;
  white-space: nowrap;
}
span.group-namebr {
  display: none;
}
span.group-name::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
span.group-name.edit {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.btn {
  width: auto;
  padding: 9px 30px;
  border-radius: 30px;
  box-sizing: border-box;
  display: inline-block;
  min-width: 150px;
  text-align: center;
  font-size: 16px;
  border: 0;
  font-weight: 500;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  margin: 5px;
  outline: none;
}
.btn:disabled,
.btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn.hide {
  display: none;
}
.btn.sm {
  padding: 6px 16px;
  font-size: 12px;
}
.btn.green {
  background: #02C159;
  color: #FFF;
}
.btn.green:hover {
  background: rgba(2, 193, 89, 0.8);
}
.btn.green.white {
  color: #FFF;
  font-weight: 600;
}
.btn.yellow {
  background: #FFA228;
  color: #FFF;
}
.btn.yellow:hover {
  background: rgba(255, 162, 40, 0.8);
}
.btn.red {
  background: #FF3F34;
  color: #FFF;
}
.btn.red:hover {
  background: rgba(255, 63, 52, 0.8);
}
.btn.dark {
  background: rgba(0, 0, 0, 0.1);
  color: #02C159;
}
.btn.border-green {
  border: 1px solid #02C159;
  background: transparent;
  color: #02C159;
}
.btn.border-green:hover {
  color: rgba(2, 193, 89, 0.8);
  border: 1px solid rgba(2, 193, 89, 0.8);
}
.btn.border-yellow {
  border: 1px solid #FFA228;
  background: transparent;
  color: #FFA228;
}
.btn.border-yellow:hover {
  color: rgba(255, 162, 40, 0.8);
  border: 1px solid rgba(255, 162, 40, 0.8);
}
.btn.border-red {
  border: 1px solid #FF3F34;
  background: transparent;
  color: #FF3F34;
}
.btn.border-red:hover {
  color: rgba(255, 63, 52, 0.8);
  border: 1px solid rgba(255, 63, 52, 0.8);
}
.btn.show {
  display: inline-block !important;
}
.btn.edit-name-group,
.btn.edit {
  min-width: auto;
  padding: 9px;
  border-radius: 5px;
  mask-size: cover;
}
.btn.edit-name-group span,
.btn.edit span {
  display: inline-block;
  padding: 0;
  background: #02C159;
  mask-size: 50% auto;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 20px;
  height: 20px;
  mask-size: auto 100%;
  min-width: initial;
  border-radius: 5px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.btn.edit-name-group.border,
.btn.edit.border {
  border: 1px solid #02C159;
}
.btn.edit-name-group {
  --ic-pencil: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd'  xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_302_12254' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_302_12254)'%3E%3Cpath d='M5 19H6.2615L16.498 8.7635L15.2365 7.502L5 17.7385V19ZM3.5 20.5V17.1155L16.6905 3.93075C16.8417 3.79342 17.0086 3.68733 17.1913 3.6125C17.3741 3.5375 17.5658 3.5 17.7663 3.5C17.9668 3.5 18.1609 3.53558 18.3488 3.60675C18.5367 3.67792 18.7032 3.79108 18.848 3.94625L20.0693 5.18275C20.2244 5.32758 20.335 5.49425 20.401 5.68275C20.467 5.87125 20.5 6.05975 20.5 6.24825C20.5 6.44942 20.4657 6.64133 20.397 6.824C20.3283 7.00683 20.2191 7.17383 20.0693 7.325L6.8845 20.5H3.5ZM15.8562 8.14375L15.2365 7.502L16.498 8.7635L15.8562 8.14375Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-pencil);
  mask-image: var(--ic-pencil);
}
.btn.edit-name-group.close {
  --ic-close: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22756 9.83648L0.164062 8.77298L3.93706 4.99998L0.164062 1.25198L1.22756 0.188477L5.00056 3.96148L8.74856 0.188477L9.81206 1.25198L6.03906 4.99998L9.81206 8.77298L8.74856 9.83648L5.00056 6.06348L1.22756 9.83648Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-close);
  mask-image: var(--ic-close);
  background: #FFF;
  background: #02C159;
  mask-size: auto 14px;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: auto 100%;
}
.btn.edit span {
  --ic-pencil: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd'  xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_302_12254' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_302_12254)'%3E%3Cpath d='M5 19H6.2615L16.498 8.7635L15.2365 7.502L5 17.7385V19ZM3.5 20.5V17.1155L16.6905 3.93075C16.8417 3.79342 17.0086 3.68733 17.1913 3.6125C17.3741 3.5375 17.5658 3.5 17.7663 3.5C17.9668 3.5 18.1609 3.53558 18.3488 3.60675C18.5367 3.67792 18.7032 3.79108 18.848 3.94625L20.0693 5.18275C20.2244 5.32758 20.335 5.49425 20.401 5.68275C20.467 5.87125 20.5 6.05975 20.5 6.24825C20.5 6.44942 20.4657 6.64133 20.397 6.824C20.3283 7.00683 20.2191 7.17383 20.0693 7.325L6.8845 20.5H3.5ZM15.8562 8.14375L15.2365 7.502L16.498 8.7635L15.8562 8.14375Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-pencil);
  mask-image: var(--ic-pencil);
}
.btn.share span {
  --ic-share: url("data:image/svg+xml,%3Csvg fill-rule='evenodd' height='800px' width='800px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 458.624 458.624' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M339.588,314.529c-14.215,0-27.456,4.133-38.621,11.239l-112.682-78.67c1.809-6.315,2.798-12.976,2.798-19.871 c0-6.896-0.989-13.557-2.798-19.871l109.64-76.547c11.764,8.356,26.133,13.286,41.662,13.286c39.79,0,72.047-32.257,72.047-72.047 C411.634,32.258,379.378,0,339.588,0c-39.79,0-72.047,32.257-72.047,72.047c0,5.255,0.578,10.373,1.646,15.308l-112.424,78.491 c-10.974-6.759-23.892-10.666-37.727-10.666c-39.79,0-72.047,32.257-72.047,72.047s32.256,72.047,72.047,72.047 c13.834,0,26.753-3.907,37.727-10.666l113.292,79.097c-1.629,6.017-2.514,12.34-2.514,18.872c0,39.79,32.257,72.047,72.047,72.047 c39.79,0,72.047-32.257,72.047-72.047C411.635,346.787,379.378,314.529,339.588,314.529z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--ic-share);
  mask-image: var(--ic-share);
}
.btn input[type=file] {
  display: none;
}
.link.lg {
  font-size: 16px;
}
.link.md {
  font-size: 14px;
}
.link.sm {
  font-size: 12px;
}
.link.xsm {
  font-size: 10px;
}
.link.white {
  color: #FFF;
}
.link.white:hover {
  color: #02C159;
}
.link.green {
  color: #02C159;
}
.link.green:hover {
  color: rgba(2, 193, 89, 0.5);
}
input,
textarea,
button {
  font-family: "Poppins", sans-serif;
}
input,
textarea {
  width: 100%;
  border: 1px solid #FFF;
  border-radius: 4px;
  padding: 15px 16px;
  box-sizing: border-box;
  color: #FFF;
  background: transparent;
  font-size: 16px;
  outline: none;
  resize: none;
}
input:read-only,
textarea:read-only {
  opacity: 0.5;
}
input:read-only:focus,
textarea:read-only:focus {
  border: 1px solid #FFF;
}
input.error,
textarea.error {
  border: 1px solid #FF3F34 !important;
}
input:focus,
textarea:focus {
  border: 1px solid #02C159;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
input#search,
textarea#search,
input#search-group,
textarea#search-group {
  background: rgba(255, 255, 255, 0.1);
  padding-left: 48px;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=checkbox] {
  position: relative;
  visibility: hidden;
  display: none;
}
input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: '';
  height: 17px;
  width: 17px;
  top: 0;
  left: 0;
  border: 2px solid #FFF;
  cursor: pointer;
}
input[type=checkbox] + span:after {
  content: '';
  display: block;
  position: absolute;
  height: 9px;
  width: 9px;
  top: 6px;
  left: 6px;
  visibility: hidden;
}
input[type=checkbox]:checked + span:before {
  background: transparent;
}
input[type=checkbox]:checked + span:after {
  background: #FFF;
  visibility: visible;
}
input[type=radio] {
  position: relative;
  visibility: hidden;
  display: none;
}
input[type=radio] + span:before {
  background: transparent;
  border: 1px solid #02C159;
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 30px;
  z-index: -1;
}
input[type=radio] + span {
  color: #FFF;
  z-index: 1;
  position: relative;
  padding: 9px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
input[type=radio] + span.active:before {
  background: #02C159;
}
input[type=radio]:checked + span:before {
  background: #02C159;
}
.ic-dashboard {
  --dashboard: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9224 3.21853C15.5618 3.21853 15.2572 3.094 15.0085 2.84495C14.7599 2.5959 14.6356 2.29105 14.6356 1.93042C14.6356 1.56979 14.7601 1.26516 15.0092 1.01653C15.2582 0.768105 15.5631 0.643895 15.9237 0.643895C16.2843 0.643895 16.5889 0.76842 16.8376 1.01747C17.0862 1.26631 17.2105 1.57116 17.2105 1.932C17.2105 2.29263 17.086 2.59726 16.8369 2.84589C16.5879 3.09432 16.2831 3.21853 15.9224 3.21853ZM15.8858 23.3561C15.5252 23.3561 15.2206 23.2316 14.9722 22.9825C14.7236 22.7337 14.5993 22.4288 14.5993 22.068C14.5993 21.7074 14.7238 21.4027 14.9728 21.1541C15.2219 20.9057 15.5267 20.7815 15.8874 20.7815C16.248 20.7815 16.5526 20.906 16.8013 21.1551C17.0497 21.4041 17.1739 21.7089 17.1739 22.0696C17.1739 22.4302 17.0495 22.7348 16.8006 22.9835C16.5516 23.2319 16.2466 23.3561 15.8858 23.3561ZM20.9384 7.494C20.5778 7.494 20.2733 7.36947 20.0248 7.12042C19.7762 6.87137 19.6519 6.56653 19.6519 6.2059C19.6519 5.84526 19.7764 5.54063 20.0255 5.292C20.2745 5.04337 20.5794 4.91905 20.94 4.91905C21.3006 4.91905 21.6053 5.04358 21.8539 5.29263C22.1023 5.54168 22.2265 5.84653 22.2265 6.20716C22.2265 6.56779 22.1021 6.87242 21.8533 7.12105C21.6042 7.36968 21.2993 7.494 20.9384 7.494ZM20.9021 19.1173C20.5415 19.1173 20.2368 18.9927 19.9882 18.7437C19.7396 18.4948 19.6153 18.19 19.6153 17.8292C19.6153 17.4685 19.7398 17.1639 19.9888 16.9153C20.2379 16.6668 20.5427 16.5426 20.9034 16.5426C21.2642 16.5426 21.5688 16.6672 21.8173 16.9162C22.0659 17.1651 22.1902 17.4699 22.1902 17.8307C22.1902 18.1914 22.0657 18.496 21.8166 18.7446C21.5676 18.9931 21.2627 19.1173 20.9021 19.1173ZM22.7119 13.2875C22.3513 13.2875 22.0466 13.1629 21.798 12.9139C21.5494 12.6648 21.4251 12.36 21.4251 11.9994C21.4251 11.6387 21.5496 11.3341 21.7986 11.0855C22.0477 10.8368 22.3525 10.7125 22.7132 10.7125C23.0738 10.7125 23.3784 10.8371 23.6271 11.0861C23.8757 11.3352 24 11.64 24 12.0006C24 12.3613 23.8755 12.6659 23.6264 12.9145C23.3774 13.1632 23.0725 13.2875 22.7119 13.2875ZM12 24C10.3417 24 8.78232 23.6851 7.32189 23.0552C5.86147 22.4253 4.59116 21.5704 3.51095 20.4906C2.43074 19.4108 1.57547 18.1411 0.945158 16.6813C0.315052 15.2215 0 13.6618 0 12.0022C0 10.3424 0.315052 8.78232 0.945158 7.32189C1.57505 5.86147 2.43 4.59116 3.51 3.51095C4.59 2.43074 5.86 1.57547 7.32 0.945158C8.78 0.315052 10.34 0 12 0V1.89474C9.17895 1.89474 6.78947 2.87368 4.83158 4.83158C2.87368 6.78947 1.89474 9.17895 1.89474 12C1.89474 14.8211 2.87368 17.2105 4.83158 19.1684C6.78947 21.1263 9.17895 22.1053 12 22.1053V24ZM12 14.2105C11.3863 14.2105 10.8644 13.9956 10.4343 13.5657C10.0044 13.1356 9.78947 12.6137 9.78947 12C9.78947 11.8705 9.79884 11.7438 9.81758 11.6198C9.83611 11.496 9.87453 11.3774 9.93284 11.2639L7.39674 8.71579L8.71579 7.39674L11.2639 9.93284C11.3563 9.89558 11.6017 9.84779 12 9.78947C12.6137 9.78947 13.1356 10.0044 13.5657 10.4343C13.9956 10.8644 14.2105 11.3863 14.2105 12C14.2105 12.6137 13.9956 13.1356 13.5657 13.5657C13.1356 13.9956 12.6137 14.2105 12 14.2105Z' /%3E%3C/svg%3E");
  -webkit-mask-image: var(--dashboard);
  mask-image: var(--dashboard);
  background: #FFF;
}
.ic-challenges {
  --challenges: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.57675 24V22.5H11.25V16.8694C9.92875 16.6326 8.7725 16.0801 7.78125 15.2119C6.79 14.3436 6.10775 13.2673 5.7345 11.9827C4.148 11.7963 2.79562 11.1458 1.67737 10.0312C0.559125 8.91675 0 7.573 0 6V4.5C0 4.098 0.1495 3.7475 0.4485 3.4485C0.7475 3.1495 1.098 3 1.5 3H5.48063V0H18.5194V3H22.5C22.902 3 23.2525 3.1495 23.5515 3.4485C23.8505 3.7475 24 4.098 24 4.5V6C24 7.573 23.4409 8.91675 22.3226 10.0312C21.2044 11.1458 19.852 11.7963 18.2655 11.9827C17.8923 13.2673 17.21 14.3436 16.2188 15.2119C15.2275 16.0801 14.0712 16.6326 12.75 16.8694V22.5H17.4233V24H6.57675ZM5.48063 10.3733V4.5H1.5V6C1.5 7.14225 1.88075 8.1235 2.64225 8.94375C3.40375 9.764 4.34987 10.2405 5.48063 10.3733ZM12 15.4039C13.3845 15.4039 14.5576 14.9231 15.5194 13.9616C16.4809 13.0001 16.9616 11.827 16.9616 10.4423V1.5H7.03838V10.4423C7.03838 11.827 7.51912 13.0001 8.48063 13.9616C9.44238 14.9231 10.6155 15.4039 12 15.4039ZM18.5194 10.3733C19.6501 10.2405 20.5962 9.764 21.3577 8.94375C22.1192 8.1235 22.5 7.14225 22.5 6V4.5H18.5194V10.3733Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--challenges);
  mask-image: var(--challenges);
  background: #FFF;
}
.ic-employees {
  --employees: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.154 24C1.54022 24 1.02778 23.7944 0.616667 23.3833C0.205556 22.9722 0 22.4598 0 21.846V8.82067C0 8.20689 0.205556 7.69444 0.616667 7.28333C1.02778 6.87222 1.54022 6.66667 2.154 6.66667H9.33333V1.33333C9.33333 0.958889 9.462 0.643112 9.71933 0.386001C9.97644 0.128667 10.2922 0 10.6667 0H13.3333C13.7078 0 14.0236 0.128667 14.2807 0.386001C14.538 0.643112 14.6667 0.958889 14.6667 1.33333V6.66667H21.846C22.4598 6.66667 22.9722 6.87222 23.3833 7.28333C23.7944 7.69444 24 8.20689 24 8.82067V21.846C24 22.4598 23.7944 22.9722 23.3833 23.3833C22.9722 23.7944 22.4598 24 21.846 24H2.154ZM2.154 22.6667H21.846C22.0853 22.6667 22.282 22.5898 22.436 22.436C22.5898 22.282 22.6667 22.0853 22.6667 21.846V8.82067C22.6667 8.58133 22.5898 8.38467 22.436 8.23067C22.282 8.07689 22.0853 8 21.846 8H14.6667V9.02567C14.6667 9.383 14.5338 9.69456 14.268 9.96033C14.0022 10.2261 13.6907 10.359 13.3333 10.359H10.6667C10.3093 10.359 9.99778 10.2261 9.732 9.96033C9.46622 9.69456 9.33333 9.383 9.33333 9.02567V8H2.154C1.91467 8 1.718 8.07689 1.564 8.23067C1.41022 8.38467 1.33333 8.58133 1.33333 8.82067V21.846C1.33333 22.0853 1.41022 22.282 1.564 22.436C1.718 22.5898 1.91467 22.6667 2.154 22.6667ZM4.41033 19.2307H11.5897V19.041C11.5897 18.7317 11.5056 18.45 11.3373 18.196C11.1689 17.9422 10.9384 17.7436 10.646 17.6C10.2187 17.4171 9.78578 17.2799 9.34733 17.1883C8.90889 17.097 8.45978 17.0513 8 17.0513C7.54022 17.0513 7.09111 17.097 6.65267 17.1883C6.21422 17.2799 5.78133 17.4171 5.354 17.6C5.06156 17.7436 4.83111 17.9422 4.66267 18.196C4.49444 18.45 4.41033 18.7317 4.41033 19.041V19.2307ZM14.6667 17.1793H20V16H14.6667V17.1793ZM8 16C8.436 16 8.80989 15.844 9.12167 15.532C9.43367 15.22 9.58967 14.8461 9.58967 14.4103C9.58967 13.9743 9.43367 13.6003 9.12167 13.2883C8.80989 12.9766 8.436 12.8207 8 12.8207C7.564 12.8207 7.19011 12.9766 6.87833 13.2883C6.56633 13.6003 6.41033 13.9743 6.41033 14.4103C6.41033 14.8461 6.56633 15.22 6.87833 15.532C7.19011 15.844 7.564 16 8 16ZM14.6667 14H20V12.8207H14.6667V14ZM10.6667 9.02567H13.3333V1.33333H10.6667V9.02567Z'/%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--employees);
  mask-image: var(--employees);
  background: #FFF;
}
.ic-campaigns {
  --campaigns: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill-rule='evenodd'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.154 24.6592C1.54022 24.6592 1.02778 24.4536 0.616667 24.0425C0.205556 23.6314 0 23.119 0 22.5052V9.47985C0 8.86607 0.205556 8.35362 0.616667 7.94251C1.02778 7.5314 1.54022 7.32585 2.154 7.32585H9.33333V1.99251C9.33333 1.61807 9.462 1.30229 9.71933 1.04518C9.97644 0.787847 10.2922 0.65918 10.6667 0.65918H13.3333C13.7078 0.65918 14.0236 0.787847 14.2807 1.04518C14.538 1.30229 14.6667 1.61807 14.6667 1.99251V7.32585H21.846C22.4598 7.32585 22.9722 7.5314 23.3833 7.94251C23.7944 8.35362 24 8.86607 24 9.47985V22.5052C24 23.119 23.7944 23.6314 23.3833 24.0425C22.9722 24.4536 22.4598 24.6592 21.846 24.6592H2.154ZM2.154 23.3258H21.846C22.0853 23.3258 22.282 23.249 22.436 23.0952C22.5898 22.9412 22.6667 22.7445 22.6667 22.5052V9.47985C22.6667 9.24051 22.5898 9.04385 22.436 8.88985C22.282 8.73607 22.0853 8.65918 21.846 8.65918H14.6667V9.68485C14.6667 10.0422 14.5338 10.3537 14.268 10.6195C14.0022 10.8853 13.6907 11.0182 13.3333 11.0182H10.6667C10.3093 11.0182 9.99778 10.8853 9.732 10.6195C9.46622 10.3537 9.33333 10.0422 9.33333 9.68485V8.65918H2.154C1.91467 8.65918 1.718 8.73607 1.564 8.88985C1.41022 9.04385 1.33333 9.24051 1.33333 9.47985V22.5052C1.33333 22.7445 1.41022 22.9412 1.564 23.0952C1.718 23.249 1.91467 23.3258 2.154 23.3258ZM4.41033 19.8898H11.5897V19.7002C11.5897 19.3908 11.5056 19.1092 11.3373 18.8552C11.1689 18.6014 10.9384 18.4027 10.646 18.2592C10.2187 18.0763 9.78578 17.9391 9.34733 17.8475C8.90889 17.7562 8.45978 17.7105 8 17.7105C7.54022 17.7105 7.09111 17.7562 6.65267 17.8475C6.21422 17.9391 5.78133 18.0763 5.354 18.2592C5.06156 18.4027 4.83111 18.6014 4.66267 18.8552C4.49444 19.1092 4.41033 19.3908 4.41033 19.7002V19.8898ZM14.6667 17.8385H20V16.6592H14.6667V17.8385ZM8 16.6592C8.436 16.6592 8.80989 16.5032 9.12167 16.1912C9.43367 15.8792 9.58967 15.5053 9.58967 15.0695C9.58967 14.6335 9.43367 14.2595 9.12167 13.9475C8.80989 13.6357 8.436 13.4798 8 13.4798C7.564 13.4798 7.19011 13.6357 6.87833 13.9475C6.56633 14.2595 6.41033 14.6335 6.41033 15.0695C6.41033 15.5053 6.56633 15.8792 6.87833 16.1912C7.19011 16.5032 7.564 16.6592 8 16.6592ZM14.6667 14.6592H20V13.4798H14.6667V14.6592ZM10.6667 9.68485H13.3333V1.99251H10.6667V9.68485Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--campaigns);
  mask-image: var(--campaigns);
  background: #FFF;
}
.ic-collections {
  --collections: url("data:image/svg+xml,%3Csvg width='76' height='38' viewBox='0 0 76 38' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_799_12786' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='23' y='4' width='30' height='29'%3E%3Crect x='23.877' y='4.70752' width='28.2444' height='28.2444' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_799_12786)'%3E%3Cpath d='M37.9981 15.0612L37.9974 15.0605C37.4052 14.4874 36.9044 13.8529 36.4943 13.1567C36.0956 12.4799 35.8963 11.7441 35.8963 10.9446C35.8963 9.93141 36.2481 9.07826 36.9558 8.37053C37.6636 7.6628 38.5167 7.31104 39.5299 7.31104C40.1211 7.31104 40.6723 7.43544 41.1866 7.68341C41.7059 7.93377 42.1492 8.27114 42.5188 8.69614L42.7074 8.91309L42.8961 8.69614C43.2657 8.27114 43.709 7.93377 44.2282 7.68341C44.7425 7.43544 45.2937 7.31104 45.8849 7.31104C46.8982 7.31104 47.7513 7.6628 48.459 8.37053C49.1668 9.07826 49.5185 9.93141 49.5185 10.9446C49.5185 11.7453 49.3236 12.4818 48.934 13.159C48.534 13.8541 48.0386 14.4879 47.4469 15.0605L47.4467 15.0607L42.708 19.6576L37.9981 15.0612ZM42.5323 16.8896L42.7074 17.0615L42.8826 16.8896L46.0895 13.7415L46.0911 13.7399C46.4724 13.3587 46.8236 12.9523 47.1447 12.5208C47.4908 12.0556 47.6648 11.5276 47.6648 10.9446C47.6648 10.4496 47.4933 10.0223 47.1503 9.67928C46.8073 9.33627 46.38 9.16473 45.8849 9.16473C45.5766 9.16473 45.2823 9.22553 45.0046 9.34772C44.7222 9.47197 44.4802 9.65828 44.2799 9.9028C44.2797 9.9031 44.2795 9.9034 44.2792 9.90369L42.7074 11.7898L41.1356 9.90369C41.1354 9.90336 41.1351 9.90303 41.1348 9.9027C40.9346 9.65822 40.6926 9.47195 40.4103 9.34772C40.1326 9.22553 39.8383 9.16473 39.5299 9.16473C39.0349 9.16473 38.6076 9.33627 38.2646 9.67928C37.9216 10.0223 37.75 10.4496 37.75 10.9446C37.75 11.5276 37.924 12.0556 38.2702 12.5208C38.5913 12.9523 38.9425 13.3587 39.3237 13.7399L39.3254 13.7415L42.5323 16.8896ZM31.8658 26.4791V26.6699L32.0499 26.7202L40.229 28.9562L40.2994 28.9755L40.3691 28.9538L47.3714 26.7766L47.665 26.6853L47.5157 26.4165C47.3966 26.2022 47.2263 26.0223 47.0117 25.8755C46.782 25.7183 46.5215 25.6406 46.238 25.6406H40.2949C39.7698 25.6406 39.3598 25.6211 39.0608 25.5837C38.7667 25.547 38.4606 25.4731 38.1421 25.3607L38.1421 25.3606L38.1379 25.3592L35.6281 24.5226L36.1395 22.7095L38.274 23.421L38.274 23.4212L38.2825 23.4237C38.6316 23.5264 39.0373 23.6071 39.4976 23.6671C39.9624 23.7278 40.6401 23.7672 41.525 23.7869L41.7806 23.7926V23.5369C41.7806 23.2687 41.7005 23.016 41.549 22.7828C41.3995 22.5529 41.2072 22.3822 40.9662 22.3007L34.085 19.7717L34.0432 19.7564H33.9987H32.1158H31.8658V20.0064V26.4791ZM31.8658 28.8916V30.348H25.3047V17.9027H33.9987C34.118 17.9027 34.2378 17.9155 34.3583 17.9413C34.4862 17.9687 34.6034 18.0002 34.7102 18.0357L41.6203 20.5939L41.6217 20.5944C42.218 20.8112 42.7011 21.1893 43.0747 21.7362C43.4487 22.2835 43.6343 22.8817 43.6343 23.5369V23.7869H43.8843H46.238C47.1577 23.7869 47.9292 24.0881 48.5673 24.6897C49.1973 25.2837 49.5185 26.0679 49.5185 27.0675V28.0605L40.3497 30.9258L32.1829 28.6508L31.8658 28.5624V28.8916ZM27.1584 28.2443V28.4943H27.4084H29.7621H30.0121V28.2443V20.0064V19.7564H29.7621H27.4084H27.1584V20.0064V28.2443Z' /%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--collections);
  mask-image: var(--collections);
  background: #FFF;
}
.ic-notifications {
  --ic-notifications: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 17.0741V15.5112H4.38383V7.73541C4.38383 6.33398 4.81639 5.09485 5.68149 4.01803C6.54642 2.9412 7.65694 2.25247 9.01304 1.95183V1.30261C9.01304 0.940831 9.13957 0.633242 9.39263 0.379841C9.64568 0.126614 9.95292 0 10.3144 0C10.676 0 10.9836 0.126614 11.2374 0.379841C11.4913 0.633242 11.6183 0.940831 11.6183 1.30261V1.95183C12.9744 2.25247 14.0849 2.9412 14.9498 4.01803C15.8149 5.09485 16.2475 6.33398 16.2475 7.73541V15.5112H18.1313V17.0741H2.5ZM10.3138 20C9.79539 20 9.35216 19.8155 8.98413 19.4467C8.61592 19.0778 8.43182 18.6343 8.43182 18.1162H12.1995C12.1995 18.636 12.0149 19.0799 11.6456 19.448C11.2764 19.816 10.8324 20 10.3138 20ZM5.94696 15.5112H14.6843V7.73541C14.6843 6.52902 14.2579 5.49935 13.4049 4.64641C12.5518 3.79328 11.522 3.36672 10.3157 3.36672C9.10926 3.36672 8.07951 3.79328 7.22639 4.64641C6.37344 5.49935 5.94696 6.52902 5.94696 7.73541V15.5112Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-notifications);
  mask-image: var(--ic-notifications);
  background: #FFF;
}
.ic-logout {
  --ic-logout: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' fill-rule='evenodd' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M262.1,0.1c80.5,0,155,35.7,204.5,95.8c5.9,7.2,4.7,17.8-2.6,23.5c-7.4,5.8-18.2,4.6-24.1-2.6 c-43-52.3-107.7-83.3-177.7-83.3C136.3,33.5,34.3,133.1,34.3,256s102,222.5,227.8,222.5c71,0,136.6-31.9,179.6-85.6 c5.8-7.3,16.6-8.6,24.1-2.9c7.4,5.7,8.8,16.2,2.9,23.5c-49.4,61.7-124.9,98.4-206.6,98.4C117.3,511.9,0,397.4,0,256 S117.3,0.1,262.1,0.1z M437.6,183.3l69.3,69.3c6.7,6.7,6.8,17.4,0.3,24l-67.7,67.7c-6.5,6.5-17.3,6.4-24-0.3 c-6.7-6.7-6.8-17.4-0.3-24l39.6-39.6H191c-9.5,0-17.1-7.5-17.1-16.7c0-9.2,7.7-16.7,17.1-16.7l262.8,0L413.9,207 c-6.7-6.7-6.8-17.4-0.3-24C420.2,176.5,430.9,176.6,437.6,183.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-logout);
  mask-image: var(--ic-logout);
  background: #FFF;
}
.ic-my-company {
  --my-company: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill-rule='evenodd' viewBox='0 0 256 256' enable-background='new 0 0 256 256' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23000000' d='M65.1,122.7h37.7v8.8H65.1V122.7L65.1,122.7z'/%3E%3Cpath fill='%23000000' d='M65.1,147h37.7v8.9H65.1V147z'/%3E%3Cpath fill='%23000000' d='M65.1,172h37.7v8.9H65.1V172z'/%3E%3Cpath fill='%23000000' d='M65.1,197.1h37.7v8.9H65.1V197.1z'/%3E%3Cpath fill='%23000000' d='M130.1,74.6h60.3v8.9h-60.3V74.6L130.1,74.6z'/%3E%3Cpath fill='%23000000' d='M130.1,103.7h60.3v8.9h-60.3V103.7L130.1,103.7z'/%3E%3Cpath fill='%23000000' d='M130.1,132.8h60.3v8.9h-60.3V132.8L130.1,132.8z'/%3E%3Cpath fill='%23000000' d='M208.8,223V41.7h-36.7V24.1h-60.3v17.6v8.9v28.6h-53v17.6H47.2V223H10v8.9h37.2h64.6h8.9h19h39h30.2H246V223H208.8z M120.7,32.9h42.6v8.7h-42.6V32.9z M67.6,88h42.6v8.7H67.6V88z M56.1,223V105.6h2.7h53V223H56.1z M148.4,223v-26.3h21.3V223H148.4z M178.6,223v-35.2h-39V223h-19V96.8V50.5h51.4h27.8V223H178.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--my-company);
  mask-image: var(--my-company);
  background: #FFF;
}
.ic-my-account {
  --my-account: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0724 4.02447C15.1063 3.04182 13.7429 2.5 12.152 2.5C10.5611 2.5 9.19773 3.04182 8.23167 4.02447C7.26636 5.00636 6.73644 6.38891 6.73644 8C6.73644 10.169 7.68081 11.567 8.8496 12.4062C9.07675 12.5692 9.3115 12.7107 9.54832 12.8327C8.24215 13.1916 7.18158 13.8173 6.31809 14.5934C4.95272 15.8205 4.10647 17.3993 3.53633 18.813C3.43305 19.0691 3.55693 19.3604 3.81304 19.4637C4.06914 19.567 4.36047 19.4431 4.46375 19.187C5.00642 17.8414 5.78146 16.4202 6.98653 15.3371C8.1795 14.265 9.82009 13.5 12.152 13.5C14.332 13.5 15.9058 14.1685 17.074 15.1279C18.252 16.0953 19.0453 17.3816 19.6137 18.6532C19.9929 19.5016 19.3274 20.5 18.2827 20.5H6.74488C6.46874 20.5 6.24488 20.7239 6.24488 21C6.24488 21.2761 6.46874 21.5 6.74488 21.5H18.2827C19.9348 21.5 21.2479 19.8588 20.5267 18.2452C19.9232 16.8952 19.0504 15.4569 17.7087 14.3551C16.9123 13.7011 15.9603 13.1737 14.8203 12.8507C15.43 12.5136 15.9312 12.0662 16.33 11.5591C17.1929 10.462 17.5676 9.10016 17.5676 8C17.5676 6.38891 17.0377 5.00636 16.0724 4.02447ZM15.3593 4.72553C16.1144 5.49364 16.5676 6.61109 16.5676 8C16.5676 8.89984 16.2541 10.038 15.544 10.9409C14.8475 11.8265 13.7607 12.5 12.152 12.5C11.5014 12.5 10.3789 12.2731 9.43284 11.5938C8.51251 10.933 7.73644 9.83102 7.73644 8C7.73644 6.61109 8.18963 5.49364 8.94477 4.72553C9.69916 3.95818 10.7935 3.5 12.152 3.5C13.5105 3.5 14.6049 3.95818 15.3593 4.72553Z' fill='%23000000'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--my-accounte);
  mask-image: var(--my-account);
  background: #FFF;
}
.ic-sort {
  --ic-sort: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4467 6.775L12.9748 1.775C12.8049 1.43719 12.2501 1.43719 12.0804 1.775L9.60855 6.775C9.48502 7.02206 9.58511 7.32188 9.83218 7.44594C10.0792 7.57094 10.3797 7.4684 10.5031 7.22231L10.8092 6.5H14.1904L14.5523 7.22375C14.649 7.41613 14.9298 7.595 15.2232 7.44737C15.4717 7.32187 15.5717 7.025 15.4467 6.775ZM11.3092 5.5L12.5001 3.11812L13.6904 5.5H11.3092ZM14.4717 14.5H11.5123L14.8623 10.3125C14.9824 10.1621 15.0054 9.95687 14.9224 9.78312C14.8654 9.60938 14.6935 9.5 14.4717 9.5H10.4717C10.1953 9.5 9.97168 9.72363 9.97168 10C9.97168 10.2764 10.1953 10.5 10.4717 10.5H13.431L10.0811 14.6875C9.96093 14.8379 9.93799 15.0431 10.021 15.2169C10.1311 15.3906 10.3061 15.5 10.4717 15.5H14.4435C14.7199 15.5 14.9154 15.2764 14.9154 15C14.9154 14.7236 14.7748 14.5 14.4717 14.5ZM7.4998 11.5C7.37186 11.5 7.24393 11.5488 7.14636 11.6465L4.9998 13.7937V2C4.9998 1.72363 4.77618 1.5 4.4998 1.5C4.22343 1.5 3.9998 1.72375 3.9998 2V13.7937L1.85324 11.6472C1.65793 11.4519 1.34137 11.4519 1.14637 11.6472C0.951367 11.8425 0.951055 12.1591 1.14637 12.3541L4.14637 15.3541C4.34168 15.5494 4.65824 15.5494 4.85324 15.3541L7.85324 12.3541C8.04855 12.1587 8.04855 11.8422 7.85324 11.6472C7.75605 11.55 7.62793 11.5 7.4998 11.5Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-sort);
  mask-image: var(--ic-sort);
  background: #FFF;
}
.ic-pencil {
  --ic-pencil: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd'  xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_302_12254' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_302_12254)'%3E%3Cpath d='M5 19H6.2615L16.498 8.7635L15.2365 7.502L5 17.7385V19ZM3.5 20.5V17.1155L16.6905 3.93075C16.8417 3.79342 17.0086 3.68733 17.1913 3.6125C17.3741 3.5375 17.5658 3.5 17.7663 3.5C17.9668 3.5 18.1609 3.53558 18.3488 3.60675C18.5367 3.67792 18.7032 3.79108 18.848 3.94625L20.0693 5.18275C20.2244 5.32758 20.335 5.49425 20.401 5.68275C20.467 5.87125 20.5 6.05975 20.5 6.24825C20.5 6.44942 20.4657 6.64133 20.397 6.824C20.3283 7.00683 20.2191 7.17383 20.0693 7.325L6.8845 20.5H3.5ZM15.8562 8.14375L15.2365 7.502L16.498 8.7635L15.8562 8.14375Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-pencil);
  mask-image: var(--ic-pencil);
}
.ic-close {
  --ic-close: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22756 9.83648L0.164062 8.77298L3.93706 4.99998L0.164062 1.25198L1.22756 0.188477L5.00056 3.96148L8.74856 0.188477L9.81206 1.25198L6.03906 4.99998L9.81206 8.77298L8.74856 9.83648L5.00056 6.06348L1.22756 9.83648Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-close);
  mask-image: var(--ic-close);
  background: #FFF;
}
.ic-bell {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_540_8744' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_540_8744)'%3E%3Cpath d='M2.5 17.0741V15.5112H4.38383V7.73541C4.38383 6.33398 4.81639 5.09485 5.68149 4.01803C6.54642 2.9412 7.65694 2.25247 9.01304 1.95183V1.30261C9.01304 0.940831 9.13957 0.633242 9.39263 0.379841C9.64568 0.126614 9.95292 0 10.3144 0C10.676 0 10.9836 0.126614 11.2374 0.379841C11.4913 0.633242 11.6183 0.940831 11.6183 1.30261V1.95183C12.9744 2.25247 14.0849 2.9412 14.9498 4.01803C15.8149 5.09485 16.2475 6.33398 16.2475 7.73541V15.5112H18.1313V17.0741H2.5ZM10.3138 20C9.79539 20 9.35216 19.8155 8.98413 19.4467C8.61592 19.0778 8.43182 18.6343 8.43182 18.1162H12.1995C12.1995 18.636 12.0149 19.0799 11.6456 19.448C11.2764 19.816 10.8324 20 10.3138 20ZM5.94696 15.5112H14.6843V7.73541C14.6843 6.52902 14.2579 5.49935 13.4049 4.64641C12.5518 3.79328 11.522 3.36672 10.3157 3.36672C9.10926 3.36672 8.07951 3.79328 7.22639 4.64641C6.37344 5.49935 5.94696 6.52902 5.94696 7.73541V15.5112Z' fill='%232A2A2A'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.ic-warning {
  --ic-warning: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_302_12940' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_302_12940)'%3E%3Cpath d='M1 21L12 2L23 21H1ZM4.45 19H19.55L12 6L4.45 19ZM12 18C12.2833 18 12.5208 17.9042 12.7125 17.7125C12.9042 17.5208 13 17.2833 13 17C13 16.7167 12.9042 16.4792 12.7125 16.2875C12.5208 16.0958 12.2833 16 12 16C11.7167 16 11.4792 16.0958 11.2875 16.2875C11.0958 16.4792 11 16.7167 11 17C11 17.2833 11.0958 17.5208 11.2875 17.7125C11.4792 17.9042 11.7167 18 12 18ZM11 15H13V10H11V15Z' fill='%23FFA228'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-warning);
  mask-image: var(--ic-warning);
}
.ic-check {
  --ic-check: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.54934 11.6534L0.214844 6.31886L1.28384 5.24961L5.54934 9.51511L14.7148 0.349609L15.7838 1.41886L5.54934 11.6534Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-check);
  mask-image: var(--ic-check);
}
.ic-plus {
  --ic-plus: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.42308 5.57692H0V4.42308H4.42308V0H5.57692V4.42308H10V5.57692H5.57692V10H4.42308V5.57692Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-plus);
  mask-image: var(--ic-plus);
}
.ic-trash {
  --ic-trash: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.16179 13C1.77785 13 1.44986 12.864 1.17781 12.5921C0.905895 12.3201 0.769937 11.9921 0.769937 11.6081V1.83591H0V0.681009H3.46472V0H8.08434V0.681009H11.5491V1.83591H10.7791V11.6081C10.7791 11.9971 10.6444 12.3263 10.3749 12.5958C10.1054 12.8653 9.77621 13 9.38726 13H2.16179ZM9.62421 1.83591H1.92484V11.6081C1.92484 11.6773 1.94704 11.7341 1.99144 11.7785C2.03584 11.8229 2.09262 11.8451 2.16179 11.8451H9.38726C9.44655 11.8451 9.50083 11.8204 9.55011 11.771C9.59951 11.7217 9.62421 11.6674 9.62421 11.6081V1.83591ZM3.77577 10.3052H4.93048V3.37579H3.77577V10.3052ZM6.61857 10.3052H7.77328V3.37579H6.61857V10.3052Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-trash);
  mask-image: var(--ic-trash);
}
.ic-search {
  --ic-search: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5406 17.577L10.2598 11.296C9.75984 11.7088 9.18484 12.0319 8.53484 12.2653C7.88484 12.4986 7.21243 12.6153 6.51759 12.6153C4.80843 12.6153 3.36193 12.0235 2.17809 10.84C0.99426 9.65652 0.402344 8.21035 0.402344 6.50152C0.402344 4.79285 0.994094 3.34618 2.17759 2.16152C3.36109 0.977016 4.80726 0.384766 6.51609 0.384766C8.22476 0.384766 9.67143 0.976682 10.8561 2.16051C12.0406 3.34435 12.6328 4.79085 12.6328 6.50002C12.6328 7.21418 12.513 7.89627 12.2733 8.54627C12.0335 9.19627 11.7136 9.7616 11.3136 10.2423L17.5943 16.523L16.5406 17.577ZM6.51759 11.1155C7.80609 11.1155 8.89743 10.6683 9.79159 9.77402C10.6859 8.87985 11.1331 7.78852 11.1331 6.50002C11.1331 5.21152 10.6859 4.12018 9.79159 3.22601C8.89743 2.33168 7.80609 1.88452 6.51759 1.88452C5.22909 1.88452 4.13776 2.33168 3.24359 3.22601C2.34926 4.12018 1.90209 5.21152 1.90209 6.50002C1.90209 7.78852 2.34926 8.87985 3.24359 9.77402C4.13776 10.6683 5.22909 11.1155 6.51759 11.1155Z' /%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--ic-search);
  mask-image: var(--ic-search);
}
.ic-share {
  --ic-share: url("data:image/svg+xml,%3Csvg fill-rule='evenodd' height='800px' width='800px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 458.624 458.624' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M339.588,314.529c-14.215,0-27.456,4.133-38.621,11.239l-112.682-78.67c1.809-6.315,2.798-12.976,2.798-19.871 c0-6.896-0.989-13.557-2.798-19.871l109.64-76.547c11.764,8.356,26.133,13.286,41.662,13.286c39.79,0,72.047-32.257,72.047-72.047 C411.634,32.258,379.378,0,339.588,0c-39.79,0-72.047,32.257-72.047,72.047c0,5.255,0.578,10.373,1.646,15.308l-112.424,78.491 c-10.974-6.759-23.892-10.666-37.727-10.666c-39.79,0-72.047,32.257-72.047,72.047s32.256,72.047,72.047,72.047 c13.834,0,26.753-3.907,37.727-10.666l113.292,79.097c-1.629,6.017-2.514,12.34-2.514,18.872c0,39.79,32.257,72.047,72.047,72.047 c39.79,0,72.047-32.257,72.047-72.047C411.635,346.787,379.378,314.529,339.588,314.529z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--ic-share);
  mask-image: var(--ic-share);
}
.ic-fb {
  --ic-fb: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- fb --%3E%3Csvg width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M9.19795 21.5H13.198V13.4901H16.8021L17.198 9.50977H13.198V7.5C13.198 6.94772 13.6457 6.5 14.198 6.5H17.198V2.5H14.198C11.4365 2.5 9.19795 4.73858 9.19795 7.5V9.50977H7.19795L6.80206 13.4901H9.19795V21.5Z' /%3E%3C/svg%3E");
  -webkit-mask-image: var(--ic-fb);
  mask-image: var(--ic-fb);
}
.ic-x {
  --ic-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 462.799'%3E%3Cpath fill-rule='nonzero' d='M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--ic-x);
  mask-image: var(--ic-x);
}
.ic-ld {
  --ic-ld: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!--  --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg fill-rule='evenodd' height='800px' width='800px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 260.366 260.366' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M34.703,0.183C15.582,0.183,0.014,15.748,0,34.884C0,54.02,15.568,69.588,34.703,69.588 c19.128,0,34.688-15.568,34.688-34.704C69.391,15.75,53.83,0.183,34.703,0.183z'/%3E%3Cpath d='M60.748,83.531H8.654c-2.478,0-4.488,2.009-4.488,4.489v167.675c0,2.479,2.01,4.488,4.488,4.488h52.093 c2.479,0,4.489-2.01,4.489-4.488V88.02C65.237,85.539,63.227,83.531,60.748,83.531z'/%3E%3Cpath d='M193.924,81.557c-19.064,0-35.817,5.805-46.04,15.271V88.02c0-2.48-2.01-4.489-4.489-4.489H93.424 c-2.479,0-4.489,2.009-4.489,4.489v167.675c0,2.479,2.01,4.488,4.489,4.488h52.044c2.479,0,4.489-2.01,4.489-4.488v-82.957 c0-23.802,4.378-38.555,26.227-38.555c21.526,0.026,23.137,15.846,23.137,39.977v81.535c0,2.479,2.01,4.488,4.49,4.488h52.068 c2.478,0,4.488-2.01,4.488-4.488v-91.977C260.366,125.465,252.814,81.557,193.924,81.557z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--ic-ld);
  mask-image: var(--ic-ld);
}
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%!important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chosen-container input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.chosen-container.chosen-with-drop .chosen-single:after {
  transform: rotate(-180deg);
}
.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
}
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #000 !important;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border-top: 0;
  margin-top: 4px;
  background: #3D3D3D;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}
.chosen-container .chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-container .chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-container .chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .chosen-single {
  border: 1px solid #FFF;
  border-radius: 4px;
  width: 100%;
  font-size: 16px;
  height: auto;
  color: #FFF;
  margin-top: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 15px 16px;
  box-sizing: border-box;
  position: relative;
  margin: 8px 0;
}
.chosen-container .chosen-single:after {
  content: '';
  position: absolute;
  top: 26px;
  right: 10px;
  width: 0;
  height: 0;
  border-width: 4.3px 5px 0 5px;
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.chosen-container .chosen-single.chosen-default {
  color: #3D3D3D;
}
.chosen-container .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #FFF;
}
.chosen-container .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container .chosen-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container ul.chosen-results {
  color: #FFF;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  width: 100%;
  max-height: 240px;
  border: 1px solid #FFF;
  border-radius: 4px;
  -webkit-overflow-scrolling: touch;
  flex-wrap: wrap;
  max-height: 150px;
}
.chosen-container ul.chosen-results li {
  width: 100%;
  display: none;
  margin: 0;
  padding: 12px 16px;
  list-style: none;
  font-size: 14px;
  line-height: 100%;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container ul.chosen-results li:last-child {
  padding-bottom: 14px;
}
.chosen-container ul.chosen-results li:before {
  content: none;
}
.chosen-container ul.chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container ul.chosen-results li.disabled-result {
  display: list-item;
  color: #2A2A2A;
  cursor: default;
}
.chosen-container ul.chosen-results li.highlighted {
  background: #02C159;
}
.chosen-container ul.chosen-results li.no-results {
  color: #000;
  display: list-item;
  background: #3D3D3D;
}
.chosen-container ul.chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container ul.chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container ul.chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
.chosen-container .chosen-search,
.chosen-container .search-choice-close {
  display: none!important;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* Toast Notification System */
#toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  width: 320px;
}
.toast {
  color: #FFF;
  background-color: #3D3D3D;
  padding: 16px 20px;
  margin-bottom: 12px;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: translateX(110%);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  border-left: 5px solid #424242;
}
.toast.show {
  opacity: 1;
  transform: translateX(0);
}
.toast.success {
  border-left-color: #02C159;
}
.toast.error {
  border-left-color: #FF3F34;
}
#group-all {
  margin-top: 24px;
}
.no-margin-top {
  margin-top: 0 !important;
}
.f-14 {
  font-size: 14px;
}
.text-center {
  text-align: center;
}
.cropper-crop-box {
  transition: none;
}
.grecaptcha-badge {
  visibility: hidden;
}
.recaptcha-branding {
  font-size: 0.8em;
  color: #FFF;
  text-align: center;
  margin-top: 20px;
}
.recaptcha-branding a {
  color: #02C159;
}
.auth-pending {
  visibility: hidden;
}
fieldset.required legend:after {
  content: '*';
  color: #FF3F34;
  margin-left: 4px;
}
#imageDrop.required .drag-drop:before {
  content: '*';
  color: #FF3F34;
  position: absolute;
  top: 6px;
  right: 12px;
  font-size: 22px;
}
#notifications-creator {
  padding-bottom: 120px;
}