@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/plus-jakarta-display.min.css");
.pl-0, .px-0, .p-0 {
  padding-left: 0rem !important; }

.pr-0, .px-0, .p-0 {
  padding-right: 0rem !important; }

.pt-0, .py-0, .p-0 {
  padding-top: 0rem !important; }

.pb-0, .py-0, .p-0 {
  padding-bottom: 0rem !important; }

.ml-0, .mx-0, .m-0 {
  margin-left: 0rem !important; }

.mr-0, .mx-0, .m-0 {
  margin-right: 0rem !important; }

.mt-0, .my-0, .m-0 {
  margin-top: 0rem !important; }

.mb-0, .my-0, .m-0 {
  margin-bottom: 0rem !important; }

.rounded-0 {
  border-radius: 0rem !important; }

.pl-1, .px-1, .p-1 {
  padding-left: 0.25rem !important; }

.pr-1, .px-1, .p-1 {
  padding-right: 0.25rem !important; }

.pt-1, .py-1, .p-1 {
  padding-top: 0.25rem !important; }

.pb-1, .py-1, .p-1 {
  padding-bottom: 0.25rem !important; }

.ml-1, .mx-1, .m-1 {
  margin-left: 0.25rem !important; }

.mr-1, .mx-1, .m-1 {
  margin-right: 0.25rem !important; }

.mt-1, .my-1, .m-1 {
  margin-top: 0.25rem !important; }

.mb-1, .my-1, .m-1 {
  margin-bottom: 0.25rem !important; }

.rounded-1 {
  border-radius: 0.25rem !important; }

.pl-2, .px-2, .p-2 {
  padding-left: 0.5rem !important; }

.pr-2, .px-2, .p-2 {
  padding-right: 0.5rem !important; }

.pt-2, .py-2, .p-2 {
  padding-top: 0.5rem !important; }

.pb-2, .py-2, .p-2 {
  padding-bottom: 0.5rem !important; }

.ml-2, .mx-2, .m-2 {
  margin-left: 0.5rem !important; }

.mr-2, .mx-2, .m-2 {
  margin-right: 0.5rem !important; }

.mt-2, .my-2, .m-2 {
  margin-top: 0.5rem !important; }

.mb-2, .my-2, .m-2 {
  margin-bottom: 0.5rem !important; }

.rounded-2 {
  border-radius: 0.5rem !important; }

.pl-3, .px-3, .p-3 {
  padding-left: 0.75rem !important; }

.pr-3, .px-3, .p-3 {
  padding-right: 0.75rem !important; }

.pt-3, .py-3, .p-3 {
  padding-top: 0.75rem !important; }

.pb-3, .py-3, .p-3 {
  padding-bottom: 0.75rem !important; }

.ml-3, .mx-3, .m-3 {
  margin-left: 0.75rem !important; }

.mr-3, .mx-3, .m-3 {
  margin-right: 0.75rem !important; }

.mt-3, .my-3, .m-3 {
  margin-top: 0.75rem !important; }

.mb-3, .my-3, .m-3 {
  margin-bottom: 0.75rem !important; }

.rounded-3, .paper-container {
  border-radius: 0.75rem !important; }

.pl-4, .px-4, .p-4 {
  padding-left: 1rem !important; }

.pr-4, .px-4, .p-4 {
  padding-right: 1rem !important; }

.pt-4, .py-4, .p-4 {
  padding-top: 1rem !important; }

.pb-4, .py-4, .p-4 {
  padding-bottom: 1rem !important; }

.ml-4, .mx-4, .m-4, #dashboard, #calendar .main-paper {
  margin-left: 1rem !important; }

.mr-4, .mx-4, .m-4, #dashboard, #calendar .main-paper {
  margin-right: 1rem !important; }

.mt-4, .my-4, .m-4 {
  margin-top: 1rem !important; }

.mb-4, .my-4, .m-4 {
  margin-bottom: 1rem !important; }

.rounded-4 {
  border-radius: 1rem !important; }

.pl-5, .px-5, .p-5 {
  padding-left: 1.25rem !important; }

.pr-5, .px-5, .p-5 {
  padding-right: 1.25rem !important; }

.pt-5, .py-5, .p-5 {
  padding-top: 1.25rem !important; }

.pb-5, .py-5, .p-5 {
  padding-bottom: 1.25rem !important; }

.ml-5, .mx-5, .m-5 {
  margin-left: 1.25rem !important; }

.mr-5, .mx-5, .m-5 {
  margin-right: 1.25rem !important; }

.mt-5, .my-5, .m-5 {
  margin-top: 1.25rem !important; }

.mb-5, .my-5, .m-5 {
  margin-bottom: 1.25rem !important; }

.rounded-5 {
  border-radius: 1.25rem !important; }

.pl-6, .px-6, .p-6 {
  padding-left: 1.5rem !important; }

.pr-6, .px-6, .p-6 {
  padding-right: 1.5rem !important; }

.pt-6, .py-6, .p-6 {
  padding-top: 1.5rem !important; }

.pb-6, .py-6, .p-6 {
  padding-bottom: 1.5rem !important; }

.ml-6, .mx-6, .m-6 {
  margin-left: 1.5rem !important; }

.mr-6, .mx-6, .m-6 {
  margin-right: 1.5rem !important; }

.mt-6, .my-6, .m-6 {
  margin-top: 1.5rem !important; }

.mb-6, .my-6, .m-6 {
  margin-bottom: 1.5rem !important; }

.rounded-6 {
  border-radius: 1.5rem !important; }

.pl-7, .px-7, .p-7 {
  padding-left: 1.75rem !important; }

.pr-7, .px-7, .p-7 {
  padding-right: 1.75rem !important; }

.pt-7, .py-7, .p-7 {
  padding-top: 1.75rem !important; }

.pb-7, .py-7, .p-7 {
  padding-bottom: 1.75rem !important; }

.ml-7, .mx-7, .m-7 {
  margin-left: 1.75rem !important; }

.mr-7, .mx-7, .m-7 {
  margin-right: 1.75rem !important; }

.mt-7, .my-7, .m-7 {
  margin-top: 1.75rem !important; }

.mb-7, .my-7, .m-7 {
  margin-bottom: 1.75rem !important; }

.rounded-7 {
  border-radius: 1.75rem !important; }

.pl-8, .px-8, .p-8 {
  padding-left: 2rem !important; }

.pr-8, .px-8, .p-8 {
  padding-right: 2rem !important; }

.pt-8, .py-8, .p-8 {
  padding-top: 2rem !important; }

.pb-8, .py-8, .p-8 {
  padding-bottom: 2rem !important; }

.ml-8, .mx-8, .m-8 {
  margin-left: 2rem !important; }

.mr-8, .mx-8, .m-8 {
  margin-right: 2rem !important; }

.mt-8, .my-8, .m-8 {
  margin-top: 2rem !important; }

.mb-8, .my-8, .m-8 {
  margin-bottom: 2rem !important; }

.rounded-8 {
  border-radius: 2rem !important; }

.pl-9, .px-9, .p-9 {
  padding-left: 2.25rem !important; }

.pr-9, .px-9, .p-9 {
  padding-right: 2.25rem !important; }

.pt-9, .py-9, .p-9 {
  padding-top: 2.25rem !important; }

.pb-9, .py-9, .p-9 {
  padding-bottom: 2.25rem !important; }

.ml-9, .mx-9, .m-9 {
  margin-left: 2.25rem !important; }

.mr-9, .mx-9, .m-9 {
  margin-right: 2.25rem !important; }

.mt-9, .my-9, .m-9 {
  margin-top: 2.25rem !important; }

.mb-9, .my-9, .m-9 {
  margin-bottom: 2.25rem !important; }

.rounded-9 {
  border-radius: 2.25rem !important; }

.pl-10, .px-10, .p-10 {
  padding-left: 2.5rem !important; }

.pr-10, .px-10, .p-10 {
  padding-right: 2.5rem !important; }

.pt-10, .py-10, .p-10 {
  padding-top: 2.5rem !important; }

.pb-10, .py-10, .p-10 {
  padding-bottom: 2.5rem !important; }

.ml-10, .mx-10, .m-10 {
  margin-left: 2.5rem !important; }

.mr-10, .mx-10, .m-10 {
  margin-right: 2.5rem !important; }

.mt-10, .my-10, .m-10 {
  margin-top: 2.5rem !important; }

.mb-10, .my-10, .m-10 {
  margin-bottom: 2.5rem !important; }

.rounded-10 {
  border-radius: 2.5rem !important; }

.pl-11, .px-11, .p-11 {
  padding-left: 2.75rem !important; }

.pr-11, .px-11, .p-11 {
  padding-right: 2.75rem !important; }

.pt-11, .py-11, .p-11 {
  padding-top: 2.75rem !important; }

.pb-11, .py-11, .p-11 {
  padding-bottom: 2.75rem !important; }

.ml-11, .mx-11, .m-11 {
  margin-left: 2.75rem !important; }

.mr-11, .mx-11, .m-11 {
  margin-right: 2.75rem !important; }

.mt-11, .my-11, .m-11 {
  margin-top: 2.75rem !important; }

.mb-11, .my-11, .m-11 {
  margin-bottom: 2.75rem !important; }

.rounded-11 {
  border-radius: 2.75rem !important; }

.pl-12, .px-12, .p-12 {
  padding-left: 3rem !important; }

.pr-12, .px-12, .p-12 {
  padding-right: 3rem !important; }

.pt-12, .py-12, .p-12 {
  padding-top: 3rem !important; }

.pb-12, .py-12, .p-12 {
  padding-bottom: 3rem !important; }

.ml-12, .mx-12, .m-12 {
  margin-left: 3rem !important; }

.mr-12, .mx-12, .m-12 {
  margin-right: 3rem !important; }

.mt-12, .my-12, .m-12 {
  margin-top: 3rem !important; }

.mb-12, .my-12, .m-12 {
  margin-bottom: 3rem !important; }

.rounded-12 {
  border-radius: 3rem !important; }

.pl-13, .px-13, .p-13 {
  padding-left: 3.25rem !important; }

.pr-13, .px-13, .p-13 {
  padding-right: 3.25rem !important; }

.pt-13, .py-13, .p-13 {
  padding-top: 3.25rem !important; }

.pb-13, .py-13, .p-13 {
  padding-bottom: 3.25rem !important; }

.ml-13, .mx-13, .m-13 {
  margin-left: 3.25rem !important; }

.mr-13, .mx-13, .m-13 {
  margin-right: 3.25rem !important; }

.mt-13, .my-13, .m-13 {
  margin-top: 3.25rem !important; }

.mb-13, .my-13, .m-13 {
  margin-bottom: 3.25rem !important; }

.rounded-13 {
  border-radius: 3.25rem !important; }

.pl-14, .px-14, .p-14 {
  padding-left: 3.5rem !important; }

.pr-14, .px-14, .p-14 {
  padding-right: 3.5rem !important; }

.pt-14, .py-14, .p-14 {
  padding-top: 3.5rem !important; }

.pb-14, .py-14, .p-14 {
  padding-bottom: 3.5rem !important; }

.ml-14, .mx-14, .m-14 {
  margin-left: 3.5rem !important; }

.mr-14, .mx-14, .m-14 {
  margin-right: 3.5rem !important; }

.mt-14, .my-14, .m-14 {
  margin-top: 3.5rem !important; }

.mb-14, .my-14, .m-14 {
  margin-bottom: 3.5rem !important; }

.rounded-14 {
  border-radius: 3.5rem !important; }

.pl-15, .px-15, .p-15 {
  padding-left: 3.75rem !important; }

.pr-15, .px-15, .p-15 {
  padding-right: 3.75rem !important; }

.pt-15, .py-15, .p-15 {
  padding-top: 3.75rem !important; }

.pb-15, .py-15, .p-15 {
  padding-bottom: 3.75rem !important; }

.ml-15, .mx-15, .m-15 {
  margin-left: 3.75rem !important; }

.mr-15, .mx-15, .m-15 {
  margin-right: 3.75rem !important; }

.mt-15, .my-15, .m-15 {
  margin-top: 3.75rem !important; }

.mb-15, .my-15, .m-15 {
  margin-bottom: 3.75rem !important; }

.rounded-15 {
  border-radius: 3.75rem !important; }

.pl-16, .px-16, .p-16 {
  padding-left: 4rem !important; }

.pr-16, .px-16, .p-16 {
  padding-right: 4rem !important; }

.pt-16, .py-16, .p-16 {
  padding-top: 4rem !important; }

.pb-16, .py-16, .p-16 {
  padding-bottom: 4rem !important; }

.ml-16, .mx-16, .m-16 {
  margin-left: 4rem !important; }

.mr-16, .mx-16, .m-16 {
  margin-right: 4rem !important; }

.mt-16, .my-16, .m-16 {
  margin-top: 4rem !important; }

.mb-16, .my-16, .m-16 {
  margin-bottom: 4rem !important; }

.rounded-16 {
  border-radius: 4rem !important; }

.pl-17, .px-17, .p-17 {
  padding-left: 4.25rem !important; }

.pr-17, .px-17, .p-17 {
  padding-right: 4.25rem !important; }

.pt-17, .py-17, .p-17 {
  padding-top: 4.25rem !important; }

.pb-17, .py-17, .p-17 {
  padding-bottom: 4.25rem !important; }

.ml-17, .mx-17, .m-17 {
  margin-left: 4.25rem !important; }

.mr-17, .mx-17, .m-17 {
  margin-right: 4.25rem !important; }

.mt-17, .my-17, .m-17 {
  margin-top: 4.25rem !important; }

.mb-17, .my-17, .m-17 {
  margin-bottom: 4.25rem !important; }

.rounded-17 {
  border-radius: 4.25rem !important; }

.pl-18, .px-18, .p-18 {
  padding-left: 4.5rem !important; }

.pr-18, .px-18, .p-18 {
  padding-right: 4.5rem !important; }

.pt-18, .py-18, .p-18 {
  padding-top: 4.5rem !important; }

.pb-18, .py-18, .p-18 {
  padding-bottom: 4.5rem !important; }

.ml-18, .mx-18, .m-18 {
  margin-left: 4.5rem !important; }

.mr-18, .mx-18, .m-18 {
  margin-right: 4.5rem !important; }

.mt-18, .my-18, .m-18 {
  margin-top: 4.5rem !important; }

.mb-18, .my-18, .m-18 {
  margin-bottom: 4.5rem !important; }

.rounded-18 {
  border-radius: 4.5rem !important; }

.pl-19, .px-19, .p-19 {
  padding-left: 4.75rem !important; }

.pr-19, .px-19, .p-19 {
  padding-right: 4.75rem !important; }

.pt-19, .py-19, .p-19 {
  padding-top: 4.75rem !important; }

.pb-19, .py-19, .p-19 {
  padding-bottom: 4.75rem !important; }

.ml-19, .mx-19, .m-19 {
  margin-left: 4.75rem !important; }

.mr-19, .mx-19, .m-19 {
  margin-right: 4.75rem !important; }

.mt-19, .my-19, .m-19 {
  margin-top: 4.75rem !important; }

.mb-19, .my-19, .m-19 {
  margin-bottom: 4.75rem !important; }

.rounded-19 {
  border-radius: 4.75rem !important; }

.pl-20, .px-20, .p-20 {
  padding-left: 5rem !important; }

.pr-20, .px-20, .p-20 {
  padding-right: 5rem !important; }

.pt-20, .py-20, .p-20 {
  padding-top: 5rem !important; }

.pb-20, .py-20, .p-20 {
  padding-bottom: 5rem !important; }

.ml-20, .mx-20, .m-20 {
  margin-left: 5rem !important; }

.mr-20, .mx-20, .m-20 {
  margin-right: 5rem !important; }

.mt-20, .my-20, .m-20 {
  margin-top: 5rem !important; }

.mb-20, .my-20, .m-20 {
  margin-bottom: 5rem !important; }

.rounded-20 {
  border-radius: 5rem !important; }

.pl-21, .px-21, .p-21 {
  padding-left: 5.25rem !important; }

.pr-21, .px-21, .p-21 {
  padding-right: 5.25rem !important; }

.pt-21, .py-21, .p-21 {
  padding-top: 5.25rem !important; }

.pb-21, .py-21, .p-21 {
  padding-bottom: 5.25rem !important; }

.ml-21, .mx-21, .m-21 {
  margin-left: 5.25rem !important; }

.mr-21, .mx-21, .m-21 {
  margin-right: 5.25rem !important; }

.mt-21, .my-21, .m-21 {
  margin-top: 5.25rem !important; }

.mb-21, .my-21, .m-21 {
  margin-bottom: 5.25rem !important; }

.rounded-21 {
  border-radius: 5.25rem !important; }

.pl-22, .px-22, .p-22 {
  padding-left: 5.5rem !important; }

.pr-22, .px-22, .p-22 {
  padding-right: 5.5rem !important; }

.pt-22, .py-22, .p-22 {
  padding-top: 5.5rem !important; }

.pb-22, .py-22, .p-22 {
  padding-bottom: 5.5rem !important; }

.ml-22, .mx-22, .m-22 {
  margin-left: 5.5rem !important; }

.mr-22, .mx-22, .m-22 {
  margin-right: 5.5rem !important; }

.mt-22, .my-22, .m-22 {
  margin-top: 5.5rem !important; }

.mb-22, .my-22, .m-22 {
  margin-bottom: 5.5rem !important; }

.rounded-22 {
  border-radius: 5.5rem !important; }

.pl-23, .px-23, .p-23 {
  padding-left: 5.75rem !important; }

.pr-23, .px-23, .p-23 {
  padding-right: 5.75rem !important; }

.pt-23, .py-23, .p-23 {
  padding-top: 5.75rem !important; }

.pb-23, .py-23, .p-23 {
  padding-bottom: 5.75rem !important; }

.ml-23, .mx-23, .m-23 {
  margin-left: 5.75rem !important; }

.mr-23, .mx-23, .m-23 {
  margin-right: 5.75rem !important; }

.mt-23, .my-23, .m-23 {
  margin-top: 5.75rem !important; }

.mb-23, .my-23, .m-23 {
  margin-bottom: 5.75rem !important; }

.rounded-23 {
  border-radius: 5.75rem !important; }

.pl-24, .px-24, .p-24 {
  padding-left: 6rem !important; }

.pr-24, .px-24, .p-24 {
  padding-right: 6rem !important; }

.pt-24, .py-24, .p-24 {
  padding-top: 6rem !important; }

.pb-24, .py-24, .p-24 {
  padding-bottom: 6rem !important; }

.ml-24, .mx-24, .m-24 {
  margin-left: 6rem !important; }

.mr-24, .mx-24, .m-24 {
  margin-right: 6rem !important; }

.mt-24, .my-24, .m-24 {
  margin-top: 6rem !important; }

.mb-24, .my-24, .m-24 {
  margin-bottom: 6rem !important; }

.rounded-24 {
  border-radius: 6rem !important; }

.pl-25, .px-25, .p-25 {
  padding-left: 6.25rem !important; }

.pr-25, .px-25, .p-25 {
  padding-right: 6.25rem !important; }

.pt-25, .py-25, .p-25 {
  padding-top: 6.25rem !important; }

.pb-25, .py-25, .p-25 {
  padding-bottom: 6.25rem !important; }

.ml-25, .mx-25, .m-25 {
  margin-left: 6.25rem !important; }

.mr-25, .mx-25, .m-25 {
  margin-right: 6.25rem !important; }

.mt-25, .my-25, .m-25 {
  margin-top: 6.25rem !important; }

.mb-25, .my-25, .m-25 {
  margin-bottom: 6.25rem !important; }

.rounded-25 {
  border-radius: 6.25rem !important; }

.pl-26, .px-26, .p-26 {
  padding-left: 6.5rem !important; }

.pr-26, .px-26, .p-26 {
  padding-right: 6.5rem !important; }

.pt-26, .py-26, .p-26 {
  padding-top: 6.5rem !important; }

.pb-26, .py-26, .p-26 {
  padding-bottom: 6.5rem !important; }

.ml-26, .mx-26, .m-26 {
  margin-left: 6.5rem !important; }

.mr-26, .mx-26, .m-26 {
  margin-right: 6.5rem !important; }

.mt-26, .my-26, .m-26 {
  margin-top: 6.5rem !important; }

.mb-26, .my-26, .m-26 {
  margin-bottom: 6.5rem !important; }

.rounded-26 {
  border-radius: 6.5rem !important; }

.pl-27, .px-27, .p-27 {
  padding-left: 6.75rem !important; }

.pr-27, .px-27, .p-27 {
  padding-right: 6.75rem !important; }

.pt-27, .py-27, .p-27 {
  padding-top: 6.75rem !important; }

.pb-27, .py-27, .p-27 {
  padding-bottom: 6.75rem !important; }

.ml-27, .mx-27, .m-27 {
  margin-left: 6.75rem !important; }

.mr-27, .mx-27, .m-27 {
  margin-right: 6.75rem !important; }

.mt-27, .my-27, .m-27 {
  margin-top: 6.75rem !important; }

.mb-27, .my-27, .m-27 {
  margin-bottom: 6.75rem !important; }

.rounded-27 {
  border-radius: 6.75rem !important; }

.pl-28, .px-28, .p-28 {
  padding-left: 7rem !important; }

.pr-28, .px-28, .p-28 {
  padding-right: 7rem !important; }

.pt-28, .py-28, .p-28 {
  padding-top: 7rem !important; }

.pb-28, .py-28, .p-28 {
  padding-bottom: 7rem !important; }

.ml-28, .mx-28, .m-28 {
  margin-left: 7rem !important; }

.mr-28, .mx-28, .m-28 {
  margin-right: 7rem !important; }

.mt-28, .my-28, .m-28 {
  margin-top: 7rem !important; }

.mb-28, .my-28, .m-28 {
  margin-bottom: 7rem !important; }

.rounded-28 {
  border-radius: 7rem !important; }

.pl-29, .px-29, .p-29 {
  padding-left: 7.25rem !important; }

.pr-29, .px-29, .p-29 {
  padding-right: 7.25rem !important; }

.pt-29, .py-29, .p-29 {
  padding-top: 7.25rem !important; }

.pb-29, .py-29, .p-29 {
  padding-bottom: 7.25rem !important; }

.ml-29, .mx-29, .m-29 {
  margin-left: 7.25rem !important; }

.mr-29, .mx-29, .m-29 {
  margin-right: 7.25rem !important; }

.mt-29, .my-29, .m-29 {
  margin-top: 7.25rem !important; }

.mb-29, .my-29, .m-29 {
  margin-bottom: 7.25rem !important; }

.rounded-29 {
  border-radius: 7.25rem !important; }

.pl-30, .px-30, .p-30 {
  padding-left: 7.5rem !important; }

.pr-30, .px-30, .p-30 {
  padding-right: 7.5rem !important; }

.pt-30, .py-30, .p-30 {
  padding-top: 7.5rem !important; }

.pb-30, .py-30, .p-30 {
  padding-bottom: 7.5rem !important; }

.ml-30, .mx-30, .m-30 {
  margin-left: 7.5rem !important; }

.mr-30, .mx-30, .m-30 {
  margin-right: 7.5rem !important; }

.mt-30, .my-30, .m-30 {
  margin-top: 7.5rem !important; }

.mb-30, .my-30, .m-30 {
  margin-bottom: 7.5rem !important; }

.rounded-30 {
  border-radius: 7.5rem !important; }

.pl-31, .px-31, .p-31 {
  padding-left: 7.75rem !important; }

.pr-31, .px-31, .p-31 {
  padding-right: 7.75rem !important; }

.pt-31, .py-31, .p-31 {
  padding-top: 7.75rem !important; }

.pb-31, .py-31, .p-31 {
  padding-bottom: 7.75rem !important; }

.ml-31, .mx-31, .m-31 {
  margin-left: 7.75rem !important; }

.mr-31, .mx-31, .m-31 {
  margin-right: 7.75rem !important; }

.mt-31, .my-31, .m-31 {
  margin-top: 7.75rem !important; }

.mb-31, .my-31, .m-31 {
  margin-bottom: 7.75rem !important; }

.rounded-31 {
  border-radius: 7.75rem !important; }

.pl-32, .px-32, .p-32 {
  padding-left: 8rem !important; }

.pr-32, .px-32, .p-32 {
  padding-right: 8rem !important; }

.pt-32, .py-32, .p-32 {
  padding-top: 8rem !important; }

.pb-32, .py-32, .p-32 {
  padding-bottom: 8rem !important; }

.ml-32, .mx-32, .m-32 {
  margin-left: 8rem !important; }

.mr-32, .mx-32, .m-32 {
  margin-right: 8rem !important; }

.mt-32, .my-32, .m-32 {
  margin-top: 8rem !important; }

.mb-32, .my-32, .m-32 {
  margin-bottom: 8rem !important; }

.rounded-32 {
  border-radius: 8rem !important; }

.pl-33, .px-33, .p-33 {
  padding-left: 8.25rem !important; }

.pr-33, .px-33, .p-33 {
  padding-right: 8.25rem !important; }

.pt-33, .py-33, .p-33 {
  padding-top: 8.25rem !important; }

.pb-33, .py-33, .p-33 {
  padding-bottom: 8.25rem !important; }

.ml-33, .mx-33, .m-33 {
  margin-left: 8.25rem !important; }

.mr-33, .mx-33, .m-33 {
  margin-right: 8.25rem !important; }

.mt-33, .my-33, .m-33 {
  margin-top: 8.25rem !important; }

.mb-33, .my-33, .m-33 {
  margin-bottom: 8.25rem !important; }

.rounded-33 {
  border-radius: 8.25rem !important; }

.pl-34, .px-34, .p-34 {
  padding-left: 8.5rem !important; }

.pr-34, .px-34, .p-34 {
  padding-right: 8.5rem !important; }

.pt-34, .py-34, .p-34 {
  padding-top: 8.5rem !important; }

.pb-34, .py-34, .p-34 {
  padding-bottom: 8.5rem !important; }

.ml-34, .mx-34, .m-34 {
  margin-left: 8.5rem !important; }

.mr-34, .mx-34, .m-34 {
  margin-right: 8.5rem !important; }

.mt-34, .my-34, .m-34 {
  margin-top: 8.5rem !important; }

.mb-34, .my-34, .m-34 {
  margin-bottom: 8.5rem !important; }

.rounded-34 {
  border-radius: 8.5rem !important; }

.pl-35, .px-35, .p-35 {
  padding-left: 8.75rem !important; }

.pr-35, .px-35, .p-35 {
  padding-right: 8.75rem !important; }

.pt-35, .py-35, .p-35 {
  padding-top: 8.75rem !important; }

.pb-35, .py-35, .p-35 {
  padding-bottom: 8.75rem !important; }

.ml-35, .mx-35, .m-35 {
  margin-left: 8.75rem !important; }

.mr-35, .mx-35, .m-35 {
  margin-right: 8.75rem !important; }

.mt-35, .my-35, .m-35 {
  margin-top: 8.75rem !important; }

.mb-35, .my-35, .m-35 {
  margin-bottom: 8.75rem !important; }

.rounded-35 {
  border-radius: 8.75rem !important; }

.pl-36, .px-36, .p-36 {
  padding-left: 9rem !important; }

.pr-36, .px-36, .p-36 {
  padding-right: 9rem !important; }

.pt-36, .py-36, .p-36 {
  padding-top: 9rem !important; }

.pb-36, .py-36, .p-36 {
  padding-bottom: 9rem !important; }

.ml-36, .mx-36, .m-36 {
  margin-left: 9rem !important; }

.mr-36, .mx-36, .m-36 {
  margin-right: 9rem !important; }

.mt-36, .my-36, .m-36 {
  margin-top: 9rem !important; }

.mb-36, .my-36, .m-36 {
  margin-bottom: 9rem !important; }

.rounded-36 {
  border-radius: 9rem !important; }

.pl-37, .px-37, .p-37 {
  padding-left: 9.25rem !important; }

.pr-37, .px-37, .p-37 {
  padding-right: 9.25rem !important; }

.pt-37, .py-37, .p-37 {
  padding-top: 9.25rem !important; }

.pb-37, .py-37, .p-37 {
  padding-bottom: 9.25rem !important; }

.ml-37, .mx-37, .m-37 {
  margin-left: 9.25rem !important; }

.mr-37, .mx-37, .m-37 {
  margin-right: 9.25rem !important; }

.mt-37, .my-37, .m-37 {
  margin-top: 9.25rem !important; }

.mb-37, .my-37, .m-37 {
  margin-bottom: 9.25rem !important; }

.rounded-37 {
  border-radius: 9.25rem !important; }

.pl-38, .px-38, .p-38 {
  padding-left: 9.5rem !important; }

.pr-38, .px-38, .p-38 {
  padding-right: 9.5rem !important; }

.pt-38, .py-38, .p-38 {
  padding-top: 9.5rem !important; }

.pb-38, .py-38, .p-38 {
  padding-bottom: 9.5rem !important; }

.ml-38, .mx-38, .m-38 {
  margin-left: 9.5rem !important; }

.mr-38, .mx-38, .m-38 {
  margin-right: 9.5rem !important; }

.mt-38, .my-38, .m-38 {
  margin-top: 9.5rem !important; }

.mb-38, .my-38, .m-38 {
  margin-bottom: 9.5rem !important; }

.rounded-38 {
  border-radius: 9.5rem !important; }

.pl-39, .px-39, .p-39 {
  padding-left: 9.75rem !important; }

.pr-39, .px-39, .p-39 {
  padding-right: 9.75rem !important; }

.pt-39, .py-39, .p-39 {
  padding-top: 9.75rem !important; }

.pb-39, .py-39, .p-39 {
  padding-bottom: 9.75rem !important; }

.ml-39, .mx-39, .m-39 {
  margin-left: 9.75rem !important; }

.mr-39, .mx-39, .m-39 {
  margin-right: 9.75rem !important; }

.mt-39, .my-39, .m-39 {
  margin-top: 9.75rem !important; }

.mb-39, .my-39, .m-39 {
  margin-bottom: 9.75rem !important; }

.rounded-39 {
  border-radius: 9.75rem !important; }

.pl-40, .px-40, .p-40 {
  padding-left: 10rem !important; }

.pr-40, .px-40, .p-40 {
  padding-right: 10rem !important; }

.pt-40, .py-40, .p-40 {
  padding-top: 10rem !important; }

.pb-40, .py-40, .p-40 {
  padding-bottom: 10rem !important; }

.ml-40, .mx-40, .m-40 {
  margin-left: 10rem !important; }

.mr-40, .mx-40, .m-40 {
  margin-right: 10rem !important; }

.mt-40, .my-40, .m-40 {
  margin-top: 10rem !important; }

.mb-40, .my-40, .m-40 {
  margin-bottom: 10rem !important; }

.rounded-40 {
  border-radius: 10rem !important; }

.pl-41, .px-41, .p-41 {
  padding-left: 10.25rem !important; }

.pr-41, .px-41, .p-41 {
  padding-right: 10.25rem !important; }

.pt-41, .py-41, .p-41 {
  padding-top: 10.25rem !important; }

.pb-41, .py-41, .p-41 {
  padding-bottom: 10.25rem !important; }

.ml-41, .mx-41, .m-41 {
  margin-left: 10.25rem !important; }

.mr-41, .mx-41, .m-41 {
  margin-right: 10.25rem !important; }

.mt-41, .my-41, .m-41 {
  margin-top: 10.25rem !important; }

.mb-41, .my-41, .m-41 {
  margin-bottom: 10.25rem !important; }

.rounded-41 {
  border-radius: 10.25rem !important; }

.pl-42, .px-42, .p-42 {
  padding-left: 10.5rem !important; }

.pr-42, .px-42, .p-42 {
  padding-right: 10.5rem !important; }

.pt-42, .py-42, .p-42 {
  padding-top: 10.5rem !important; }

.pb-42, .py-42, .p-42 {
  padding-bottom: 10.5rem !important; }

.ml-42, .mx-42, .m-42 {
  margin-left: 10.5rem !important; }

.mr-42, .mx-42, .m-42 {
  margin-right: 10.5rem !important; }

.mt-42, .my-42, .m-42 {
  margin-top: 10.5rem !important; }

.mb-42, .my-42, .m-42 {
  margin-bottom: 10.5rem !important; }

.rounded-42 {
  border-radius: 10.5rem !important; }

.pl-43, .px-43, .p-43 {
  padding-left: 10.75rem !important; }

.pr-43, .px-43, .p-43 {
  padding-right: 10.75rem !important; }

.pt-43, .py-43, .p-43 {
  padding-top: 10.75rem !important; }

.pb-43, .py-43, .p-43 {
  padding-bottom: 10.75rem !important; }

.ml-43, .mx-43, .m-43 {
  margin-left: 10.75rem !important; }

.mr-43, .mx-43, .m-43 {
  margin-right: 10.75rem !important; }

.mt-43, .my-43, .m-43 {
  margin-top: 10.75rem !important; }

.mb-43, .my-43, .m-43 {
  margin-bottom: 10.75rem !important; }

.rounded-43 {
  border-radius: 10.75rem !important; }

.pl-44, .px-44, .p-44 {
  padding-left: 11rem !important; }

.pr-44, .px-44, .p-44 {
  padding-right: 11rem !important; }

.pt-44, .py-44, .p-44 {
  padding-top: 11rem !important; }

.pb-44, .py-44, .p-44 {
  padding-bottom: 11rem !important; }

.ml-44, .mx-44, .m-44 {
  margin-left: 11rem !important; }

.mr-44, .mx-44, .m-44 {
  margin-right: 11rem !important; }

.mt-44, .my-44, .m-44 {
  margin-top: 11rem !important; }

.mb-44, .my-44, .m-44 {
  margin-bottom: 11rem !important; }

.rounded-44 {
  border-radius: 11rem !important; }

.pl-45, .px-45, .p-45 {
  padding-left: 11.25rem !important; }

.pr-45, .px-45, .p-45 {
  padding-right: 11.25rem !important; }

.pt-45, .py-45, .p-45 {
  padding-top: 11.25rem !important; }

.pb-45, .py-45, .p-45 {
  padding-bottom: 11.25rem !important; }

.ml-45, .mx-45, .m-45 {
  margin-left: 11.25rem !important; }

.mr-45, .mx-45, .m-45 {
  margin-right: 11.25rem !important; }

.mt-45, .my-45, .m-45 {
  margin-top: 11.25rem !important; }

.mb-45, .my-45, .m-45 {
  margin-bottom: 11.25rem !important; }

.rounded-45 {
  border-radius: 11.25rem !important; }

.pl-46, .px-46, .p-46 {
  padding-left: 11.5rem !important; }

.pr-46, .px-46, .p-46 {
  padding-right: 11.5rem !important; }

.pt-46, .py-46, .p-46 {
  padding-top: 11.5rem !important; }

.pb-46, .py-46, .p-46 {
  padding-bottom: 11.5rem !important; }

.ml-46, .mx-46, .m-46 {
  margin-left: 11.5rem !important; }

.mr-46, .mx-46, .m-46 {
  margin-right: 11.5rem !important; }

.mt-46, .my-46, .m-46 {
  margin-top: 11.5rem !important; }

.mb-46, .my-46, .m-46 {
  margin-bottom: 11.5rem !important; }

.rounded-46 {
  border-radius: 11.5rem !important; }

.pl-47, .px-47, .p-47 {
  padding-left: 11.75rem !important; }

.pr-47, .px-47, .p-47 {
  padding-right: 11.75rem !important; }

.pt-47, .py-47, .p-47 {
  padding-top: 11.75rem !important; }

.pb-47, .py-47, .p-47 {
  padding-bottom: 11.75rem !important; }

.ml-47, .mx-47, .m-47 {
  margin-left: 11.75rem !important; }

.mr-47, .mx-47, .m-47 {
  margin-right: 11.75rem !important; }

.mt-47, .my-47, .m-47 {
  margin-top: 11.75rem !important; }

.mb-47, .my-47, .m-47 {
  margin-bottom: 11.75rem !important; }

.rounded-47 {
  border-radius: 11.75rem !important; }

.pl-48, .px-48, .p-48 {
  padding-left: 12rem !important; }

.pr-48, .px-48, .p-48 {
  padding-right: 12rem !important; }

.pt-48, .py-48, .p-48 {
  padding-top: 12rem !important; }

.pb-48, .py-48, .p-48 {
  padding-bottom: 12rem !important; }

.ml-48, .mx-48, .m-48 {
  margin-left: 12rem !important; }

.mr-48, .mx-48, .m-48 {
  margin-right: 12rem !important; }

.mt-48, .my-48, .m-48 {
  margin-top: 12rem !important; }

.mb-48, .my-48, .m-48 {
  margin-bottom: 12rem !important; }

.rounded-48 {
  border-radius: 12rem !important; }

.pl-49, .px-49, .p-49 {
  padding-left: 12.25rem !important; }

.pr-49, .px-49, .p-49 {
  padding-right: 12.25rem !important; }

.pt-49, .py-49, .p-49 {
  padding-top: 12.25rem !important; }

.pb-49, .py-49, .p-49 {
  padding-bottom: 12.25rem !important; }

.ml-49, .mx-49, .m-49 {
  margin-left: 12.25rem !important; }

.mr-49, .mx-49, .m-49 {
  margin-right: 12.25rem !important; }

.mt-49, .my-49, .m-49 {
  margin-top: 12.25rem !important; }

.mb-49, .my-49, .m-49 {
  margin-bottom: 12.25rem !important; }

.rounded-49 {
  border-radius: 12.25rem !important; }

.pl-50, .px-50, .p-50 {
  padding-left: 12.5rem !important; }

.pr-50, .px-50, .p-50 {
  padding-right: 12.5rem !important; }

.pt-50, .py-50, .p-50 {
  padding-top: 12.5rem !important; }

.pb-50, .py-50, .p-50 {
  padding-bottom: 12.5rem !important; }

.ml-50, .mx-50, .m-50 {
  margin-left: 12.5rem !important; }

.mr-50, .mx-50, .m-50 {
  margin-right: 12.5rem !important; }

.mt-50, .my-50, .m-50 {
  margin-top: 12.5rem !important; }

.mb-50, .my-50, .m-50 {
  margin-bottom: 12.5rem !important; }

.rounded-50 {
  border-radius: 12.5rem !important; }

.pl-51, .px-51, .p-51 {
  padding-left: 12.75rem !important; }

.pr-51, .px-51, .p-51 {
  padding-right: 12.75rem !important; }

.pt-51, .py-51, .p-51 {
  padding-top: 12.75rem !important; }

.pb-51, .py-51, .p-51 {
  padding-bottom: 12.75rem !important; }

.ml-51, .mx-51, .m-51 {
  margin-left: 12.75rem !important; }

.mr-51, .mx-51, .m-51 {
  margin-right: 12.75rem !important; }

.mt-51, .my-51, .m-51 {
  margin-top: 12.75rem !important; }

.mb-51, .my-51, .m-51 {
  margin-bottom: 12.75rem !important; }

.rounded-51 {
  border-radius: 12.75rem !important; }

.pl-52, .px-52, .p-52 {
  padding-left: 13rem !important; }

.pr-52, .px-52, .p-52 {
  padding-right: 13rem !important; }

.pt-52, .py-52, .p-52 {
  padding-top: 13rem !important; }

.pb-52, .py-52, .p-52 {
  padding-bottom: 13rem !important; }

.ml-52, .mx-52, .m-52 {
  margin-left: 13rem !important; }

.mr-52, .mx-52, .m-52 {
  margin-right: 13rem !important; }

.mt-52, .my-52, .m-52 {
  margin-top: 13rem !important; }

.mb-52, .my-52, .m-52 {
  margin-bottom: 13rem !important; }

.rounded-52 {
  border-radius: 13rem !important; }

.pl-53, .px-53, .p-53 {
  padding-left: 13.25rem !important; }

.pr-53, .px-53, .p-53 {
  padding-right: 13.25rem !important; }

.pt-53, .py-53, .p-53 {
  padding-top: 13.25rem !important; }

.pb-53, .py-53, .p-53 {
  padding-bottom: 13.25rem !important; }

.ml-53, .mx-53, .m-53 {
  margin-left: 13.25rem !important; }

.mr-53, .mx-53, .m-53 {
  margin-right: 13.25rem !important; }

.mt-53, .my-53, .m-53 {
  margin-top: 13.25rem !important; }

.mb-53, .my-53, .m-53 {
  margin-bottom: 13.25rem !important; }

.rounded-53 {
  border-radius: 13.25rem !important; }

.pl-54, .px-54, .p-54 {
  padding-left: 13.5rem !important; }

.pr-54, .px-54, .p-54 {
  padding-right: 13.5rem !important; }

.pt-54, .py-54, .p-54 {
  padding-top: 13.5rem !important; }

.pb-54, .py-54, .p-54 {
  padding-bottom: 13.5rem !important; }

.ml-54, .mx-54, .m-54 {
  margin-left: 13.5rem !important; }

.mr-54, .mx-54, .m-54 {
  margin-right: 13.5rem !important; }

.mt-54, .my-54, .m-54 {
  margin-top: 13.5rem !important; }

.mb-54, .my-54, .m-54 {
  margin-bottom: 13.5rem !important; }

.rounded-54 {
  border-radius: 13.5rem !important; }

.pl-55, .px-55, .p-55 {
  padding-left: 13.75rem !important; }

.pr-55, .px-55, .p-55 {
  padding-right: 13.75rem !important; }

.pt-55, .py-55, .p-55 {
  padding-top: 13.75rem !important; }

.pb-55, .py-55, .p-55 {
  padding-bottom: 13.75rem !important; }

.ml-55, .mx-55, .m-55 {
  margin-left: 13.75rem !important; }

.mr-55, .mx-55, .m-55 {
  margin-right: 13.75rem !important; }

.mt-55, .my-55, .m-55 {
  margin-top: 13.75rem !important; }

.mb-55, .my-55, .m-55 {
  margin-bottom: 13.75rem !important; }

.rounded-55 {
  border-radius: 13.75rem !important; }

.pl-56, .px-56, .p-56 {
  padding-left: 14rem !important; }

.pr-56, .px-56, .p-56 {
  padding-right: 14rem !important; }

.pt-56, .py-56, .p-56 {
  padding-top: 14rem !important; }

.pb-56, .py-56, .p-56 {
  padding-bottom: 14rem !important; }

.ml-56, .mx-56, .m-56 {
  margin-left: 14rem !important; }

.mr-56, .mx-56, .m-56 {
  margin-right: 14rem !important; }

.mt-56, .my-56, .m-56 {
  margin-top: 14rem !important; }

.mb-56, .my-56, .m-56 {
  margin-bottom: 14rem !important; }

.rounded-56 {
  border-radius: 14rem !important; }

.pl-57, .px-57, .p-57 {
  padding-left: 14.25rem !important; }

.pr-57, .px-57, .p-57 {
  padding-right: 14.25rem !important; }

.pt-57, .py-57, .p-57 {
  padding-top: 14.25rem !important; }

.pb-57, .py-57, .p-57 {
  padding-bottom: 14.25rem !important; }

.ml-57, .mx-57, .m-57 {
  margin-left: 14.25rem !important; }

.mr-57, .mx-57, .m-57 {
  margin-right: 14.25rem !important; }

.mt-57, .my-57, .m-57 {
  margin-top: 14.25rem !important; }

.mb-57, .my-57, .m-57 {
  margin-bottom: 14.25rem !important; }

.rounded-57 {
  border-radius: 14.25rem !important; }

.pl-58, .px-58, .p-58 {
  padding-left: 14.5rem !important; }

.pr-58, .px-58, .p-58 {
  padding-right: 14.5rem !important; }

.pt-58, .py-58, .p-58 {
  padding-top: 14.5rem !important; }

.pb-58, .py-58, .p-58 {
  padding-bottom: 14.5rem !important; }

.ml-58, .mx-58, .m-58 {
  margin-left: 14.5rem !important; }

.mr-58, .mx-58, .m-58 {
  margin-right: 14.5rem !important; }

.mt-58, .my-58, .m-58 {
  margin-top: 14.5rem !important; }

.mb-58, .my-58, .m-58 {
  margin-bottom: 14.5rem !important; }

.rounded-58 {
  border-radius: 14.5rem !important; }

.pl-59, .px-59, .p-59 {
  padding-left: 14.75rem !important; }

.pr-59, .px-59, .p-59 {
  padding-right: 14.75rem !important; }

.pt-59, .py-59, .p-59 {
  padding-top: 14.75rem !important; }

.pb-59, .py-59, .p-59 {
  padding-bottom: 14.75rem !important; }

.ml-59, .mx-59, .m-59 {
  margin-left: 14.75rem !important; }

.mr-59, .mx-59, .m-59 {
  margin-right: 14.75rem !important; }

.mt-59, .my-59, .m-59 {
  margin-top: 14.75rem !important; }

.mb-59, .my-59, .m-59 {
  margin-bottom: 14.75rem !important; }

.rounded-59 {
  border-radius: 14.75rem !important; }

.pl-60, .px-60, .p-60 {
  padding-left: 15rem !important; }

.pr-60, .px-60, .p-60 {
  padding-right: 15rem !important; }

.pt-60, .py-60, .p-60 {
  padding-top: 15rem !important; }

.pb-60, .py-60, .p-60 {
  padding-bottom: 15rem !important; }

.ml-60, .mx-60, .m-60 {
  margin-left: 15rem !important; }

.mr-60, .mx-60, .m-60 {
  margin-right: 15rem !important; }

.mt-60, .my-60, .m-60 {
  margin-top: 15rem !important; }

.mb-60, .my-60, .m-60 {
  margin-bottom: 15rem !important; }

.rounded-60 {
  border-radius: 15rem !important; }

.pl-61, .px-61, .p-61 {
  padding-left: 15.25rem !important; }

.pr-61, .px-61, .p-61 {
  padding-right: 15.25rem !important; }

.pt-61, .py-61, .p-61 {
  padding-top: 15.25rem !important; }

.pb-61, .py-61, .p-61 {
  padding-bottom: 15.25rem !important; }

.ml-61, .mx-61, .m-61 {
  margin-left: 15.25rem !important; }

.mr-61, .mx-61, .m-61 {
  margin-right: 15.25rem !important; }

.mt-61, .my-61, .m-61 {
  margin-top: 15.25rem !important; }

.mb-61, .my-61, .m-61 {
  margin-bottom: 15.25rem !important; }

.rounded-61 {
  border-radius: 15.25rem !important; }

.pl-62, .px-62, .p-62 {
  padding-left: 15.5rem !important; }

.pr-62, .px-62, .p-62 {
  padding-right: 15.5rem !important; }

.pt-62, .py-62, .p-62 {
  padding-top: 15.5rem !important; }

.pb-62, .py-62, .p-62 {
  padding-bottom: 15.5rem !important; }

.ml-62, .mx-62, .m-62 {
  margin-left: 15.5rem !important; }

.mr-62, .mx-62, .m-62 {
  margin-right: 15.5rem !important; }

.mt-62, .my-62, .m-62 {
  margin-top: 15.5rem !important; }

.mb-62, .my-62, .m-62 {
  margin-bottom: 15.5rem !important; }

.rounded-62 {
  border-radius: 15.5rem !important; }

.pl-63, .px-63, .p-63 {
  padding-left: 15.75rem !important; }

.pr-63, .px-63, .p-63 {
  padding-right: 15.75rem !important; }

.pt-63, .py-63, .p-63 {
  padding-top: 15.75rem !important; }

.pb-63, .py-63, .p-63 {
  padding-bottom: 15.75rem !important; }

.ml-63, .mx-63, .m-63 {
  margin-left: 15.75rem !important; }

.mr-63, .mx-63, .m-63 {
  margin-right: 15.75rem !important; }

.mt-63, .my-63, .m-63 {
  margin-top: 15.75rem !important; }

.mb-63, .my-63, .m-63 {
  margin-bottom: 15.75rem !important; }

.rounded-63 {
  border-radius: 15.75rem !important; }

.pl-64, .px-64, .p-64 {
  padding-left: 16rem !important; }

.pr-64, .px-64, .p-64 {
  padding-right: 16rem !important; }

.pt-64, .py-64, .p-64 {
  padding-top: 16rem !important; }

.pb-64, .py-64, .p-64 {
  padding-bottom: 16rem !important; }

.ml-64, .mx-64, .m-64 {
  margin-left: 16rem !important; }

.mr-64, .mx-64, .m-64 {
  margin-right: 16rem !important; }

.mt-64, .my-64, .m-64 {
  margin-top: 16rem !important; }

.mb-64, .my-64, .m-64 {
  margin-bottom: 16rem !important; }

.rounded-64 {
  border-radius: 16rem !important; }

.pl-65, .px-65, .p-65 {
  padding-left: 16.25rem !important; }

.pr-65, .px-65, .p-65 {
  padding-right: 16.25rem !important; }

.pt-65, .py-65, .p-65 {
  padding-top: 16.25rem !important; }

.pb-65, .py-65, .p-65 {
  padding-bottom: 16.25rem !important; }

.ml-65, .mx-65, .m-65 {
  margin-left: 16.25rem !important; }

.mr-65, .mx-65, .m-65 {
  margin-right: 16.25rem !important; }

.mt-65, .my-65, .m-65 {
  margin-top: 16.25rem !important; }

.mb-65, .my-65, .m-65 {
  margin-bottom: 16.25rem !important; }

.rounded-65 {
  border-radius: 16.25rem !important; }

.pl-66, .px-66, .p-66 {
  padding-left: 16.5rem !important; }

.pr-66, .px-66, .p-66 {
  padding-right: 16.5rem !important; }

.pt-66, .py-66, .p-66 {
  padding-top: 16.5rem !important; }

.pb-66, .py-66, .p-66 {
  padding-bottom: 16.5rem !important; }

.ml-66, .mx-66, .m-66 {
  margin-left: 16.5rem !important; }

.mr-66, .mx-66, .m-66 {
  margin-right: 16.5rem !important; }

.mt-66, .my-66, .m-66 {
  margin-top: 16.5rem !important; }

.mb-66, .my-66, .m-66 {
  margin-bottom: 16.5rem !important; }

.rounded-66 {
  border-radius: 16.5rem !important; }

.pl-67, .px-67, .p-67 {
  padding-left: 16.75rem !important; }

.pr-67, .px-67, .p-67 {
  padding-right: 16.75rem !important; }

.pt-67, .py-67, .p-67 {
  padding-top: 16.75rem !important; }

.pb-67, .py-67, .p-67 {
  padding-bottom: 16.75rem !important; }

.ml-67, .mx-67, .m-67 {
  margin-left: 16.75rem !important; }

.mr-67, .mx-67, .m-67 {
  margin-right: 16.75rem !important; }

.mt-67, .my-67, .m-67 {
  margin-top: 16.75rem !important; }

.mb-67, .my-67, .m-67 {
  margin-bottom: 16.75rem !important; }

.rounded-67 {
  border-radius: 16.75rem !important; }

.pl-68, .px-68, .p-68 {
  padding-left: 17rem !important; }

.pr-68, .px-68, .p-68 {
  padding-right: 17rem !important; }

.pt-68, .py-68, .p-68 {
  padding-top: 17rem !important; }

.pb-68, .py-68, .p-68 {
  padding-bottom: 17rem !important; }

.ml-68, .mx-68, .m-68 {
  margin-left: 17rem !important; }

.mr-68, .mx-68, .m-68 {
  margin-right: 17rem !important; }

.mt-68, .my-68, .m-68 {
  margin-top: 17rem !important; }

.mb-68, .my-68, .m-68 {
  margin-bottom: 17rem !important; }

.rounded-68 {
  border-radius: 17rem !important; }

.pl-69, .px-69, .p-69 {
  padding-left: 17.25rem !important; }

.pr-69, .px-69, .p-69 {
  padding-right: 17.25rem !important; }

.pt-69, .py-69, .p-69 {
  padding-top: 17.25rem !important; }

.pb-69, .py-69, .p-69 {
  padding-bottom: 17.25rem !important; }

.ml-69, .mx-69, .m-69 {
  margin-left: 17.25rem !important; }

.mr-69, .mx-69, .m-69 {
  margin-right: 17.25rem !important; }

.mt-69, .my-69, .m-69 {
  margin-top: 17.25rem !important; }

.mb-69, .my-69, .m-69 {
  margin-bottom: 17.25rem !important; }

.rounded-69 {
  border-radius: 17.25rem !important; }

.pl-70, .px-70, .p-70 {
  padding-left: 17.5rem !important; }

.pr-70, .px-70, .p-70 {
  padding-right: 17.5rem !important; }

.pt-70, .py-70, .p-70 {
  padding-top: 17.5rem !important; }

.pb-70, .py-70, .p-70 {
  padding-bottom: 17.5rem !important; }

.ml-70, .mx-70, .m-70 {
  margin-left: 17.5rem !important; }

.mr-70, .mx-70, .m-70 {
  margin-right: 17.5rem !important; }

.mt-70, .my-70, .m-70 {
  margin-top: 17.5rem !important; }

.mb-70, .my-70, .m-70 {
  margin-bottom: 17.5rem !important; }

.rounded-70 {
  border-radius: 17.5rem !important; }

.pl-71, .px-71, .p-71 {
  padding-left: 17.75rem !important; }

.pr-71, .px-71, .p-71 {
  padding-right: 17.75rem !important; }

.pt-71, .py-71, .p-71 {
  padding-top: 17.75rem !important; }

.pb-71, .py-71, .p-71 {
  padding-bottom: 17.75rem !important; }

.ml-71, .mx-71, .m-71 {
  margin-left: 17.75rem !important; }

.mr-71, .mx-71, .m-71 {
  margin-right: 17.75rem !important; }

.mt-71, .my-71, .m-71 {
  margin-top: 17.75rem !important; }

.mb-71, .my-71, .m-71 {
  margin-bottom: 17.75rem !important; }

.rounded-71 {
  border-radius: 17.75rem !important; }

.pl-72, .px-72, .p-72 {
  padding-left: 18rem !important; }

.pr-72, .px-72, .p-72 {
  padding-right: 18rem !important; }

.pt-72, .py-72, .p-72 {
  padding-top: 18rem !important; }

.pb-72, .py-72, .p-72 {
  padding-bottom: 18rem !important; }

.ml-72, .mx-72, .m-72 {
  margin-left: 18rem !important; }

.mr-72, .mx-72, .m-72 {
  margin-right: 18rem !important; }

.mt-72, .my-72, .m-72 {
  margin-top: 18rem !important; }

.mb-72, .my-72, .m-72 {
  margin-bottom: 18rem !important; }

.rounded-72 {
  border-radius: 18rem !important; }

.pl-73, .px-73, .p-73 {
  padding-left: 18.25rem !important; }

.pr-73, .px-73, .p-73 {
  padding-right: 18.25rem !important; }

.pt-73, .py-73, .p-73 {
  padding-top: 18.25rem !important; }

.pb-73, .py-73, .p-73 {
  padding-bottom: 18.25rem !important; }

.ml-73, .mx-73, .m-73 {
  margin-left: 18.25rem !important; }

.mr-73, .mx-73, .m-73 {
  margin-right: 18.25rem !important; }

.mt-73, .my-73, .m-73 {
  margin-top: 18.25rem !important; }

.mb-73, .my-73, .m-73 {
  margin-bottom: 18.25rem !important; }

.rounded-73 {
  border-radius: 18.25rem !important; }

.pl-74, .px-74, .p-74 {
  padding-left: 18.5rem !important; }

.pr-74, .px-74, .p-74 {
  padding-right: 18.5rem !important; }

.pt-74, .py-74, .p-74 {
  padding-top: 18.5rem !important; }

.pb-74, .py-74, .p-74 {
  padding-bottom: 18.5rem !important; }

.ml-74, .mx-74, .m-74 {
  margin-left: 18.5rem !important; }

.mr-74, .mx-74, .m-74 {
  margin-right: 18.5rem !important; }

.mt-74, .my-74, .m-74 {
  margin-top: 18.5rem !important; }

.mb-74, .my-74, .m-74 {
  margin-bottom: 18.5rem !important; }

.rounded-74 {
  border-radius: 18.5rem !important; }

.pl-75, .px-75, .p-75 {
  padding-left: 18.75rem !important; }

.pr-75, .px-75, .p-75 {
  padding-right: 18.75rem !important; }

.pt-75, .py-75, .p-75 {
  padding-top: 18.75rem !important; }

.pb-75, .py-75, .p-75 {
  padding-bottom: 18.75rem !important; }

.ml-75, .mx-75, .m-75 {
  margin-left: 18.75rem !important; }

.mr-75, .mx-75, .m-75 {
  margin-right: 18.75rem !important; }

.mt-75, .my-75, .m-75 {
  margin-top: 18.75rem !important; }

.mb-75, .my-75, .m-75 {
  margin-bottom: 18.75rem !important; }

.rounded-75 {
  border-radius: 18.75rem !important; }

.pl-76, .px-76, .p-76 {
  padding-left: 19rem !important; }

.pr-76, .px-76, .p-76 {
  padding-right: 19rem !important; }

.pt-76, .py-76, .p-76 {
  padding-top: 19rem !important; }

.pb-76, .py-76, .p-76 {
  padding-bottom: 19rem !important; }

.ml-76, .mx-76, .m-76 {
  margin-left: 19rem !important; }

.mr-76, .mx-76, .m-76 {
  margin-right: 19rem !important; }

.mt-76, .my-76, .m-76 {
  margin-top: 19rem !important; }

.mb-76, .my-76, .m-76 {
  margin-bottom: 19rem !important; }

.rounded-76 {
  border-radius: 19rem !important; }

.pl-77, .px-77, .p-77 {
  padding-left: 19.25rem !important; }

.pr-77, .px-77, .p-77 {
  padding-right: 19.25rem !important; }

.pt-77, .py-77, .p-77 {
  padding-top: 19.25rem !important; }

.pb-77, .py-77, .p-77 {
  padding-bottom: 19.25rem !important; }

.ml-77, .mx-77, .m-77 {
  margin-left: 19.25rem !important; }

.mr-77, .mx-77, .m-77 {
  margin-right: 19.25rem !important; }

.mt-77, .my-77, .m-77 {
  margin-top: 19.25rem !important; }

.mb-77, .my-77, .m-77 {
  margin-bottom: 19.25rem !important; }

.rounded-77 {
  border-radius: 19.25rem !important; }

.pl-78, .px-78, .p-78 {
  padding-left: 19.5rem !important; }

.pr-78, .px-78, .p-78 {
  padding-right: 19.5rem !important; }

.pt-78, .py-78, .p-78 {
  padding-top: 19.5rem !important; }

.pb-78, .py-78, .p-78 {
  padding-bottom: 19.5rem !important; }

.ml-78, .mx-78, .m-78 {
  margin-left: 19.5rem !important; }

.mr-78, .mx-78, .m-78 {
  margin-right: 19.5rem !important; }

.mt-78, .my-78, .m-78 {
  margin-top: 19.5rem !important; }

.mb-78, .my-78, .m-78 {
  margin-bottom: 19.5rem !important; }

.rounded-78 {
  border-radius: 19.5rem !important; }

.pl-79, .px-79, .p-79 {
  padding-left: 19.75rem !important; }

.pr-79, .px-79, .p-79 {
  padding-right: 19.75rem !important; }

.pt-79, .py-79, .p-79 {
  padding-top: 19.75rem !important; }

.pb-79, .py-79, .p-79 {
  padding-bottom: 19.75rem !important; }

.ml-79, .mx-79, .m-79 {
  margin-left: 19.75rem !important; }

.mr-79, .mx-79, .m-79 {
  margin-right: 19.75rem !important; }

.mt-79, .my-79, .m-79 {
  margin-top: 19.75rem !important; }

.mb-79, .my-79, .m-79 {
  margin-bottom: 19.75rem !important; }

.rounded-79 {
  border-radius: 19.75rem !important; }

.pl-80, .px-80, .p-80 {
  padding-left: 20rem !important; }

.pr-80, .px-80, .p-80 {
  padding-right: 20rem !important; }

.pt-80, .py-80, .p-80 {
  padding-top: 20rem !important; }

.pb-80, .py-80, .p-80 {
  padding-bottom: 20rem !important; }

.ml-80, .mx-80, .m-80 {
  margin-left: 20rem !important; }

.mr-80, .mx-80, .m-80 {
  margin-right: 20rem !important; }

.mt-80, .my-80, .m-80 {
  margin-top: 20rem !important; }

.mb-80, .my-80, .m-80 {
  margin-bottom: 20rem !important; }

.rounded-80 {
  border-radius: 20rem !important; }

.pl-81, .px-81, .p-81 {
  padding-left: 20.25rem !important; }

.pr-81, .px-81, .p-81 {
  padding-right: 20.25rem !important; }

.pt-81, .py-81, .p-81 {
  padding-top: 20.25rem !important; }

.pb-81, .py-81, .p-81 {
  padding-bottom: 20.25rem !important; }

.ml-81, .mx-81, .m-81 {
  margin-left: 20.25rem !important; }

.mr-81, .mx-81, .m-81 {
  margin-right: 20.25rem !important; }

.mt-81, .my-81, .m-81 {
  margin-top: 20.25rem !important; }

.mb-81, .my-81, .m-81 {
  margin-bottom: 20.25rem !important; }

.rounded-81 {
  border-radius: 20.25rem !important; }

.pl-82, .px-82, .p-82 {
  padding-left: 20.5rem !important; }

.pr-82, .px-82, .p-82 {
  padding-right: 20.5rem !important; }

.pt-82, .py-82, .p-82 {
  padding-top: 20.5rem !important; }

.pb-82, .py-82, .p-82 {
  padding-bottom: 20.5rem !important; }

.ml-82, .mx-82, .m-82 {
  margin-left: 20.5rem !important; }

.mr-82, .mx-82, .m-82 {
  margin-right: 20.5rem !important; }

.mt-82, .my-82, .m-82 {
  margin-top: 20.5rem !important; }

.mb-82, .my-82, .m-82 {
  margin-bottom: 20.5rem !important; }

.rounded-82 {
  border-radius: 20.5rem !important; }

.pl-83, .px-83, .p-83 {
  padding-left: 20.75rem !important; }

.pr-83, .px-83, .p-83 {
  padding-right: 20.75rem !important; }

.pt-83, .py-83, .p-83 {
  padding-top: 20.75rem !important; }

.pb-83, .py-83, .p-83 {
  padding-bottom: 20.75rem !important; }

.ml-83, .mx-83, .m-83 {
  margin-left: 20.75rem !important; }

.mr-83, .mx-83, .m-83 {
  margin-right: 20.75rem !important; }

.mt-83, .my-83, .m-83 {
  margin-top: 20.75rem !important; }

.mb-83, .my-83, .m-83 {
  margin-bottom: 20.75rem !important; }

.rounded-83 {
  border-radius: 20.75rem !important; }

.pl-84, .px-84, .p-84 {
  padding-left: 21rem !important; }

.pr-84, .px-84, .p-84 {
  padding-right: 21rem !important; }

.pt-84, .py-84, .p-84 {
  padding-top: 21rem !important; }

.pb-84, .py-84, .p-84 {
  padding-bottom: 21rem !important; }

.ml-84, .mx-84, .m-84 {
  margin-left: 21rem !important; }

.mr-84, .mx-84, .m-84 {
  margin-right: 21rem !important; }

.mt-84, .my-84, .m-84 {
  margin-top: 21rem !important; }

.mb-84, .my-84, .m-84 {
  margin-bottom: 21rem !important; }

.rounded-84 {
  border-radius: 21rem !important; }

.pl-85, .px-85, .p-85 {
  padding-left: 21.25rem !important; }

.pr-85, .px-85, .p-85 {
  padding-right: 21.25rem !important; }

.pt-85, .py-85, .p-85 {
  padding-top: 21.25rem !important; }

.pb-85, .py-85, .p-85 {
  padding-bottom: 21.25rem !important; }

.ml-85, .mx-85, .m-85 {
  margin-left: 21.25rem !important; }

.mr-85, .mx-85, .m-85 {
  margin-right: 21.25rem !important; }

.mt-85, .my-85, .m-85 {
  margin-top: 21.25rem !important; }

.mb-85, .my-85, .m-85 {
  margin-bottom: 21.25rem !important; }

.rounded-85 {
  border-radius: 21.25rem !important; }

.pl-86, .px-86, .p-86 {
  padding-left: 21.5rem !important; }

.pr-86, .px-86, .p-86 {
  padding-right: 21.5rem !important; }

.pt-86, .py-86, .p-86 {
  padding-top: 21.5rem !important; }

.pb-86, .py-86, .p-86 {
  padding-bottom: 21.5rem !important; }

.ml-86, .mx-86, .m-86 {
  margin-left: 21.5rem !important; }

.mr-86, .mx-86, .m-86 {
  margin-right: 21.5rem !important; }

.mt-86, .my-86, .m-86 {
  margin-top: 21.5rem !important; }

.mb-86, .my-86, .m-86 {
  margin-bottom: 21.5rem !important; }

.rounded-86 {
  border-radius: 21.5rem !important; }

.pl-87, .px-87, .p-87 {
  padding-left: 21.75rem !important; }

.pr-87, .px-87, .p-87 {
  padding-right: 21.75rem !important; }

.pt-87, .py-87, .p-87 {
  padding-top: 21.75rem !important; }

.pb-87, .py-87, .p-87 {
  padding-bottom: 21.75rem !important; }

.ml-87, .mx-87, .m-87 {
  margin-left: 21.75rem !important; }

.mr-87, .mx-87, .m-87 {
  margin-right: 21.75rem !important; }

.mt-87, .my-87, .m-87 {
  margin-top: 21.75rem !important; }

.mb-87, .my-87, .m-87 {
  margin-bottom: 21.75rem !important; }

.rounded-87 {
  border-radius: 21.75rem !important; }

.pl-88, .px-88, .p-88 {
  padding-left: 22rem !important; }

.pr-88, .px-88, .p-88 {
  padding-right: 22rem !important; }

.pt-88, .py-88, .p-88 {
  padding-top: 22rem !important; }

.pb-88, .py-88, .p-88 {
  padding-bottom: 22rem !important; }

.ml-88, .mx-88, .m-88 {
  margin-left: 22rem !important; }

.mr-88, .mx-88, .m-88 {
  margin-right: 22rem !important; }

.mt-88, .my-88, .m-88 {
  margin-top: 22rem !important; }

.mb-88, .my-88, .m-88 {
  margin-bottom: 22rem !important; }

.rounded-88 {
  border-radius: 22rem !important; }

.pl-89, .px-89, .p-89 {
  padding-left: 22.25rem !important; }

.pr-89, .px-89, .p-89 {
  padding-right: 22.25rem !important; }

.pt-89, .py-89, .p-89 {
  padding-top: 22.25rem !important; }

.pb-89, .py-89, .p-89 {
  padding-bottom: 22.25rem !important; }

.ml-89, .mx-89, .m-89 {
  margin-left: 22.25rem !important; }

.mr-89, .mx-89, .m-89 {
  margin-right: 22.25rem !important; }

.mt-89, .my-89, .m-89 {
  margin-top: 22.25rem !important; }

.mb-89, .my-89, .m-89 {
  margin-bottom: 22.25rem !important; }

.rounded-89 {
  border-radius: 22.25rem !important; }

.pl-90, .px-90, .p-90 {
  padding-left: 22.5rem !important; }

.pr-90, .px-90, .p-90 {
  padding-right: 22.5rem !important; }

.pt-90, .py-90, .p-90 {
  padding-top: 22.5rem !important; }

.pb-90, .py-90, .p-90 {
  padding-bottom: 22.5rem !important; }

.ml-90, .mx-90, .m-90 {
  margin-left: 22.5rem !important; }

.mr-90, .mx-90, .m-90 {
  margin-right: 22.5rem !important; }

.mt-90, .my-90, .m-90 {
  margin-top: 22.5rem !important; }

.mb-90, .my-90, .m-90 {
  margin-bottom: 22.5rem !important; }

.rounded-90 {
  border-radius: 22.5rem !important; }

.pl-91, .px-91, .p-91 {
  padding-left: 22.75rem !important; }

.pr-91, .px-91, .p-91 {
  padding-right: 22.75rem !important; }

.pt-91, .py-91, .p-91 {
  padding-top: 22.75rem !important; }

.pb-91, .py-91, .p-91 {
  padding-bottom: 22.75rem !important; }

.ml-91, .mx-91, .m-91 {
  margin-left: 22.75rem !important; }

.mr-91, .mx-91, .m-91 {
  margin-right: 22.75rem !important; }

.mt-91, .my-91, .m-91 {
  margin-top: 22.75rem !important; }

.mb-91, .my-91, .m-91 {
  margin-bottom: 22.75rem !important; }

.rounded-91 {
  border-radius: 22.75rem !important; }

.pl-92, .px-92, .p-92 {
  padding-left: 23rem !important; }

.pr-92, .px-92, .p-92 {
  padding-right: 23rem !important; }

.pt-92, .py-92, .p-92 {
  padding-top: 23rem !important; }

.pb-92, .py-92, .p-92 {
  padding-bottom: 23rem !important; }

.ml-92, .mx-92, .m-92 {
  margin-left: 23rem !important; }

.mr-92, .mx-92, .m-92 {
  margin-right: 23rem !important; }

.mt-92, .my-92, .m-92 {
  margin-top: 23rem !important; }

.mb-92, .my-92, .m-92 {
  margin-bottom: 23rem !important; }

.rounded-92 {
  border-radius: 23rem !important; }

.pl-93, .px-93, .p-93 {
  padding-left: 23.25rem !important; }

.pr-93, .px-93, .p-93 {
  padding-right: 23.25rem !important; }

.pt-93, .py-93, .p-93 {
  padding-top: 23.25rem !important; }

.pb-93, .py-93, .p-93 {
  padding-bottom: 23.25rem !important; }

.ml-93, .mx-93, .m-93 {
  margin-left: 23.25rem !important; }

.mr-93, .mx-93, .m-93 {
  margin-right: 23.25rem !important; }

.mt-93, .my-93, .m-93 {
  margin-top: 23.25rem !important; }

.mb-93, .my-93, .m-93 {
  margin-bottom: 23.25rem !important; }

.rounded-93 {
  border-radius: 23.25rem !important; }

.pl-94, .px-94, .p-94 {
  padding-left: 23.5rem !important; }

.pr-94, .px-94, .p-94 {
  padding-right: 23.5rem !important; }

.pt-94, .py-94, .p-94 {
  padding-top: 23.5rem !important; }

.pb-94, .py-94, .p-94 {
  padding-bottom: 23.5rem !important; }

.ml-94, .mx-94, .m-94 {
  margin-left: 23.5rem !important; }

.mr-94, .mx-94, .m-94 {
  margin-right: 23.5rem !important; }

.mt-94, .my-94, .m-94 {
  margin-top: 23.5rem !important; }

.mb-94, .my-94, .m-94 {
  margin-bottom: 23.5rem !important; }

.rounded-94 {
  border-radius: 23.5rem !important; }

.pl-95, .px-95, .p-95 {
  padding-left: 23.75rem !important; }

.pr-95, .px-95, .p-95 {
  padding-right: 23.75rem !important; }

.pt-95, .py-95, .p-95 {
  padding-top: 23.75rem !important; }

.pb-95, .py-95, .p-95 {
  padding-bottom: 23.75rem !important; }

.ml-95, .mx-95, .m-95 {
  margin-left: 23.75rem !important; }

.mr-95, .mx-95, .m-95 {
  margin-right: 23.75rem !important; }

.mt-95, .my-95, .m-95 {
  margin-top: 23.75rem !important; }

.mb-95, .my-95, .m-95 {
  margin-bottom: 23.75rem !important; }

.rounded-95 {
  border-radius: 23.75rem !important; }

.pl-96, .px-96, .p-96 {
  padding-left: 24rem !important; }

.pr-96, .px-96, .p-96 {
  padding-right: 24rem !important; }

.pt-96, .py-96, .p-96 {
  padding-top: 24rem !important; }

.pb-96, .py-96, .p-96 {
  padding-bottom: 24rem !important; }

.ml-96, .mx-96, .m-96 {
  margin-left: 24rem !important; }

.mr-96, .mx-96, .m-96 {
  margin-right: 24rem !important; }

.mt-96, .my-96, .m-96 {
  margin-top: 24rem !important; }

.mb-96, .my-96, .m-96 {
  margin-bottom: 24rem !important; }

.rounded-96 {
  border-radius: 24rem !important; }

.pl-97, .px-97, .p-97 {
  padding-left: 24.25rem !important; }

.pr-97, .px-97, .p-97 {
  padding-right: 24.25rem !important; }

.pt-97, .py-97, .p-97 {
  padding-top: 24.25rem !important; }

.pb-97, .py-97, .p-97 {
  padding-bottom: 24.25rem !important; }

.ml-97, .mx-97, .m-97 {
  margin-left: 24.25rem !important; }

.mr-97, .mx-97, .m-97 {
  margin-right: 24.25rem !important; }

.mt-97, .my-97, .m-97 {
  margin-top: 24.25rem !important; }

.mb-97, .my-97, .m-97 {
  margin-bottom: 24.25rem !important; }

.rounded-97 {
  border-radius: 24.25rem !important; }

.pl-98, .px-98, .p-98 {
  padding-left: 24.5rem !important; }

.pr-98, .px-98, .p-98 {
  padding-right: 24.5rem !important; }

.pt-98, .py-98, .p-98 {
  padding-top: 24.5rem !important; }

.pb-98, .py-98, .p-98 {
  padding-bottom: 24.5rem !important; }

.ml-98, .mx-98, .m-98 {
  margin-left: 24.5rem !important; }

.mr-98, .mx-98, .m-98 {
  margin-right: 24.5rem !important; }

.mt-98, .my-98, .m-98 {
  margin-top: 24.5rem !important; }

.mb-98, .my-98, .m-98 {
  margin-bottom: 24.5rem !important; }

.rounded-98 {
  border-radius: 24.5rem !important; }

.pl-99, .px-99, .p-99 {
  padding-left: 24.75rem !important; }

.pr-99, .px-99, .p-99 {
  padding-right: 24.75rem !important; }

.pt-99, .py-99, .p-99 {
  padding-top: 24.75rem !important; }

.pb-99, .py-99, .p-99 {
  padding-bottom: 24.75rem !important; }

.ml-99, .mx-99, .m-99 {
  margin-left: 24.75rem !important; }

.mr-99, .mx-99, .m-99 {
  margin-right: 24.75rem !important; }

.mt-99, .my-99, .m-99 {
  margin-top: 24.75rem !important; }

.mb-99, .my-99, .m-99 {
  margin-bottom: 24.75rem !important; }

.rounded-99 {
  border-radius: 24.75rem !important; }

.pl-100, .px-100, .p-100 {
  padding-left: 25rem !important; }

.pr-100, .px-100, .p-100 {
  padding-right: 25rem !important; }

.pt-100, .py-100, .p-100 {
  padding-top: 25rem !important; }

.pb-100, .py-100, .p-100 {
  padding-bottom: 25rem !important; }

.ml-100, .mx-100, .m-100 {
  margin-left: 25rem !important; }

.mr-100, .mx-100, .m-100 {
  margin-right: 25rem !important; }

.mt-100, .my-100, .m-100 {
  margin-top: 25rem !important; }

.mb-100, .my-100, .m-100 {
  margin-bottom: 25rem !important; }

.rounded-100 {
  border-radius: 25rem !important; }

.font-9, .calendar-badge .event-number {
  font-size: 9px; }

.font-10 {
  font-size: 10px; }

.font-12, .header-badge, #calendar .main-paper .calendar-by-day-container .full-day-event .event .calendar-badge, #calendar .main-paper .calendar-by-week-container .full-day-event-section .event-section .calendar-badge {
  font-size: 12px; }

.font-13, #calendar .main-paper .header .tab-container .MuiTab-root, #calendar .main-paper #cash-flow .header .left .cash-flow-tab-container .MuiTab-root, #cash-flow #calendar .main-paper .header .left .cash-flow-tab-container .MuiTab-root, #calendar .main-paper .header .today {
  font-size: 13px; }

.font-14, .graphs .title, #dashboard .title, .calendar-time-section, .canvas-background-hour .time-event-section .time, #calendar .main-paper .calendar-by-day-container .day .time-event-section .time, #calendar .main-paper .calendar-by-week-container .day .time-event-section .time, #calendar .main-paper .calendar-by-day-container .full-day-event .time, #calendar .main-paper .calendar-by-week-container .full-day-event-section .time-section, .hover-popover, .hover-popover-table-page .MuiPaper-root, .hover-popover-badge .MuiPaper-root, #company-user-menu .user-info .full-name, #company-user-menu .MuiMenuItem-root, #navigation .navigation-item .navigation-text span, .navigation .navigation-item .navigation-text span, #navigation .navigation-item .navigation-text-dark span, .navigation .navigation-item .navigation-text-dark span, #navigation .navigation-link:hover .main-item span, #navigation .navigation-link.active .main-item span, .navigation .navigation-link:hover .main-item span, .navigation .navigation-link.active .main-item span, #table-page .MuiDataGrid-toolbarContainer .toolbar-custom-controls .approve, .boards-page-header .MuiDataGrid-toolbarContainer .toolbar-custom-controls .approve, .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root .MuiInputLabel-root::after, .data-grid-popper .MuiDataGrid-panelFooter .MuiButton-root, .file-upload-component .drop-zone .uploaded-files .file-row .description, #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer .right, #calendar .main-paper .calendar-by-month-container .days .cell, #calendar .main-paper .calendar-by-month-container .days .cell .cell-header .header-day, #calendar .main-paper .calendar-by-week-container .calendar-container-header, #drawer .drawer-form .content .middle .date, .deal-pipeline-wrapper .stages-wrapper .stage-container .header .type, .job-pipeline-wrapper .stages-wrapper .stage-container .header .type, .deal-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .description, .job-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .description {
  font-size: 14px; }

.font-15, #table-page .header .filter-container .add-button, .boards-page-header .header .filter-container .add-button, #table-page .header #candidate-details-page .container .filter-container-year .add-button, #candidate-details-page .container #table-page .header .filter-container-year .add-button, .boards-page-header .header #candidate-details-page .container .filter-container-year .add-button, #candidate-details-page .container .boards-page-header .header .filter-container-year .add-button, .drawer-wrapper .drawer-wrapper-header .drawer-wrapper-button-header .button .add-button, .tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root, .split-transaction .split-button, .job-header .button, #business-trip-list-page .add-button, #business-trip-list-page .filter-container .add-button, #business-trip-list-page #candidate-details-page .container .filter-container-year .add-button, #candidate-details-page .container #business-trip-list-page .filter-container-year .add-button, #calendar .main-paper .header .add-button, .deal-pipeline-header .add-button, #company-file-folders-container .add-button, #tree-list-container .add-button, #create-template .question-search-add .new-question-button, #create-template .template-create-footer .back-step-button .back-button, #create-template .template-create-footer .new-step-button .new-button, #create-template .template-create-footer .next-step-button .next-button, #template-document-content .text-editor .ql-toolbar .question-slider .question-toolbar-button .question-button, #template-document-content .editor-footer .next-button, #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form .question-required .edit-options-button, .form-page .form .form-footer .next-button, #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .header .new-option-button, #create-template-check-list .question-search-add .new-question-button, #create-template-check-list .template-create-footer .back-step-button .back-button, #create-template-check-list .template-create-footer .new-step-button .new-button, #create-template-check-list .template-create-footer .next-step-button .next-button {
  font-size: 15px; }

.font-16, #navigation .section-title, .navigation .section-title, .file-upload-component .drop-zone .dropzone, #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .description, #calendar .main-paper .header .date-control, #calendar .main-paper .calendar-by-month-container .calendar-container-header, #calendar .main-paper .calendar-by-day-container .calendar-container-header, #drawer .drawer-form .content .middle .description, .deal-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .name, .job-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .name, .board-issue-drag-and-drop.text, .yes-no-dialog .MuiPaper-root .MuiDialogContent-root .MuiDialogContentText-root {
  font-size: 16px; }

.font-24, .blue-notification {
  font-size: 24px; }

.font-28, #drawer .drawer-form .content .top .title, .yes-no-dialog .MuiPaper-root .MuiTypography-h6 {
  font-size: 28px; }

body {
  overflow: hidden;
  margin: 0 !important;
  font-family: 'Plus Jakarta Display', sans-serif !important;
  font-size: 12px;
  color: #393533;
  background: #F7F9FC;
  background-color: white !important; }

#root {
  overflow-y: auto;
  height: 100vh; }

a {
  text-decoration: none;
  color: #40B6BE;
  font-size: 14px; }

h1, h2 {
  color: #393533; }

h2, h4 {
  color: #393533; }

h5 {
  font-family: "Plus Jakarta Display", sans-serif !important;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  color: #1C2731; }

h1 span {
  display: block;
  font-size: 14px; }

p {
  font-size: 14px; }

#main-container {
  display: flex;
  flex-direction: row; }
  #main-container.short .navigation-container,
  #main-container.short .header-container {
    display: block; }
  #main-container.full .navigation-container,
  #main-container.full .header-container {
    display: none; }

.content-container {
  overflow-x: hidden;
  position: relative;
  background: #F7F9FC;
  width: 100%;
  margin-left: 0;
  padding: 10px;
  padding-top: 95px;
  transition: .3s;
  min-height: 100vh; }
  @media screen and (min-width: 992px) {
    .content-container {
      width: calc(100% - 210px);
      margin-left: 320px; } }
  .content-container.short {
    width: calc(100% - 50px);
    margin-left: 80px;
    transition: .3s; }
    @media screen and (min-width: 992px) {
      .content-container.short {
        width: calc(100% - 75px); } }
  .content-container.fixed {
    width: calc(100% - 50px);
    margin-left: 100px;
    transition: .3s; }
  .content-container.no-header {
    padding: 0;
    margin-left: 0 !important;
    width: 100% !important; }
  .content-container.lock {
    background-image: url("/images/bg-lock.png");
    background-size: 100% 100%; }
  .content-container.no-padding {
    padding: 0 !important; }

.paper {
  padding: 15px; }

.form-paper {
  padding: 15px;
  margin-bottom: 15px; }

#page .header {
  padding: 0 15px; }

.lock-drawer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999999999999;
  background: rgba(255, 255, 255, 0.8); }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  border-radius: 5px;
  padding: 10px 20px;
  margin: 5px 0;
  min-height: 45px;
  color: white;
  opacity: 1;
  transition: .15s; }
  .btn:hover {
    opacity: .9;
    transition: .15s; }
  .btn svg {
    margin-right: 10px; }

.form-separator {
  padding: 2px 10px;
  margin: 10px 0; }
  .form-separator.first {
    margin-top: 0; }
  .form-separator p {
    color: white;
    margin: 2px 0;
    font-size: 12px; }

.cursor-pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default !important; }

.display-flex {
  display: flex; }

.color-green {
  color: limegreen; }

.color-red {
  color: red; }

.text-gray {
  color: rgba(0, 0, 0, 0.4); }

.text-center {
  text-align: center; }

.margin-y-auto {
  margin-bottom: auto;
  margin-top: auto; }

.margin-top-auto {
  margin-top: auto; }

button:disabled {
  opacity: .6;
  transition: .15s; }

.background-image {
  background-size: cover !important;
  background-position-x: center !important;
  background-position-y: center !important;
  background-repeat: no-repeat !important; }

b {
  font-weight: 500; }

button {
  font-weight: 400 !important; }

.MuiListItemText-inset {
  padding-left: 0 !important; }

.MuiButton-root {
  text-transform: unset !important; }

button.MuiButton-containedPrimary, button.MuiButton-containedSecondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  padding: 8px 30px;
  min-height: 35px;
  margin: 5px 0;
  box-shadow: none;
  font-size: 13px;
  color: white;
  border: 1px solid transparent;
  min-width: 105px;
  opacity: 1;
  transition: .15s; }
  button.MuiButton-containedPrimary:hover, button.MuiButton-containedSecondary:hover {
    opacity: .9;
    transition: .15s; }
  button.MuiButton-containedPrimary:not(.MuiLoadingButton-root) svg, button.MuiButton-containedSecondary:not(.MuiLoadingButton-root) svg {
    margin-right: 10px; }
button.MuiButton-sizeSmall {
  padding: unset;
  margin: unset;
  min-height: unset;
  min-width: 90px; }
button.table-button {
  margin-left: 2px;
  margin-right: 2px; }
button.MuiButton-containedPrimary {
  background: #40B6BE; }
  button.MuiButton-containedPrimary:hover {
    background-color: #40B6BE;
    box-shadow: none; }
button.MuiButton-containedSecondary {
  background: white;
  border-color: #40B6BE;
  color: #40B6BE; }
  button.MuiButton-containedSecondary:hover {
    background-color: white;
    box-shadow: none; }

.all-readonly * {
  pointer-events: none;
  opacity: 0.8; }

.flex-center-align-center, .global-loader .circular-loader {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.text-center {
  text-align: center; }

.drawer-form .Mui-error, form .Mui-error {
  margin-left: 0; }
.drawer-form .MuiPaper-root, form .MuiPaper-root {
  padding: 0 45px 26px; }
  .drawer-form .MuiPaper-root .action-text-field, form .MuiPaper-root .action-text-field {
    position: relative;
    margin-bottom: 24px; }
    .drawer-form .MuiPaper-root .action-text-field .MuiFormLabel-root, form .MuiPaper-root .action-text-field .MuiFormLabel-root {
      font-size: 14px;
      margin-bottom: 5px; }
    .drawer-form .MuiPaper-root .action-text-field .action-field-label-error, form .MuiPaper-root .action-text-field .action-field-label-error {
      color: #f44336; }
    .drawer-form .MuiPaper-root .action-text-field .action-field-error, form .MuiPaper-root .action-text-field .action-field-error {
      border: 1px solid #f44336 !important; }
    .drawer-form .MuiPaper-root .action-text-field .MuiPaper-root, form .MuiPaper-root .action-text-field .MuiPaper-root {
      box-shadow: none;
      border-radius: 10px;
      border: 1px solid #D9DEE2;
      display: flex;
      align-items: center;
      padding: 0 7px 0 14px;
      height: 40px; }
      .drawer-form .MuiPaper-root .action-text-field .MuiPaper-root .MuiInputBase-root, form .MuiPaper-root .action-text-field .MuiPaper-root .MuiInputBase-root {
        width: 100%;
        margin-right: 10px; }
        .drawer-form .MuiPaper-root .action-text-field .MuiPaper-root .MuiInputBase-root input::-webkit-outer-spin-button,
        .drawer-form .MuiPaper-root .action-text-field .MuiPaper-root .MuiInputBase-root input::-webkit-inner-spin-button, form .MuiPaper-root .action-text-field .MuiPaper-root .MuiInputBase-root input::-webkit-outer-spin-button,
        form .MuiPaper-root .action-text-field .MuiPaper-root .MuiInputBase-root input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        .drawer-form .MuiPaper-root .action-text-field .MuiPaper-root .MuiInputBase-root input[type=number], form .MuiPaper-root .action-text-field .MuiPaper-root .MuiInputBase-root input[type=number] {
          -moz-appearance: textfield; }
      .drawer-form .MuiPaper-root .action-text-field .MuiPaper-root .MuiButtonBase-root, form .MuiPaper-root .action-text-field .MuiPaper-root .MuiButtonBase-root {
        background: #EEF1F3;
        width: 33px;
        height: 33px;
        border-radius: 10px;
        margin-bottom: 1px; }
    .drawer-form .MuiPaper-root .action-text-field .MuiFormHelperText-root, form .MuiPaper-root .action-text-field .MuiFormHelperText-root {
      color: #f44336;
      position: absolute;
      bottom: -20px;
      left: 0; }
.drawer-form .MuiTextField-root, form .MuiTextField-root {
  margin-top: 8px;
  margin-bottom: 8px; }
  .drawer-form .MuiTextField-root input, .drawer-form .MuiTextField-root textarea, form .MuiTextField-root input, form .MuiTextField-root textarea {
    background: white; }
.drawer-form .select-box, form .select-box {
  margin-top: 8px;
  margin-bottom: 8px; }
  .drawer-form .select-box .MuiFormHelperText-root, form .select-box .MuiFormHelperText-root {
    margin-left: 0;
    color: #f44336; }
  .drawer-form .select-box label, form .select-box label {
    top: -7px; }
  .drawer-form .select-box .MuiInputLabel-shrink, form .select-box .MuiInputLabel-shrink {
    top: 0; }
  .drawer-form .select-box .Mui-error .MuiSelect-select, form .select-box .Mui-error .MuiSelect-select {
    color: #f44336; }
.drawer-form .select-radio, form .select-radio {
  margin-top: 8px;
  margin-bottom: 8px; }
  .drawer-form .select-radio .MuiFormHelperText-root, form .select-radio .MuiFormHelperText-root {
    margin-left: 0;
    color: #f44336; }
  .drawer-form .select-radio .MuiButtonBase-root, form .select-radio .MuiButtonBase-root {
    color: #40B6BE; }
  .drawer-form .select-radio .MuiInputLabel-shrink, form .select-radio .MuiInputLabel-shrink {
    top: 0; }
  .drawer-form .select-radio .Mui-error .MuiSelect-select, form .select-radio .Mui-error .MuiSelect-select {
    color: #f44336; }
.drawer-form .data-picker-box > div, form .data-picker-box > div {
  width: 100%; }
.drawer-form .MuiSelect-select, .drawer-form .MuiInputBase-multiline, form .MuiSelect-select, form .MuiInputBase-multiline {
  background: white; }
.drawer-form .submit-container, form .submit-container {
  background-color: none;
  margin-top: 20px; }
  .drawer-form .submit-container button, form .submit-container button {
    flex: 1;
    margin-left: 10px;
    margin-right: 10px; }
  .drawer-form .submit-container :first-child, form .submit-container :first-child {
    margin-left: 0;
    border-color: #40B6BE; }
  .drawer-form .submit-container :last-child, form .submit-container :last-child {
    margin-right: 0; }
.drawer-form #transaction-form .transactionType, form #transaction-form .transactionType {
  margin-top: 20px; }

.MuiMenu-list {
  max-height: 300px !important; }

.margin-shifted-label {
  margin-top: 0 !important;
  margin-bottom: 49px !important; }

.margin-shifted-label-select {
  margin-top: 0 !important;
  margin-bottom: 41px !important; }

.margin-shifted-label-autoselect {
  margin-top: 0;
  margin-bottom: 33px !important; }

.margin-shifted-label-last {
  margin-top: 0 !important; }

.margin-shifted-label-first {
  margin-bottom: 49px !important; }

.assign-issue-to-me {
  margin-top: -5px;
  margin-bottom: 21px;
  text-align: right;
  color: #40B6BE;
  font-size: 13px;
  cursor: pointer; }

.assign-issue-to-me:hover {
  text-decoration: underline; }

.graphs, #dashboard {
  margin-top: 18px; }
  .graphs .title, #dashboard .title {
    padding: 20px 0 0 20px; }
  .graphs .MuiGrid-root, #dashboard .MuiGrid-root {
    width: calc(100% + 13px); }
  .graphs .MuiGrid-item, #dashboard .MuiGrid-item {
    padding: 0 18px 18px 0; }
  .graphs .graph, #dashboard .graph {
    background: #FFFFFF;
    border-radius: 10px; }

.icon-container, #navigation .navigation-item .show-more, .navigation .navigation-item .show-more, #navigation .navigation-item .show-less, .navigation .navigation-item .show-less, #navigation .submenu .dot-container, .navigation .submenu .dot-container {
  width: 22px;
  height: 22px; }

.full-screen, #login-page, #registration-page, #verify-email, #accept-invite, #login-page .color-overlay, #registration-page .color-overlay, #verify-email .color-overlay, #accept-invite .color-overlay, #reset-password-request-page, #reset-password-request-page .color-overlay, #reset-password-page, #reset-password-page .color-overlay {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh; }

.centered-flex, .centered-flex-column, .centered-flex-row, #header .header-left, #header, #header .company-user-container, #header .company-user-container .company, #presance-menu, #presance-menu .MuiPaper-root, #presance-menu .checked-in, #presance-menu .checked-out, #company-user-menu, #company-user-menu .MuiPaper-root, #company-user-menu .user-info, #favorite-boards-menu .MuiPaper-root .MuiList-root .favorite-boards-no-options, #favorite-boards-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root .favorite-board-arrow-container, #navigation .submenu .dot-container, .navigation .submenu .dot-container, #table-page .header, .boards-page-header .header, #table-page .MuiDataGrid-cell .submit-container, .boards-page-header .MuiDataGrid-cell .submit-container, .data-grid-popper .MuiDataGrid-panelHeader, .data-grid-popper .MuiDataGrid-filterForm .MuiDataGrid-filterFormDeleteIcon span, .drawer-wrapper .drawer-wrapper-header .drawer-wrapper-button-header .cross-button, #lock, .file-upload-component .drop-zone .dropzone, #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer .left, #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer .right, .calendar-badge, #calendar .main-paper .header, #calendar .main-paper .header .tab-container .MuiTabs-flexContainer, #calendar .main-paper #cash-flow .header .left .cash-flow-tab-container .MuiTabs-flexContainer, #cash-flow #calendar .main-paper .header .left .cash-flow-tab-container .MuiTabs-flexContainer, #calendar .main-paper .header .date-control, #calendar .main-paper .header .date-control .label, #calendar .main-paper .header .today, #calendar .main-paper .calendar-by-month-container .days .cell.current .cell-header .header-day, #calendar .main-paper .calendar-by-day-container .calendar-container-header, #calendar .main-paper .calendar-by-week-container .calendar-container-header, #calendar .main-paper .calendar-by-week-container .calendar-container-header .header-day, #calendar .main-paper .calendar-by-week-container .calendar-container-header .header-day.current .day-number, #drawer .drawer-form .content .top, #templates .header, .deal-pipeline-header .filter-container, .deal-pipeline-header #candidate-details-page .container .filter-container-year, #candidate-details-page .container .deal-pipeline-header .filter-container-year, .deal-pipeline-wrapper .stages-wrapper .stage-container .header, .job-pipeline-wrapper .stages-wrapper .stage-container .header, .deal-pipeline-wrapper .stages-wrapper .stage-container .header .type, .job-pipeline-wrapper .stages-wrapper .stage-container .header .type, #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-container .file-preview-container-a .file-preview-file, #login-page, #registration-page, #verify-email, #accept-invite, #reset-password-request-page, #reset-password-page, .year-flex, .year-select .value, .company-flex, .company-avatar-container, .yes-no-dialog .MuiPaper-root .MuiTypography-h6, .yes-no-dialog .MuiPaper-root .MuiDialogContent-root, .yes-no-dialog .MuiPaper-root .MuiDialogActions-root, .quill.large-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label, .quill.large-editor .ql-toolbar .ql-formats button, #spaces .header, #template-document-content .text-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label, #template-document-content .text-editor .ql-toolbar .ql-formats button, #quill-question-comment .quill .ql-toolbar .ql-formats .ql-picker .ql-picker-label, #quill-question-comment .quill .ql-toolbar .ql-formats button {
  display: flex;
  align-items: center;
  justify-content: center; }

.flex-end, .template-content .header {
  justify-content: flex-end; }

.flex-start {
  justify-content: flex-start; }

.flex-column {
  flex-direction: column; }

.centered-flex-column {
  flex-direction: column; }

.centered-flex-row {
  flex-direction: row; }

.text-link-suggestion, .user-pages-paper .MuiPaper-root .form .link-to, #login-page .MuiPaper-root .form .link-to, #registration-page .MuiPaper-root .form .link-to, #verify-email .MuiPaper-root .form .link-to, #accept-invite .MuiPaper-root .form .link-to, #reset-password-request-page .MuiPaper-root .form .log-in, #reset-password-page .MuiPaper-root .form .log-in {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .text-link-suggestion .text, .user-pages-paper .MuiPaper-root .form .link-to .text, #login-page .MuiPaper-root .form .link-to .text, #registration-page .MuiPaper-root .form .link-to .text, #verify-email .MuiPaper-root .form .link-to .text, #accept-invite .MuiPaper-root .form .link-to .text, #reset-password-request-page .MuiPaper-root .form .log-in .text, #reset-password-page .MuiPaper-root .form .log-in .text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding-right: 2px; }
  .text-link-suggestion a, .user-pages-paper .MuiPaper-root .form .link-to a, #login-page .MuiPaper-root .form .link-to a, #registration-page .MuiPaper-root .form .link-to a, #verify-email .MuiPaper-root .form .link-to a, #accept-invite .MuiPaper-root .form .link-to a, #reset-password-request-page .MuiPaper-root .form .log-in a, #reset-password-page .MuiPaper-root .form .log-in a {
    color: #86288E; }

.mui-adornment .MuiOutlinedInput-root, .user-pages-paper .MuiPaper-root .form .password-input .MuiOutlinedInput-root, #login-page .MuiPaper-root .form .password-input .MuiOutlinedInput-root, #registration-page .MuiPaper-root .form .password-input .MuiOutlinedInput-root, #verify-email .MuiPaper-root .form .password-input .MuiOutlinedInput-root, #accept-invite .MuiPaper-root .form .password-input .MuiOutlinedInput-root, #reset-password-page .MuiPaper-root .form .password-input .MuiOutlinedInput-root {
  padding-right: 0; }
.mui-adornment .MuiInputAdornment-root, .user-pages-paper .MuiPaper-root .form .password-input .MuiInputAdornment-root, #login-page .MuiPaper-root .form .password-input .MuiInputAdornment-root, #registration-page .MuiPaper-root .form .password-input .MuiInputAdornment-root, #verify-email .MuiPaper-root .form .password-input .MuiInputAdornment-root, #accept-invite .MuiPaper-root .form .password-input .MuiInputAdornment-root, #reset-password-page .MuiPaper-root .form .password-input .MuiInputAdornment-root {
  position: absolute;
  left: 325px; }
  .mui-adornment .MuiInputAdornment-root :hover, .user-pages-paper .MuiPaper-root .form .password-input .MuiInputAdornment-root :hover, #login-page .MuiPaper-root .form .password-input .MuiInputAdornment-root :hover, #registration-page .MuiPaper-root .form .password-input .MuiInputAdornment-root :hover, #verify-email .MuiPaper-root .form .password-input .MuiInputAdornment-root :hover, #accept-invite .MuiPaper-root .form .password-input .MuiInputAdornment-root :hover, #reset-password-page .MuiPaper-root .form .password-input .MuiInputAdornment-root :hover {
    cursor: pointer; }

.mt-a {
  margin-top: auto; }

.ml-5, .mx-5, .m-5 {
  margin-left: 5px; }

.ml-300 {
  margin-left: 280px !important; }

.mui-user-page-button, .user-pages-paper .MuiPaper-root .form .submit .MuiButton-root, #login-page .MuiPaper-root .form .submit .MuiButton-root, #registration-page .MuiPaper-root .form .submit .MuiButton-root, #verify-email .MuiPaper-root .form .submit .MuiButton-root, #accept-invite .MuiPaper-root .form .submit .MuiButton-root, #reset-password-request-page .MuiPaper-root .form .send .MuiButton-root, #reset-password-page .MuiPaper-root .form .reset-password .MuiButton-root {
  background: #40B6BE;
  width: 100%;
  border-radius: 10px;
  padding: 12px 24px;
  gap: 4px;
  font-size: 15px;
  opacity: 1 !important; }
  .mui-user-page-button:hover, .user-pages-paper .MuiPaper-root .form .submit .MuiButton-root:hover, #login-page .MuiPaper-root .form .submit .MuiButton-root:hover, #registration-page .MuiPaper-root .form .submit .MuiButton-root:hover, #verify-email .MuiPaper-root .form .submit .MuiButton-root:hover, #accept-invite .MuiPaper-root .form .submit .MuiButton-root:hover, #reset-password-request-page .MuiPaper-root .form .send .MuiButton-root:hover, #reset-password-page .MuiPaper-root .form .reset-password .MuiButton-root:hover {
    background: rgba(64, 182, 190, 0.9); }

.mui-shifted-label-input .MuiInputLabel-root, .user-pages-paper .MuiPaper-root .form .MuiFormControl-root .MuiInputLabel-root, #login-page .MuiPaper-root .form .MuiFormControl-root .MuiInputLabel-root, #registration-page .MuiPaper-root .form .MuiFormControl-root .MuiInputLabel-root, #verify-email .MuiPaper-root .form .MuiFormControl-root .MuiInputLabel-root, #accept-invite .MuiPaper-root .form .MuiFormControl-root .MuiInputLabel-root, #lock .lock-paper .MuiFormControl-root .MuiInputLabel-root, .mui-shifted-label-input-invoice .MuiInputLabel-root, #reset-password-request-page .MuiPaper-root .form .MuiFormControl-root .MuiInputLabel-root, #reset-password-page .MuiPaper-root .form .MuiFormControl-root .MuiInputLabel-root {
  margin-top: -25px;
  transform: scale(1);
  font-size: 14px; }
.mui-shifted-label-input .MuiOutlinedInput-root, .user-pages-paper .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-root, #login-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-root, #registration-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-root, #verify-email .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-root, #accept-invite .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-root, #lock .lock-paper .MuiFormControl-root .MuiOutlinedInput-root, .mui-shifted-label-input-invoice .MuiOutlinedInput-root, #reset-password-request-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-root, #reset-password-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-root {
  border: 1px solid #D9DEE2; }
.mui-shifted-label-input .MuiOutlinedInput-input, .user-pages-paper .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-input, #login-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-input, #registration-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-input, #verify-email .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-input, #accept-invite .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-input, #lock .lock-paper .MuiFormControl-root .MuiOutlinedInput-input, .mui-shifted-label-input-invoice .MuiOutlinedInput-input, #reset-password-request-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-input, #reset-password-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-input {
  border: none; }
.mui-shifted-label-input .MuiOutlinedInput-notchedOutline, .user-pages-paper .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-notchedOutline, #login-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-notchedOutline, #registration-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-notchedOutline, #verify-email .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-notchedOutline, #accept-invite .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-notchedOutline, #lock .lock-paper .MuiFormControl-root .MuiOutlinedInput-notchedOutline, .mui-shifted-label-input-invoice .MuiOutlinedInput-notchedOutline, #reset-password-request-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-notchedOutline, #reset-password-page .MuiPaper-root .form .MuiFormControl-root .MuiOutlinedInput-notchedOutline {
  border: none; }

.blue-dashed-border {
  border: 2px dashed rgba(64, 182, 190, 0.7); }

.signature-container {
  height: 200px;
  width: 600px;
  display: flex;
  align-items: center;
  justify-content: center; }

.d-flex, .drawer-form .submit-container, form .submit-container, .flex-end, .template-content .header, .flex-start, .flex-column, .d-flex-column, .header-badge, #calendar .main-paper .calendar-by-day-container .full-day-event .event .calendar-badge, #calendar .main-paper .calendar-by-week-container .full-day-event-section .event-section .calendar-badge, .calendar-time-section, .canvas-background-hour .time-event-section .time, #calendar .main-paper .calendar-by-day-container .day .time-event-section .time, #calendar .main-paper .calendar-by-week-container .day .time-event-section .time, #calendar .main-paper .calendar-by-day-container .full-day-event .time, #calendar .main-paper .calendar-by-week-container .full-day-event-section .time-section, .canvas-background-hour, #calendar .main-paper .calendar-by-day-container .day, #calendar .main-paper .calendar-by-week-container .day, .canvas-background-hour .time-event-section, #calendar .main-paper .calendar-by-day-container .day .time-event-section, #calendar .main-paper .calendar-by-week-container .day .time-event-section, .canvas-background-hour .time-event-section .event, #calendar .main-paper .calendar-by-day-container .day .time-event-section .event, #calendar .main-paper .calendar-by-week-container .day .time-event-section .event, #header .header-left, #header .account-container, #favorite-boards-menu .MuiPaper-root .MuiList-root .favorite-boards-no-options, #favorite-boards-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root .favorite-board-arrow-container, #navigation .navigation-content-container.short .navigation-item, .navigation .navigation-content-container.short .navigation-item, #table-page .MuiDataGrid-toolbarContainer .toolbar-custom-controls, .boards-page-header .MuiDataGrid-toolbarContainer .toolbar-custom-controls, .drawer-wrapper .drawer-wrapper-header, .drawer-wrapper .drawer-wrapper-header .drawer-wrapper-button-header, .expand-group .accordion-container .MuiAccordionSummary-content .header-checkbox-container, .expand-group .accordion-container .elements, .expand-group .accordion-container .elements .element-container, .file-upload-component .drop-zone .meta-data, .file-upload-component .drop-zone .meta-data aside, .file-upload-component .drop-zone .uploaded-files .file-row, #pipeline-stage-page, #pipeline-stage-page .droppable-container-wrapper .droppable-container, #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card, #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .header, .permissions-search-container .header .right-filter .header-checkbox-container, .calendar-badge .event-number, #calendar .main-paper .calendar-by-month-container .calendar-container-header, #calendar .main-paper .calendar-by-month-container .days, #calendar .main-paper .calendar-by-month-container .days .cell .content .badges, #calendar .main-paper .calendar-by-day-container .full-day-event, #calendar .main-paper .calendar-by-week-container .full-day-event-section, #calendar .main-paper .calendar-by-week-container .full-day-event-section .event-section, #templates .content .templates-container-cart .MuiAccordionSummary-content .header-edit-category-container, .deal-pipeline-header, .deal-pipeline-wrapper .stages-wrapper, .job-pipeline-wrapper .stages-wrapper, .deal-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card, .job-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card, .deal-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .control, .job-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .control, #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-container .file-preview-container-a .file-preview-file, #statistic-overview .statistic-overview-item, #statistic-overview .statistic-overview-item .data-flex, .quill.large-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label, .quill.large-editor .ql-toolbar .ql-formats button, #template-document-content .text-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label, #template-document-content .text-editor .ql-toolbar .ql-formats button, #quill-question-comment .quill .ql-toolbar .ql-formats .ql-picker .ql-picker-label, #quill-question-comment .quill .ql-toolbar .ql-formats button, .statistic-container .statistic-overview-item, .statistic-container .statistic-overview-item .data-flex {
  display: flex; }

.align-center, .file-upload-component .drop-zone .meta-data aside {
  align-items: center; }

.justify-end {
  justify-content: flex-end;
  justify-items: flex-end; }

.align-end {
  align-items: flex-end;
  align-content: flex-end; }

.d-flex-column {
  flex-direction: column; }

.d-none {
  display: none; }

.mx-0, .m-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.bold-tag, #breadcrumbs .breadcrumbs-hover:hover {
  color: #1C2731 !important;
  font-weight: 400 !important; }

.mui-error-field .Mui-error .MuiOutlinedInput-input, .user-pages-paper .MuiPaper-root .form .Mui-error .MuiOutlinedInput-input, #login-page .MuiPaper-root .form .Mui-error .MuiOutlinedInput-input, #registration-page .MuiPaper-root .form .Mui-error .MuiOutlinedInput-input, #verify-email .MuiPaper-root .form .Mui-error .MuiOutlinedInput-input, #accept-invite .MuiPaper-root .form .Mui-error .MuiOutlinedInput-input, #lock .form .Mui-error .MuiOutlinedInput-input, #reset-password-request-page .MuiPaper-root .form .Mui-error .MuiOutlinedInput-input, #reset-password-page .MuiPaper-root .form .Mui-error .MuiOutlinedInput-input {
  border-color: #ff0000; }

.rounded-button, .mui-rounded-button .MuiButton-root, .drawer-form .submit-container .MuiButton-root, form .submit-container .MuiButton-root, #table-page .header .filter-container .MuiButton-root, .boards-page-header .header .filter-container .MuiButton-root, #table-page .header #candidate-details-page .container .filter-container-year .MuiButton-root, #candidate-details-page .container #table-page .header .filter-container-year .MuiButton-root, .boards-page-header .header #candidate-details-page .container .filter-container-year .MuiButton-root, #candidate-details-page .container .boards-page-header .header .filter-container-year .MuiButton-root, #table-page .MuiDataGrid-cell .MuiButton-root, .boards-page-header .MuiDataGrid-cell .MuiButton-root, #business-trip-list-page .filter-container .MuiButton-root, #business-trip-list-page #candidate-details-page .container .filter-container-year .MuiButton-root, #candidate-details-page .container #business-trip-list-page .filter-container-year .MuiButton-root, #templates .header .filter-container .MuiButton-root, #templates .header #candidate-details-page .container .filter-container-year .MuiButton-root, #candidate-details-page .container #templates .header .filter-container-year .MuiButton-root, #spaces .header .filter-container .MuiButton-root, #spaces .header #candidate-details-page .container .filter-container-year .MuiButton-root, #candidate-details-page .container #spaces .header .filter-container-year .MuiButton-root, .plus-button, #table-page .header .filter-container .add-button, .boards-page-header .header .filter-container .add-button, #table-page .header #candidate-details-page .container .filter-container-year .add-button, #candidate-details-page .container #table-page .header .filter-container-year .add-button, .boards-page-header .header #candidate-details-page .container .filter-container-year .add-button, #candidate-details-page .container .boards-page-header .header .filter-container-year .add-button, .drawer-wrapper .drawer-wrapper-header .drawer-wrapper-button-header .button .add-button, .job-header .button, #business-trip-list-page .add-button, #business-trip-list-page .filter-container .add-button, #business-trip-list-page #candidate-details-page .container .filter-container-year .add-button, #candidate-details-page .container #business-trip-list-page .filter-container-year .add-button, #calendar .main-paper .header .add-button, .MuiDialogActions-root .MuiButton-root, #company-file-folders-container .add-button, #tree-list-container .add-button, #create-template .question-search-add .new-question-button, #create-template .template-create-footer .back-step-button .back-button, #create-template .template-create-footer .new-step-button .new-button, #create-template .template-create-footer .next-step-button .next-button, #template-document-content .text-editor .ql-toolbar .question-slider .question-toolbar-button .question-button, #template-document-content .editor-footer .next-button, #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form .question-required .edit-options-button, .form-page .form .form-footer .next-button, #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .header .new-option-button, #create-template-check-list .question-search-add .new-question-button, #create-template-check-list .template-create-footer .back-step-button .back-button, #create-template-check-list .template-create-footer .new-step-button .new-button, #create-template-check-list .template-create-footer .next-step-button .next-button {
  border-radius: 10px !important;
  padding: 12px 24px !important; }

.rounded-input, .mui-rounded-input .MuiOutlinedInput-root, .drawer-form .MuiOutlinedInput-root, form .MuiOutlinedInput-root, #table-page .header .filter-container .search-container .filter-item .MuiOutlinedInput-root, .boards-page-header .header .filter-container .search-container .filter-item .MuiOutlinedInput-root, #table-page .header #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiOutlinedInput-root, #candidate-details-page .container #table-page .header .filter-container-year .search-container .filter-item .MuiOutlinedInput-root, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiOutlinedInput-root, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container .filter-item .MuiOutlinedInput-root, #business-trip-list-page .filter-container .search-container .filter-item .MuiOutlinedInput-root, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiOutlinedInput-root, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container .filter-item .MuiOutlinedInput-root, .mui-rounded-input .MuiBox-root, .drawer-form .MuiBox-root, form .MuiBox-root, #table-page .header .filter-container .search-container .filter-item .MuiBox-root, .boards-page-header .header .filter-container .search-container .filter-item .MuiBox-root, #table-page .header #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiBox-root, #candidate-details-page .container #table-page .header .filter-container-year .search-container .filter-item .MuiBox-root, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiBox-root, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container .filter-item .MuiBox-root, #business-trip-list-page .filter-container .search-container .filter-item .MuiBox-root, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiBox-root, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container .filter-item .MuiBox-root, .mui-rounded-input .MuiOutlinedInput-input, .drawer-form .MuiOutlinedInput-input, form .MuiOutlinedInput-input, #table-page .header .filter-container .search-container .filter-item .MuiOutlinedInput-input, .boards-page-header .header .filter-container .search-container .filter-item .MuiOutlinedInput-input, #table-page .header #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiOutlinedInput-input, #candidate-details-page .container #table-page .header .filter-container-year .search-container .filter-item .MuiOutlinedInput-input, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiOutlinedInput-input, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container .filter-item .MuiOutlinedInput-input, #business-trip-list-page .filter-container .search-container .filter-item .MuiOutlinedInput-input, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiOutlinedInput-input, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container .filter-item .MuiOutlinedInput-input, .mui-rounded-input .MuiSelect-select, .drawer-form .MuiSelect-select, form .MuiSelect-select, #table-page .header .filter-container .search-container .filter-item .MuiSelect-select, .boards-page-header .header .filter-container .search-container .filter-item .MuiSelect-select, #table-page .header #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiSelect-select, #candidate-details-page .container #table-page .header .filter-container-year .search-container .filter-item .MuiSelect-select, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiSelect-select, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container .filter-item .MuiSelect-select, #business-trip-list-page .filter-container .search-container .filter-item .MuiSelect-select, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container .filter-item .MuiSelect-select, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container .filter-item .MuiSelect-select, #table-page .MuiDataGrid-toolbarContainer .toolbar-custom-controls .approve, .boards-page-header .MuiDataGrid-toolbarContainer .toolbar-custom-controls .approve {
  border-radius: 10px !important; }

.mui-switch {
  width: 36px; }
  .mui-switch .MuiSwitch-switchBase {
    top: 5px;
    left: 5px; }
    .mui-switch .MuiSwitch-switchBase.Mui-checked {
      left: 0; }
    .mui-switch .MuiSwitch-switchBase .MuiSwitch-thumb {
      position: relative;
      background: #FFFFFF;
      width: 14px;
      height: 14px; }
  .mui-switch .MuiSwitch-track {
    background-color: #d9dee2;
    height: 18px;
    width: 36px;
    opacity: 1;
    border-radius: 10px; }
  .mui-switch.checked .MuiSwitch-track {
    opacity: 1 !important;
    background: #40B6BE !important; }
  .mui-switch.checked .MuiSwitch-thumb {
    opacity: 1 !important;
    background: #FFFFFF !important; }
  .mui-switch.disabled .MuiSwitch-track {
    opacity: 1 !important;
    background-color: #d9dee2 !important; }
  .mui-switch.disabled .MuiSwitch-thumb {
    opacity: 1 !important;
    background: #eef1f3 !important; }

.dot-s {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: white; }
  .dot-s.active {
    background: #40B6BE; }

.dot-s-dark {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #1C2731; }
  .dot-s-dark.active {
    background: #40B6BE; }

.header-badge, #calendar .main-paper .calendar-by-day-container .full-day-event .event .calendar-badge, #calendar .main-paper .calendar-by-week-container .full-day-event-section .event-section .calendar-badge {
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
  max-height: 25px;
  margin-bottom: 6px; }

.canvas-badge, #calendar .main-paper .calendar-by-day-container .day .event-canvas .calendar-badge, #calendar .main-paper .calendar-by-week-container .day .calendar-badge {
  position: absolute;
  z-index: 10;
  box-shadow: 0px 0px 0px 0.8px #d9dee2 inset; }

.calendar-time-section, .canvas-background-hour .time-event-section .time, #calendar .main-paper .calendar-by-day-container .day .time-event-section .time, #calendar .main-paper .calendar-by-week-container .day .time-event-section .time, #calendar .main-paper .calendar-by-day-container .full-day-event .time, #calendar .main-paper .calendar-by-week-container .full-day-event-section .time-section {
  flex-direction: row-reverse;
  padding: 4px 10px 0 0;
  border-right: 1px solid #d9dee2;
  min-width: 55px; }

.canvas-background-hour, #calendar .main-paper .calendar-by-day-container .day, #calendar .main-paper .calendar-by-week-container .day {
  flex-direction: column;
  overflow: hidden;
  min-height: 66px;
  border-bottom: 1px solid #d9dee2; }
  .canvas-background-hour .time-event-section, #calendar .main-paper .calendar-by-day-container .day .time-event-section, #calendar .main-paper .calendar-by-week-container .day .time-event-section {
    overflow: hidden;
    min-height: 66px;
    flex-direction: row; }
  .canvas-background-hour .MuiDivider-root, #calendar .main-paper .calendar-by-day-container .day .MuiDivider-root, #calendar .main-paper .calendar-by-week-container .day .MuiDivider-root {
    width: 100%;
    position: relative;
    top: -32px;
    border-style: dashed;
    border-color: #d9dee2;
    z-index: 10; }

.tags-table-page {
  width: 17px;
  height: 35px;
  display: flex;
  flex-direction: column;
  margin-right: auto;
  margin-left: -10px; }
  .tags-table-page div {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    border-radius: 0px 3px 3px 0px;
    margin-bottom: 1px; }

.hover-popover, .hover-popover-table-page .MuiPaper-root, .hover-popover-badge .MuiPaper-root {
  padding: 3px;
  margin-top: -20px;
  background: rgba(51, 61, 70, 0.5);
  color: #FFFFFF; }

.hover-popover-badge .MuiPaper-root {
  margin-left: 10px;
  background: rgba(51, 61, 70, 0.65); }

.w-100, .canvas-background-hour .time-event-section .event, #calendar .main-paper .calendar-by-day-container .day .time-event-section .event, #calendar .main-paper .calendar-by-week-container .day .time-event-section .event, .tab-container .MuiPaper-root .MuiTabs-root, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root, #calendar .main-paper .calendar-by-week-container .full-day-event-section .event-section {
  width: 100%; }

.vw-100 {
  width: 100vw; }

.h-100, .canvas-background-hour .time-event-section .event, #calendar .main-paper .calendar-by-day-container .day .time-event-section .event, #calendar .main-paper .calendar-by-week-container .day .time-event-section .event, .tab-container .MuiPaper-root .MuiTabs-root, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root {
  height: 100%; }

.vh-100 {
  height: 100vh; }

.clickable, .header-badge, #calendar .main-paper .calendar-by-day-container .full-day-event .event .calendar-badge, #calendar .main-paper .calendar-by-week-container .full-day-event-section .event-section .calendar-badge, #calendar .main-paper .calendar-by-day-container .day .event-canvas .calendar-badge, #calendar .main-paper .calendar-by-week-container .day .calendar-badge {
  cursor: pointer; }

.tp-icon {
  height: 30px !important; }

.no-wrap {
  white-space: nowrap; }

.MuiSlider-root .MuiSlider-track {
  height: 10px;
  border: none;
  background: rgba(64, 182, 190, 0.2); }
.MuiSlider-root .MuiSlider-thumb {
  background: #40B6BE;
  height: 20px;
  width: 20px; }
.MuiSlider-root .MuiSlider-rail {
  height: 10px;
  background: #eef1f3; }

.user-pages-paper .MuiPaper-root, #login-page .MuiPaper-root, #registration-page .MuiPaper-root, #verify-email .MuiPaper-root, #accept-invite .MuiPaper-root {
  max-height: 90vh;
  overflow-y: auto;
  max-width: 378px;
  min-width: 200px;
  padding: 0px 80px 36px 80px;
  border-radius: 20px;
  text-align: center;
  position: fixed;
  width: 40vw; }
  .user-pages-paper .MuiPaper-root .loader, #login-page .MuiPaper-root .loader, #registration-page .MuiPaper-root .loader, #verify-email .MuiPaper-root .loader, #accept-invite .MuiPaper-root .loader {
    height: 40px; }
    .user-pages-paper .MuiPaper-root .loader .loader-background, #login-page .MuiPaper-root .loader .loader-background, #registration-page .MuiPaper-root .loader .loader-background, #verify-email .MuiPaper-root .loader .loader-background, #accept-invite .MuiPaper-root .loader .loader-background {
      background: linear-gradient(to bottom, rgba(64, 182, 190, 0.2) 0%, rgba(64, 182, 190, 0.2) 15%, #FFFFFF 15%, #FFFFFF 100%);
      border-radius: 20px;
      height: 40px;
      width: auto;
      margin-left: -80px;
      margin-right: -80px; }
      .user-pages-paper .MuiPaper-root .loader .loader-background .MuiLinearProgress-root, #login-page .MuiPaper-root .loader .loader-background .MuiLinearProgress-root, #registration-page .MuiPaper-root .loader .loader-background .MuiLinearProgress-root, #verify-email .MuiPaper-root .loader .loader-background .MuiLinearProgress-root, #accept-invite .MuiPaper-root .loader .loader-background .MuiLinearProgress-root {
        height: 6px;
        margin-left: 15px;
        margin-right: 15px;
        background-color: transparent;
        border-radius: 6px; }
        .user-pages-paper .MuiPaper-root .loader .loader-background .MuiLinearProgress-root .MuiLinearProgress-bar1Indeterminate, #login-page .MuiPaper-root .loader .loader-background .MuiLinearProgress-root .MuiLinearProgress-bar1Indeterminate, #registration-page .MuiPaper-root .loader .loader-background .MuiLinearProgress-root .MuiLinearProgress-bar1Indeterminate, #verify-email .MuiPaper-root .loader .loader-background .MuiLinearProgress-root .MuiLinearProgress-bar1Indeterminate, #accept-invite .MuiPaper-root .loader .loader-background .MuiLinearProgress-root .MuiLinearProgress-bar1Indeterminate {
          background-color: #40B6BE; }
        .user-pages-paper .MuiPaper-root .loader .loader-background .MuiLinearProgress-root .MuiLinearProgress-bar2Indeterminate, #login-page .MuiPaper-root .loader .loader-background .MuiLinearProgress-root .MuiLinearProgress-bar2Indeterminate, #registration-page .MuiPaper-root .loader .loader-background .MuiLinearProgress-root .MuiLinearProgress-bar2Indeterminate, #verify-email .MuiPaper-root .loader .loader-background .MuiLinearProgress-root .MuiLinearProgress-bar2Indeterminate, #accept-invite .MuiPaper-root .loader .loader-background .MuiLinearProgress-root .MuiLinearProgress-bar2Indeterminate {
          background-color: #40B6BE; }
  .user-pages-paper .MuiPaper-root h5, #login-page .MuiPaper-root h5, #registration-page .MuiPaper-root h5, #verify-email .MuiPaper-root h5, #accept-invite .MuiPaper-root h5 {
    margin-top: 40px !important;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 14px; }
  .user-pages-paper .MuiPaper-root .form, #login-page .MuiPaper-root .form, #registration-page .MuiPaper-root .form, #verify-email .MuiPaper-root .form, #accept-invite .MuiPaper-root .form {
    width: 100%;
    display: flex;
    flex-direction: column; }
    .user-pages-paper .MuiPaper-root .form .MuiFormControl-root, #login-page .MuiPaper-root .form .MuiFormControl-root, #registration-page .MuiPaper-root .form .MuiFormControl-root, #verify-email .MuiPaper-root .form .MuiFormControl-root, #accept-invite .MuiPaper-root .form .MuiFormControl-root {
      margin-top: 40px; }
    .user-pages-paper .MuiPaper-root .form .reset-password, #login-page .MuiPaper-root .form .reset-password, #registration-page .MuiPaper-root .form .reset-password, #verify-email .MuiPaper-root .form .reset-password, #accept-invite .MuiPaper-root .form .reset-password {
      padding-top: 2px;
      line-height: 18px;
      text-align: right; }
      .user-pages-paper .MuiPaper-root .form .reset-password a, #login-page .MuiPaper-root .form .reset-password a, #registration-page .MuiPaper-root .form .reset-password a, #verify-email .MuiPaper-root .form .reset-password a, #accept-invite .MuiPaper-root .form .reset-password a {
        color: #86288E; }
    .user-pages-paper .MuiPaper-root .form .submit, #login-page .MuiPaper-root .form .submit, #registration-page .MuiPaper-root .form .submit, #verify-email .MuiPaper-root .form .submit, #accept-invite .MuiPaper-root .form .submit {
      margin: 25px 0 25px 0; }

.bold {
  font-weight: 700; }

.link-style {
  color: #86288e;
  cursor: pointer; }

.blue-notification {
  color: #40B6BE;
  font-weight: 600; }

.abs {
  position: absolute; }

.overflow-hidden {
  overflow: hidden; }

.clear-paper, .paper-container {
  background: #FFFFFF; }

.contained-text, #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .description {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  overflow: hidden; }

.one-liner, #company-user-menu .MuiMenuItem-root .company-name, #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .header .title, .deal-pipeline-wrapper .stages-wrapper .stage-container .header .title, .job-pipeline-wrapper .stages-wrapper .stage-container .header .title, #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container .info-labels .file-name, #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container .info-labels p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.plus-button {
  margin-left: 10px;
  background: #40B6BE !important;
  color: #FFFFFF !important;
  height: 50px;
  border-radius: 10px; }
  .plus-button img {
    margin-right: 10px; }

.toggle-button-group, #table-page .header .filter-container, .boards-page-header .header .filter-container, #table-page .header #candidate-details-page .container .filter-container-year, #candidate-details-page .container #table-page .header .filter-container-year, .boards-page-header .header #candidate-details-page .container .filter-container-year, #candidate-details-page .container .boards-page-header .header .filter-container-year, #business-trip-list-page .filter-container, #business-trip-list-page #candidate-details-page .container .filter-container-year, #candidate-details-page .container #business-trip-list-page .filter-container-year, #templates .header .filter-container, #templates .header #candidate-details-page .container .filter-container-year, #candidate-details-page .container #templates .header .filter-container-year, #spaces .header .filter-container, #spaces .header #candidate-details-page .container .filter-container-year, #candidate-details-page .container #spaces .header .filter-container-year {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px !important;
  border: none !important; }
  .toggle-button-group .button, #table-page .header .filter-container .button, .boards-page-header .header .filter-container .button, #table-page .header #candidate-details-page .container .filter-container-year .button, #candidate-details-page .container #table-page .header .filter-container-year .button, .boards-page-header .header #candidate-details-page .container .filter-container-year .button, #candidate-details-page .container .boards-page-header .header .filter-container-year .button, #business-trip-list-page .filter-container .button, #business-trip-list-page #candidate-details-page .container .filter-container-year .button, #candidate-details-page .container #business-trip-list-page .filter-container-year .button, #templates .header .filter-container .button, #templates .header #candidate-details-page .container .filter-container-year .button, #candidate-details-page .container #templates .header .filter-container-year .button, #spaces .header .filter-container .button, #spaces .header #candidate-details-page .container .filter-container-year .button, #candidate-details-page .container #spaces .header .filter-container-year .button {
    height: 40px;
    width: 90px;
    background: #FFFFFF;
    border: 1px solid #d9dee2 !important; }
  .toggle-button-group .active, #table-page .header .filter-container .active, .boards-page-header .header .filter-container .active, #table-page .header #candidate-details-page .container .filter-container-year .active, #candidate-details-page .container #table-page .header .filter-container-year .active, .boards-page-header .header #candidate-details-page .container .filter-container-year .active, #candidate-details-page .container .boards-page-header .header .filter-container-year .active, #business-trip-list-page .filter-container .active, #business-trip-list-page #candidate-details-page .container .filter-container-year .active, #candidate-details-page .container #business-trip-list-page .filter-container-year .active, #templates .header .filter-container .active, #templates .header #candidate-details-page .container .filter-container-year .active, #candidate-details-page .container #templates .header .filter-container-year .active, #spaces .header .filter-container .active, #spaces .header #candidate-details-page .container .filter-container-year .active, #candidate-details-page .container #spaces .header .filter-container-year .active {
    background: #40B6BE; }
  .toggle-button-group .left, #table-page .header .filter-container .left, .boards-page-header .header .filter-container .left, #table-page .header #candidate-details-page .container .filter-container-year .left, #candidate-details-page .container #table-page .header .filter-container-year .left, .boards-page-header .header #candidate-details-page .container .filter-container-year .left, #candidate-details-page .container .boards-page-header .header .filter-container-year .left, #business-trip-list-page .filter-container .left, #business-trip-list-page #candidate-details-page .container .filter-container-year .left, #candidate-details-page .container #business-trip-list-page .filter-container-year .left, #templates .header .filter-container .left, #templates .header #candidate-details-page .container .filter-container-year .left, #candidate-details-page .container #templates .header .filter-container-year .left, #spaces .header .filter-container .left, #spaces .header #candidate-details-page .container .filter-container-year .left, #candidate-details-page .container #spaces .header .filter-container-year .left {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .toggle-button-group .right, #table-page .header .filter-container .right, .boards-page-header .header .filter-container .right, #table-page .header #candidate-details-page .container .filter-container-year .right, #candidate-details-page .container #table-page .header .filter-container-year .right, .boards-page-header .header #candidate-details-page .container .filter-container-year .right, #candidate-details-page .container .boards-page-header .header .filter-container-year .right, #business-trip-list-page .filter-container .right, #business-trip-list-page #candidate-details-page .container .filter-container-year .right, #candidate-details-page .container #business-trip-list-page .filter-container-year .right, #templates .header .filter-container .right, #templates .header #candidate-details-page .container .filter-container-year .right, #candidate-details-page .container #templates .header .filter-container-year .right, #spaces .header .filter-container .right, #spaces .header #candidate-details-page .container .filter-container-year .right, #candidate-details-page .container #spaces .header .filter-container-year .right {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.chart-legend {
  height: 11%;
  margin-left: 1.5rem;
  display: flex;
  align-items: center;
  padding-top: 0.5rem; }

.chart {
  height: 85%; }
  .chart .grid-pie-chart {
    padding: 0 18px 11px 0; }
  .chart canvas {
    padding: 0 17px 15px 7px; }

.hidden {
  height: 0;
  overflow: hidden; }

.upload-logo-container {
  box-shadow: none !important;
  border-radius: 10px !important; }
  .upload-logo-container .file-upload-component .drop-zone {
    padding: 0 !important;
    width: 100%; }

.base-color {
  color: #1c2731; }

.MuiTabs-root .Mui-disabled {
  color: rgba(28, 39, 49, 0.4) !important; }

.disabled-link {
  pointer-events: none; }

.rotate-collapse-arrow {
  transform: rotate(180deg); }

.global-loader {
  position: fixed !important;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100000; }
  .global-loader .linear-loader .MuiLinearProgress-bar {
    background-color: #86288E !important; }
  .global-loader .circular-loader {
    height: 100%; }
    .global-loader .circular-loader img {
      width: 150px;
      animation: rotation 1.8s infinite linear; }
@keyframes rotation {
  100% {
    transform: rotatey(360deg); } }
#header {
  font-family: 'Plus Jakarta Display', sans-serif;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px;
  z-index: 100;
  left: 310px;
  top: 0;
  width: calc(100% - 310px);
  height: 80px;
  background: #FFFFFF;
  transition: .3s; }
  #header .header-left .favorite-boards-menu-container {
    margin-left: 15px; }
    #header .header-left .favorite-boards-menu-container .MuiButtonBase-root {
      border-radius: 10px;
      height: 48px;
      width: 205px;
      background: #F7F9FC;
      font-size: 16px;
      color: #1C2731;
      justify-content: space-between;
      padding: 0 15px 0 15px; }
      #header .header-left .favorite-boards-menu-container .MuiButtonBase-root img:first-child {
        margin-bottom: 3px; }
      #header .header-left .favorite-boards-menu-container .MuiButtonBase-root .favorite-boards-collapse-arrow {
        transition: transform 0.2s ease; }
  @media screen and (min-width: 992px) {
    #header {
      padding: 0; } }
  #header.short {
    left: 78px;
    width: calc(100% - 78px); }
  #header .presance-clock {
    margin-right: 20px; }
    #header .presance-clock:hover {
      cursor: pointer; }
  #header .company-user-container {
    justify-content: space-between;
    width: 120px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #EEF1F3;
    margin-right: 30px; }
    #header .company-user-container:hover {
      cursor: pointer; }
    #header .company-user-container .user {
      width: 50px;
      height: 50px; }
      #header .company-user-container .user .MuiAvatar-root {
        background-color: #a9b2b9; }
    #header .company-user-container .company {
      padding-left: 10px;
      padding-right: 10px;
      width: 50px;
      height: 100%; }
  #header .free-trial-button {
    padding: 3px 10px; }

.flag {
  width: 20px;
  height: 20px;
  border-radius: 50%; }

#language-menu .MuiListItemIcon-root {
  min-width: 30px !important; }

#presance-menu {
  padding: 0; }
  #presance-menu .MuiPaper-root {
    flex-direction: column;
    margin-top: 20px;
    margin-left: -150px;
    width: 215px;
    height: 160px;
    border-radius: 10px; }
  #presance-menu .checked-in {
    flex-direction: column; }
  #presance-menu .checked-out {
    flex-direction: column; }
    #presance-menu .checked-out label {
      color: #a9b2b9; }
  #presance-menu label {
    font-size: 28px;
    margin-bottom: 18px; }
  #presance-menu .MuiButton-root {
    width: 150px;
    height: 50px;
    border-radius: 10px;
    padding: 12px 24px;
    font-size: 15px; }

#company-user-menu {
  flex-direction: column;
  padding: 0;
  justify-content: center;
  align-items: center; }
  #company-user-menu .MuiList-root {
    margin-top: 0px; }
  #company-user-menu .MuiPaper-root {
    flex-direction: column;
    margin-top: 25px;
    margin-left: -10px;
    width: 215px;
    border-radius: 10px; }
  #company-user-menu .user-info {
    flex-direction: column;
    margin-bottom: 15px; }
    #company-user-menu .user-info .full-name {
      max-width: 200px;
      font-weight: 600;
      margin-top: 15px;
      margin-bottom: 5px; }
    #company-user-menu .user-info .email {
      margin-left: 10px;
      margin-right: 10px;
      max-width: 200px;
      font-size: 12px;
      color: #a9b2b9; }
  #company-user-menu .company-label {
    margin-left: 45px;
    font-size: 12px;
    color: #66717a;
    margin-bottom: 10px; }
  #company-user-menu .MuiMenuItem-root {
    width: 220px;
    height: 40px;
    border-radius: 7px;
    padding: 0 15px; }
    #company-user-menu .MuiMenuItem-root.company-item {
      opacity: 1; }
      #company-user-menu .MuiMenuItem-root.company-item.Mui-disabled .company-icon {
        border: 2px solid #40B6BE; }
        #company-user-menu .MuiMenuItem-root.company-item.Mui-disabled .company-icon .company-logo {
          color: #40B6BE;
          background-color: transparent; }
      #company-user-menu .MuiMenuItem-root.company-item.Mui-disabled .company-name {
        color: #40B6BE;
        font-weight: 700; }
    #company-user-menu .MuiMenuItem-root:hover {
      background-color: #eef1f3; }
    #company-user-menu .MuiMenuItem-root .company-icon {
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #FFFFFF;
      background-color: transparent;
      font-size: 10px;
      margin-right: 10px; }
    #company-user-menu .MuiMenuItem-root .company-name {
      font-size: 12px; }

.company-logo {
  color: #40B6BE !important;
  background-color: transparent !important; }

#favorite-boards-menu .MuiPaper-root {
  width: 205px;
  box-shadow: none;
  border-radius: 0 0 10px 10px; }
  #favorite-boards-menu .MuiPaper-root .MuiList-root {
    padding: 8px; }
    #favorite-boards-menu .MuiPaper-root .MuiList-root .favorite-boards-no-options {
      pointer-events: none;
      color: #919BA3; }
    #favorite-boards-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root {
      border-radius: 10px;
      padding: 10px 5px 10px 10px; }
      #favorite-boards-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root .favorite-board-name-workspace {
        width: 120px;
        margin-left: 10px; }
        #favorite-boards-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root .favorite-board-name-workspace p {
          margin: 0;
          word-break: break-all;
          white-space: normal; }
        #favorite-boards-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root .favorite-board-name-workspace p:first-child {
          color: #1C2731;
          font-size: 14px; }
        #favorite-boards-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root .favorite-board-name-workspace p:last-child {
          color: #919BA3;
          font-size: 12px; }
    #favorite-boards-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover {
      background: rgba(64, 182, 190, 0.08); }

#navigation, .navigation {
  background: white;
  position: relative;
  z-index: 1000; }
  #navigation.fixed, .navigation.fixed {
    padding: 21px 32px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 10px 10px 5px rgba(28, 39, 49, 0.05); }
  #navigation .section-title, .navigation .section-title {
    font-weight: 700;
    color: #1C2731; }
  #navigation .MuiTypography-root, .navigation .MuiTypography-root {
    font-family: 'Plus Jakarta Display', sans-serif !important; }
  #navigation .nav-disabled, .navigation .nav-disabled {
    opacity: .3;
    pointer-events: none; }
  #navigation .MuiDrawer-paperAnchorDockedLeft, .navigation .MuiDrawer-paperAnchorDockedLeft {
    border-right: none; }
  #navigation .navigation-content-container, .navigation .navigation-content-container {
    width: 280px;
    background: #1C2731;
    height: 100%;
    transition: .3s;
    color: white;
    overflow-y: auto;
    padding-left: 15px;
    padding-right: 15px; }
    #navigation .navigation-content-container.short, .navigation .navigation-content-container.short {
      overflow-x: hidden;
      height: 100vh;
      width: 50px;
      transition: .3s;
      margin: 0;
      padding-left: 16px !important;
      padding-right: 0 !important; }
      #navigation .navigation-content-container.short .collapse-button-container, #navigation .navigation-content-container.short .navigation-text, #navigation .navigation-content-container.short .show-more, #navigation .navigation-content-container.short .show-less, #navigation .navigation-content-container.short .home-tag, #navigation .navigation-content-container.short .managment-tag, #navigation .navigation-content-container.short .submenu, .navigation .navigation-content-container.short .collapse-button-container, .navigation .navigation-content-container.short .navigation-text, .navigation .navigation-content-container.short .show-more, .navigation .navigation-content-container.short .show-less, .navigation .navigation-content-container.short .home-tag, .navigation .navigation-content-container.short .managment-tag, .navigation .navigation-content-container.short .submenu {
        display: none; }
      #navigation .navigation-content-container.short .active, .navigation .navigation-content-container.short .active {
        background: transparent !important; }
      #navigation .navigation-content-container.short .logo-container, .navigation .navigation-content-container.short .logo-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 8px; }
      #navigation .navigation-content-container.short .navigation-item, .navigation .navigation-content-container.short .navigation-item {
        justify-content: center;
        padding-left: 0 !important;
        padding-right: 0 !important; }
        #navigation .navigation-content-container.short .navigation-item img, .navigation .navigation-content-container.short .navigation-item img {
          width: 100%;
          padding: 12px 16px; }
      #navigation .navigation-content-container.short .logo-container .title, .navigation .navigation-content-container.short .logo-container .title {
        display: none; }
      #navigation .navigation-content-container.short .logo-container img, .navigation .navigation-content-container.short .logo-container img {
        max-width: 100%; }
  #navigation .logo-container, .navigation .logo-container {
    display: flex;
    flex-direction: column;
    padding: 15px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; }
    #navigation .logo-container img, #navigation .logo-container a, .navigation .logo-container img, .navigation .logo-container a {
      max-width: 100%; }
    #navigation .logo-container .title, .navigation .logo-container .title {
      flex-grow: 1;
      color: #ff0000; }
      #navigation .logo-container .title img, .navigation .logo-container .title img {
        width: 150px; }
      #navigation .logo-container .title h2, .navigation .logo-container .title h2 {
        color: #ff0000; }
  #navigation .home-tag, #navigation .managment-tag, .navigation .home-tag, .navigation .managment-tag {
    display: flex;
    align-items: left;
    margin-top: 10px;
    margin-bottom: 8px;
    color: white;
    line-height: 18px;
    letter-spacing: initial; }
  #navigation .MuiListItem-root, .navigation .MuiListItem-root {
    border-radius: 8px;
    height: 48px; }
  #navigation .navigation-item .navigation-icon, .navigation .navigation-item .navigation-icon {
    color: #40B6BE;
    min-width: 35px; }
    #navigation .navigation-item .navigation-icon svg, .navigation .navigation-item .navigation-icon svg {
      font-size: 30px; }
  #navigation .navigation-item .navigation-text span, .navigation .navigation-item .navigation-text span {
    color: white; }
  #navigation .navigation-item .navigation-text-dark span, .navigation .navigation-item .navigation-text-dark span {
    color: #1C2731 !important; }
  #navigation .submenu, .navigation .submenu {
    padding-left: 5px; }
    #navigation .submenu .dot-container, .navigation .submenu .dot-container {
      flex-direction: column;
      padding-left: 25px;
      padding-right: 10px; }
  #navigation .navigation-link, .navigation .navigation-link {
    display: flex;
    text-decoration: none;
    cursor: pointer;
    transition: .15s;
    border-radius: 8px;
    height: 48px; }
    #navigation .navigation-link:hover, #navigation .navigation-link.active, .navigation .navigation-link:hover, .navigation .navigation-link.active {
      background: rgba(64, 182, 190, 0.08);
      transition: .15s; }
      #navigation .navigation-link:hover .main-item span, #navigation .navigation-link.active .main-item span, .navigation .navigation-link:hover .main-item span, .navigation .navigation-link.active .main-item span {
        color: white; }
    #navigation .navigation-link.active .MuiTypography-root, .navigation .navigation-link.active .MuiTypography-root {
      font-weight: 700; }
  #navigation .logout-container, .navigation .logout-container {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 15px; }

div[role="tooltip"] {
  z-index: 99999; }

#table-page, .boards-page-header {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px !important; }
  #table-page .MuiDataGrid-panelWrapper .MuiSwitch-input, .boards-page-header .MuiDataGrid-panelWrapper .MuiSwitch-input {
    color: #1c2731; }
  #table-page .cell-tooltip-content, .boards-page-header .cell-tooltip-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #table-page .header, .boards-page-header .header {
    margin-top: 15px;
    justify-content: space-between; }
    #table-page .header .filter-container, .boards-page-header .header .filter-container, #table-page .header #candidate-details-page .container .filter-container-year, #candidate-details-page .container #table-page .header .filter-container-year, .boards-page-header .header #candidate-details-page .container .filter-container-year, #candidate-details-page .container .boards-page-header .header .filter-container-year {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      #table-page .header .filter-container .approve, .boards-page-header .header .filter-container .approve, #table-page .header #candidate-details-page .container .filter-container-year .approve, #candidate-details-page .container #table-page .header .filter-container-year .approve, .boards-page-header .header #candidate-details-page .container .filter-container-year .approve, #candidate-details-page .container .boards-page-header .header .filter-container-year .approve {
        margin-right: 10px;
        margin-bottom: 0;
        height: 50px; }
      #table-page .header .filter-container .add-button, .boards-page-header .header .filter-container .add-button, #table-page .header #candidate-details-page .container .filter-container-year .add-button, #candidate-details-page .container #table-page .header .filter-container-year .add-button, .boards-page-header .header #candidate-details-page .container .filter-container-year .add-button, #candidate-details-page .container .boards-page-header .header .filter-container-year .add-button {
        margin-left: 10px;
        background: #40B6BE;
        color: #FFFFFF;
        height: 50px;
        border-radius: 10px; }
        #table-page .header .filter-container .add-button img, .boards-page-header .header .filter-container .add-button img, #table-page .header #candidate-details-page .container .filter-container-year .add-button img, #candidate-details-page .container #table-page .header .filter-container-year .add-button img, .boards-page-header .header #candidate-details-page .container .filter-container-year .add-button img, #candidate-details-page .container .boards-page-header .header .filter-container-year .add-button img {
          margin-right: 10px; }
      #table-page .header .filter-container input, .boards-page-header .header .filter-container input, #table-page .header #candidate-details-page .container .filter-container-year input, #candidate-details-page .container #table-page .header .filter-container-year input, .boards-page-header .header #candidate-details-page .container .filter-container-year input, #candidate-details-page .container .boards-page-header .header .filter-container-year input, #table-page .header .filter-container .select-box, .boards-page-header .header .filter-container .select-box, #table-page .header #candidate-details-page .container .filter-container-year .select-box, #candidate-details-page .container #table-page .header .filter-container-year .select-box, .boards-page-header .header #candidate-details-page .container .filter-container-year .select-box, #candidate-details-page .container .boards-page-header .header .filter-container-year .select-box, #table-page .header .filter-container textarea, .boards-page-header .header .filter-container textarea, #table-page .header #candidate-details-page .container .filter-container-year textarea, #candidate-details-page .container #table-page .header .filter-container-year textarea, .boards-page-header .header #candidate-details-page .container .filter-container-year textarea, #candidate-details-page .container .boards-page-header .header .filter-container-year textarea {
        background: white; }
      #table-page .header .filter-container .search-container, .boards-page-header .header .filter-container .search-container, #table-page .header #candidate-details-page .container .filter-container-year .search-container, #candidate-details-page .container #table-page .header .filter-container-year .search-container, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container {
        display: flex;
        align-items: center; }
        #table-page .header .filter-container .search-container > div, .boards-page-header .header .filter-container .search-container > div, #table-page .header #candidate-details-page .container .filter-container-year .search-container > div, #candidate-details-page .container #table-page .header .filter-container-year .search-container > div, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container > div, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container > div {
          margin-right: 5px; }
        #table-page .header .filter-container .search-container .select-box, .boards-page-header .header .filter-container .search-container .select-box, #table-page .header #candidate-details-page .container .filter-container-year .search-container .select-box, #candidate-details-page .container #table-page .header .filter-container-year .search-container .select-box, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container .select-box, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container .select-box {
          margin-top: 16px;
          margin-bottom: 8px; }
          #table-page .header .filter-container .search-container .select-box label, .boards-page-header .header .filter-container .search-container .select-box label, #table-page .header #candidate-details-page .container .filter-container-year .search-container .select-box label, #candidate-details-page .container #table-page .header .filter-container-year .search-container .select-box label, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container .select-box label, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container .select-box label {
            top: -7px; }
          #table-page .header .filter-container .search-container .select-box .MuiInputLabel-shrink, .boards-page-header .header .filter-container .search-container .select-box .MuiInputLabel-shrink, #table-page .header #candidate-details-page .container .filter-container-year .search-container .select-box .MuiInputLabel-shrink, #candidate-details-page .container #table-page .header .filter-container-year .search-container .select-box .MuiInputLabel-shrink, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container .select-box .MuiInputLabel-shrink, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container .select-box .MuiInputLabel-shrink {
            top: 0; }
          #table-page .header .filter-container .search-container .select-box .MuiMenu-list, .boards-page-header .header .filter-container .search-container .select-box .MuiMenu-list, #table-page .header #candidate-details-page .container .filter-container-year .search-container .select-box .MuiMenu-list, #candidate-details-page .container #table-page .header .filter-container-year .search-container .select-box .MuiMenu-list, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container .select-box .MuiMenu-list, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container .select-box .MuiMenu-list {
            max-height: 300px !important; }
        #table-page .header .filter-container .search-container .filter-item, .boards-page-header .header .filter-container .search-container .filter-item, #table-page .header #candidate-details-page .container .filter-container-year .search-container .filter-item, #candidate-details-page .container #table-page .header .filter-container-year .search-container .filter-item, .boards-page-header .header #candidate-details-page .container .filter-container-year .search-container .filter-item, #candidate-details-page .container .boards-page-header .header .filter-container-year .search-container .filter-item {
          min-width: 150px;
          margin-right: 15px; }
    #table-page .header.bottom-header, .boards-page-header .header.bottom-header {
      margin-top: 15px !important; }
      #table-page .header.bottom-header .search-container .select-box, .boards-page-header .header.bottom-header .search-container .select-box {
        margin: 0; }
  #table-page .MuiDataGrid-columnHeaders, .boards-page-header .MuiDataGrid-columnHeaders {
    background: #eef1f3;
    color: #66717a;
    border-radius: 0 !important; }
    #table-page .MuiDataGrid-columnHeaders .MuiDataGrid-columnSeparator, .boards-page-header .MuiDataGrid-columnHeaders .MuiDataGrid-columnSeparator {
      display: none; }
    #table-page .MuiDataGrid-columnHeaders .Mui-checked, .boards-page-header .MuiDataGrid-columnHeaders .Mui-checked {
      color: #40B6BE; }
  #table-page .table-paper, .boards-page-header .table-paper {
    margin-top: 20px;
    box-shadow: none;
    border-radius: 10px; }
    #table-page .table-paper .MuiDataGrid-root, .boards-page-header .table-paper .MuiDataGrid-root {
      border: none;
      border-radius: 10px;
      height: 530px; }
      #table-page .table-paper .MuiDataGrid-root div:has(.MuiDataGrid-virtualScroller) .MuiDataGrid-virtualScroller, .boards-page-header .table-paper .MuiDataGrid-root div:has(.MuiDataGrid-virtualScroller) .MuiDataGrid-virtualScroller {
        height: 363px !important; }
      #table-page .table-paper .MuiDataGrid-root .MuiDataGrid-cell, .boards-page-header .table-paper .MuiDataGrid-root .MuiDataGrid-cell {
        border: none; }
  #table-page .table-hide-toolbar .MuiDataGrid-root .MuiDataGrid-main, .boards-page-header .table-hide-toolbar .MuiDataGrid-root .MuiDataGrid-main {
    border-radius: 10px; }
  #table-page .MuiDataGrid-row, .boards-page-header .MuiDataGrid-row {
    background-color: #FFFFFF; }
  #table-page .height-full .MuiDataGrid-root, .boards-page-header .height-full .MuiDataGrid-root {
    height: 100%; }
    #table-page .height-full .MuiDataGrid-root div:has(.MuiDataGrid-virtualScroller) .MuiDataGrid-virtualScroller, .boards-page-header .height-full .MuiDataGrid-root div:has(.MuiDataGrid-virtualScroller) .MuiDataGrid-virtualScroller {
      margin-top: 55px !important;
      height: auto !important; }
  #table-page .table-grey-rows .MuiDataGrid-row:nth-child(odd), .boards-page-header .table-grey-rows .MuiDataGrid-row:nth-child(odd) {
    background-color: #FFFFFF; }
  #table-page .table-grey-rows .MuiDataGrid-row:nth-child(even), .boards-page-header .table-grey-rows .MuiDataGrid-row:nth-child(even) {
    background-color: #eef1f3; }
  #table-page .MuiDataGrid-toolbarContainer, .boards-page-header .MuiDataGrid-toolbarContainer {
    height: 68px;
    padding: 8px 0 11px 15px;
    justify-content: space-between; }
    #table-page .MuiDataGrid-toolbarContainer button, .boards-page-header .MuiDataGrid-toolbarContainer button {
      color: #1c2731;
      font-weight: 400 !important;
      font-size: 16px;
      margin-right: 60px; }
    #table-page .MuiDataGrid-toolbarContainer .toolbar-custom-controls .approve, .boards-page-header .MuiDataGrid-toolbarContainer .toolbar-custom-controls .approve {
      margin: 0 20px 0 0;
      font-weight: 400;
      border-radius: 10px;
      color: #FFFFFF; }
      #table-page .MuiDataGrid-toolbarContainer .toolbar-custom-controls .approve.Mui-disabled, .boards-page-header .MuiDataGrid-toolbarContainer .toolbar-custom-controls .approve.Mui-disabled {
        opacity: 0.9;
        color: #a9b2b9; }
  #table-page .MuiCircularProgress-root, .boards-page-header .MuiCircularProgress-root {
    z-index: 9999999; }
  #table-page .table-chip, .boards-page-header .table-chip {
    height: 26px !important;
    min-width: 95px !important; }
    #table-page .table-chip span, .boards-page-header .table-chip span {
      font-size: 12px !important; }
  #table-page .MuiDataGrid-cell img, .boards-page-header .MuiDataGrid-cell img {
    margin-right: 20px;
    cursor: pointer; }
  #table-page .MuiDataGrid-cell .submit-container, .boards-page-header .MuiDataGrid-cell .submit-container {
    height: 50%;
    width: 100%; }
    #table-page .MuiDataGrid-cell .submit-container .MuiButton-containedPrimary, .boards-page-header .MuiDataGrid-cell .submit-container .MuiButton-containedPrimary {
      height: 100%;
      width: 55%;
      background: #65d83c;
      border-color: #65d83c;
      color: #FFFFFF; }
    #table-page .MuiDataGrid-cell .submit-container .MuiButton-containedSecondary, .boards-page-header .MuiDataGrid-cell .submit-container .MuiButton-containedSecondary {
      height: 100%;
      width: 50%;
      background: #FFFFFF;
      border-color: #ff4242;
      color: #ff4242; }
      #table-page .MuiDataGrid-cell .submit-container .MuiButton-containedSecondary:hover, .boards-page-header .MuiDataGrid-cell .submit-container .MuiButton-containedSecondary:hover {
        background: #eef1f3; }
  #table-page .MuiDataGrid-cell .MuiAvatar-root img, .boards-page-header .MuiDataGrid-cell .MuiAvatar-root img {
    margin-right: 0; }
  #table-page .table-chip-info, .boards-page-header .table-chip-info {
    background-color: rgba(65, 186, 249, 0.6) !important;
    border: 1px solid #41baf9 !important; }
  #table-page .table-chip-success, .boards-page-header .table-chip-success {
    background-color: rgba(108, 243, 78, 0.6) !important;
    border: 1px solid #6cf34e !important; }
  #table-page .table-chip-warning, .boards-page-header .table-chip-warning {
    background-color: rgba(247, 228, 64, 0.6) !important;
    border: 1px solid #f7e440 !important; }
  #table-page .table-chip-error, .boards-page-header .table-chip-error {
    background-color: rgba(255, 94, 95, 0.6) !important;
    border: 1px solid #ff5e5f !important; }
  #table-page .table-chip-pipline, .boards-page-header .table-chip-pipline {
    background-color: rgba(64, 182, 190, 0.08) !important; }
    #table-page .table-chip-pipline span, .boards-page-header .table-chip-pipline span {
      color: #40B6BE;
      font-weight: 700;
      font-size: 14px !important;
      line-height: 18px !important; }
  #table-page .has-pipeline-permission, .boards-page-header .has-pipeline-permission {
    cursor: pointer; }
  #table-page .MuiDataGrid-toolbarContainer, .boards-page-header .MuiDataGrid-toolbarContainer {
    height: 40px; }
    #table-page .MuiDataGrid-toolbarContainer .MuiTouchRipple-root, .boards-page-header .MuiDataGrid-toolbarContainer .MuiTouchRipple-root {
      display: none; }
  #table-page .issue-type-container, .boards-page-header .issue-type-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none; }
  #table-page .table-page-no-data, .boards-page-header .table-page-no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column; }
    #table-page .table-page-no-data img, .boards-page-header .table-page-no-data img {
      height: 200px; }
    #table-page .table-page-no-data .no-data-title, .boards-page-header .table-page-no-data .no-data-title {
      font-weight: 700;
      font-size: 28px;
      line-height: 32px;
      color: #1C2731;
      text-align: center; }
    #table-page .table-page-no-data .no-data-description, .boards-page-header .table-page-no-data .no-data-description {
      margin-top: 5px;
      color: #66717A;
      width: 360px;
      text-align: center; }

.data-grid-popper .custom-export {
  height: 70px; }
  .data-grid-popper .custom-export .csv-icon {
    position: relative;
    top: -70px;
    left: 10px; }
  .data-grid-popper .custom-export .print-icon {
    position: relative;
    top: -33px;
    left: -12px; }
  .data-grid-popper .custom-export .MuiMenuItem-root {
    z-index: 10;
    width: 100%;
    padding-left: 45px; }
.data-grid-popper .MuiPaper-root {
  border-radius: 10px; }
.data-grid-popper .MuiMenuItem-root:not(.Mui-selected) .density-icon {
  filter: brightness(0); }
.data-grid-popper .MuiDataGrid-panelHeader {
  border-radius: 10px;
  margin-bottom: 10px;
  background: #EEF1F3; }
  .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root {
    width: 80%; }
    .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root .MuiInputLabel-root {
      -webkit-transition: none !important;
      transition: none;
      color: #FFFFFF;
      font-size: 0;
      height: 40px;
      z-index: 200;
      width: 200px;
      top: -15px;
      left: 19px; }
      .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root .MuiInputLabel-root::after {
        background: url("/images/table-page/search.svg");
        background-repeat: no-repeat;
        background-size: 17px;
        position: relative;
        z-index: 200;
        color: #7b858f;
        padding-left: 22px;
        content: "Search";
        top: 23px; }
      .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root .MuiInputLabel-root.Mui-focused {
        display: none !important; }
    .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root .MuiInput-underline {
      margin-top: 5px !important;
      margin-bottom: 45px !important;
      border: 1px solid #d9dee2 !important;
      border-radius: 10px; }
      .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root .MuiInput-underline::after {
        content: none !important; }
      .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root .MuiInput-underline::before {
        content: none !important; }
    .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root .MuiInput-root {
      height: 44px; }
      .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root .MuiInput-root .MuiInput-input {
        background: #FFFFFF;
        border-radius: 10px;
        padding-left: 10px;
        height: 33px; }
        .data-grid-popper .MuiDataGrid-panelHeader .MuiFormControl-root .MuiInput-root .MuiInput-input::placeholder {
          color: #FFFFFF; }
.data-grid-popper .MuiDataGrid-panelContent .MuiDataGrid-columnsPanelRow .MuiFormControlLabel-root .MuiSwitch-root {
  width: 43px;
  height: 25px; }
  .data-grid-popper .MuiDataGrid-panelContent .MuiDataGrid-columnsPanelRow .MuiFormControlLabel-root .MuiSwitch-root .MuiSwitch-switchBase {
    top: 5px;
    left: 5px; }
    .data-grid-popper .MuiDataGrid-panelContent .MuiDataGrid-columnsPanelRow .MuiFormControlLabel-root .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked {
      left: 0; }
    .data-grid-popper .MuiDataGrid-panelContent .MuiDataGrid-columnsPanelRow .MuiFormControlLabel-root .MuiSwitch-root .MuiSwitch-switchBase .MuiSwitch-thumb {
      position: relative;
      background: #FFFFFF;
      width: 14px;
      height: 14px; }
  .data-grid-popper .MuiDataGrid-panelContent .MuiDataGrid-columnsPanelRow .MuiFormControlLabel-root .MuiSwitch-root .MuiSwitch-track {
    background-color: #d9dee2;
    height: 18px;
    width: 36px;
    opacity: 1;
    border-radius: 10px; }
  .data-grid-popper .MuiDataGrid-panelContent .MuiDataGrid-columnsPanelRow .MuiFormControlLabel-root .MuiSwitch-root .Mui-checked + .MuiSwitch-track {
    background: #40B6BE; }
.data-grid-popper .MuiDataGrid-panelContent .MuiDataGrid-columnsPanelRow .MuiFormControlLabel-root .MuiTypography-root {
  position: relative;
  top: 3px;
  color: #1c2731;
  font-weight: 400; }
.data-grid-popper .MuiDataGrid-panelFooter {
  position: absolute;
  top: 70px;
  width: calc(100% - 75px);
  padding: 0 0 0 35px !important; }
  .data-grid-popper .MuiDataGrid-panelFooter .MuiButton-root {
    color: #FFFFFF;
    border-radius: 12px;
    height: 25px;
    background: #40B6BE; }
    .data-grid-popper .MuiDataGrid-panelFooter .MuiButton-root:hover {
      background: rgba(64, 182, 190, 0.9); }
.data-grid-popper .MuiDataGrid-filterForm {
  position: relative;
  left: -100px; }
  .data-grid-popper .MuiDataGrid-filterForm .MuiDataGrid-filterFormDeleteIcon {
    left: 650px; }
    .data-grid-popper .MuiDataGrid-filterForm .MuiDataGrid-filterFormDeleteIcon button {
      width: 40px;
      height: 40px; }
    .data-grid-popper .MuiDataGrid-filterForm .MuiDataGrid-filterFormDeleteIcon span {
      width: 50px;
      padding-bottom: 2px; }
  .data-grid-popper .MuiDataGrid-filterForm .MuiFormControl-root {
    margin-left: 35px; }
    .data-grid-popper .MuiDataGrid-filterForm .MuiFormControl-root .MuiInput-root {
      border: 1px solid #d9dee2;
      border-radius: 10px;
      color: #1c2731;
      padding-left: 7px; }
      .data-grid-popper .MuiDataGrid-filterForm .MuiFormControl-root .MuiInput-root .MuiNativeSelect-select {
        border-radius: 10px; }
      .data-grid-popper .MuiDataGrid-filterForm .MuiFormControl-root .MuiInput-root::before {
        display: none; }
      .data-grid-popper .MuiDataGrid-filterForm .MuiFormControl-root .MuiInput-root::after {
        display: none; }
      .data-grid-popper .MuiDataGrid-filterForm .MuiFormControl-root .MuiInput-root.MuiInput-underline {
        width: 170px; }
      .data-grid-popper .MuiDataGrid-filterForm .MuiFormControl-root .MuiInput-root input, .data-grid-popper .MuiDataGrid-filterForm .MuiFormControl-root .MuiInput-root select {
        height: 35px; }
      .data-grid-popper .MuiDataGrid-filterForm .MuiFormControl-root .MuiInput-root select:focus {
        background: #FFFFFF; }

.issue-icon-container {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .issue-icon-container img {
    margin: 0 !important; }

.bug-type {
  background: rgba(255, 66, 66, 0.2); }

.task-type {
  background: rgba(64, 182, 190, 0.2); }

.story-type {
  background: rgba(64, 182, 190, 0.2); }

.epic-type {
  background: rgba(252, 237, 199, 0.5); }

.custom-type {
  background: rgba(234, 154, 241, 0.5); }

#searchfield-container .MuiPaper-root {
  width: 316px;
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid #D9DEE2;
  display: flex;
  align-items: center;
  padding: 4px 8px; }
  #searchfield-container .MuiPaper-root .MuiInputBase-root {
    width: 100%; }

#drawer .MuiDrawer-paper {
  background: #FFFFFF;
  border-radius: 20px 0 0 20px; }
  @media screen and (min-width: 992px) {
    #drawer .MuiDrawer-paper {
      min-width: 550px;
      max-width: 700px; } }

.drawer-wrapper {
  background: #FFFFFF;
  max-width: 700px; }
  .drawer-wrapper .drawer-wrapper-header {
    width: 300px;
    padding: 5px 0;
    background: #FFFFFF;
    flex-direction: column;
    align-items: left; }
    @media screen and (min-width: 992px) {
      .drawer-wrapper .drawer-wrapper-header {
        width: 100%; } }
    .drawer-wrapper .drawer-wrapper-header .drawer-wrapper-button-header {
      width: 300px;
      padding: 5px 0;
      background: #FFFFFF;
      flex-direction: row;
      align-items: left; }
      .drawer-wrapper .drawer-wrapper-header .drawer-wrapper-button-header .cross-button {
        color: #1c2731;
        border-radius: 15px;
        width: 30px;
        height: 30px;
        margin: 30px 0 0 30px; }
        .drawer-wrapper .drawer-wrapper-header .drawer-wrapper-button-header .cross-button:hover {
          background: #F7F9FC;
          cursor: pointer; }
      .drawer-wrapper .drawer-wrapper-header .drawer-wrapper-button-header .button {
        margin-left: 300px;
        margin-top: 30px;
        display: flex;
        align-items: center; }
        .drawer-wrapper .drawer-wrapper-header .drawer-wrapper-button-header .button .add-button {
          margin-left: 10px;
          margin-bottom: 8px;
          background: rgba(64, 182, 190, 0.08);
          color: #40B6BE;
          border-radius: 10px;
          display: flex;
          lign-items: center;
          padding: 2px 5px;
          gap: 4px;
          width: 150px;
          height: 34px;
          left: 16%; }
          .drawer-wrapper .drawer-wrapper-header .drawer-wrapper-button-header .button .add-button img {
            margin-right: 10px; }
    .drawer-wrapper .drawer-wrapper-header h2 {
      color: #1c2731;
      margin-left: 45px; }
  .drawer-wrapper .paper {
    background: #FFFFFF;
    box-shadow: none; }
  .drawer-wrapper .drawer-wrapper-content {
    width: 300px;
    background: #FFFFFF; }
    @media screen and (min-width: 992px) {
      .drawer-wrapper .drawer-wrapper-content {
        width: 100%; } }
    .drawer-wrapper .drawer-wrapper-content .header h1 {
      padding-left: 10px;
      font-size: 28px;
      margin-bottom: 0; }

.template-content .header .button.MuiButton-containedPrimary {
  height: 35px; }
.template-content .items-container {
  padding: 10px 10px;
  margin-bottom: 30px; }
  .template-content .items-container button {
    margin-right: 10px;
    border-color: #40B6BE;
    color: #40B6BE;
    background: white;
    padding: 4px 10px;
    min-height: 20px; }
    .template-content .items-container button:hover {
      color: white;
      background: #40B6BE; }

.expand-group .accordion-container {
  margin: 10px 0; }
  .expand-group .accordion-container .MuiPaper-root {
    box-shadow: none;
    border-radius: 10px; }
  .expand-group .accordion-container .MuiAccordionSummary-content {
    align-items: center; }
    .expand-group .accordion-container .MuiAccordionSummary-content .header-checkbox-container {
      background: rgba(238, 241, 243, 0.5);
      border-radius: 6px;
      margin-left: auto;
      margin-right: 20px;
      padding-left: 10px;
      height: fit-content;
      align-items: center; }
      .expand-group .accordion-container .MuiAccordionSummary-content .header-checkbox-container .mui-switch {
        height: fit-content; }
  .expand-group .accordion-container .elements {
    flex-direction: column; }
    .expand-group .accordion-container .elements .element-container {
      flex-direction: row;
      align-items: center;
      align-content: center;
      justify-content: flex-start; }
      .expand-group .accordion-container .elements .element-container label {
        min-width: 100px; }

.paper-checkbox .paper-checkbox-container .elements {
  display: flex;
  flex-direction: column; }
  .paper-checkbox .paper-checkbox-container .elements .element-container {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .paper-checkbox .paper-checkbox-container .elements .element-container label {
      min-width: 220px; }

.tab-container, #cash-flow .header .left .cash-flow-tab-container {
  padding: 0;
  background: transparent;
  margin-bottom: 15px; }
  .tab-container .MuiPaper-root, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root {
    max-width: 100%;
    background: transparent;
    width: fit-content;
    box-shadow: none;
    padding: 0;
    border-radius: 10px; }
    .tab-container .MuiPaper-root .MuiTabs-root, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root {
      border-radius: 11px;
      border: 1px solid #d9dee2;
      background: #FFFFFF;
      min-height: 42px; }
      .tab-container .MuiPaper-root .MuiTabs-root .MuiButtonBase-root, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiButtonBase-root {
        text-transform: none !important;
        min-height: unset; }
        .tab-container .MuiPaper-root .MuiTabs-root .MuiButtonBase-root.Mui-disabled, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiButtonBase-root.Mui-disabled {
          opacity: 1; }
          .tab-container .MuiPaper-root .MuiTabs-root .MuiButtonBase-root.Mui-disabled svg, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiButtonBase-root.Mui-disabled svg {
            opacity: 0.2; }
        .tab-container .MuiPaper-root .MuiTabs-root .MuiButtonBase-root:first-child, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiButtonBase-root:first-child {
          border-right: 1px solid #d9dee2; }
        .tab-container .MuiPaper-root .MuiTabs-root .MuiButtonBase-root:last-child, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiButtonBase-root:last-child {
          border-left: 1px solid #d9dee2;
          margin-right: -2px; }
      .tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root {
        font-weight: 700;
        background: #FFFFFF;
        color: #1c2731;
        border-left: 1px solid #d9dee2;
        min-width: 220px; }
        .tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root:first-child, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root:first-child {
          border-left: none;
          border-right: none;
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px; }
        .tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root:last-child, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root:last-child {
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px; }
        .tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root.Mui-selected, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root.Mui-selected {
          background: #40B6BE;
          color: #FFFFFF; }
      .tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-indicator, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-indicator {
        display: none; }
      .tab-container .MuiPaper-root .MuiTabs-root div:nth-child(3) .MuiTabs-flexContainer .MuiButtonBase-root:first-child, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root div:nth-child(3) .MuiTabs-flexContainer .MuiButtonBase-root:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
      .tab-container .MuiPaper-root .MuiTabs-root div:nth-child(3) .MuiTabs-flexContainer .MuiButtonBase-root:last-child, #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root div:nth-child(3) .MuiTabs-flexContainer .MuiButtonBase-root:last-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }

.error-page {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .error-page h1 {
    font-size: 150px;
    margin-bottom: 0; }
  .error-page h3 {
    font-size: 26px;
    margin-top: 15px; }

#chart-control .spaced-name h4 {
  margin-bottom: 30px; }
#chart-control .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  #chart-control .header .filter-container, #chart-control .header #candidate-details-page .container .filter-container-year, #candidate-details-page .container #chart-control .header .filter-container-year {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    #chart-control .header .filter-container .MuiButtonBase-root, #chart-control .header #candidate-details-page .container .filter-container-year .MuiButtonBase-root, #candidate-details-page .container #chart-control .header .filter-container-year .MuiButtonBase-root {
      margin-top: 3px; }
    #chart-control .header .filter-container input, #chart-control .header #candidate-details-page .container .filter-container-year input, #candidate-details-page .container #chart-control .header .filter-container-year input,
    #chart-control .header .filter-container .select-box,
    #chart-control .header #candidate-details-page .container .filter-container-year .select-box,
    #candidate-details-page .container #chart-control .header .filter-container-year .select-box,
    #chart-control .header .filter-container textarea,
    #chart-control .header #candidate-details-page .container .filter-container-year textarea,
    #candidate-details-page .container #chart-control .header .filter-container-year textarea {
      background: white; }
    #chart-control .header .filter-container .search-container, #chart-control .header #candidate-details-page .container .filter-container-year .search-container, #candidate-details-page .container #chart-control .header .filter-container-year .search-container {
      display: flex;
      align-items: center;
      padding-right: 50px; }
      #chart-control .header .filter-container .search-container > div, #chart-control .header #candidate-details-page .container .filter-container-year .search-container > div, #candidate-details-page .container #chart-control .header .filter-container-year .search-container > div {
        margin-right: 5px; }
      #chart-control .header .filter-container .search-container .select-box, #chart-control .header #candidate-details-page .container .filter-container-year .search-container .select-box, #candidate-details-page .container #chart-control .header .filter-container-year .search-container .select-box {
        margin-top: 16px;
        margin-bottom: 8px; }
        #chart-control .header .filter-container .search-container .select-box label, #chart-control .header #candidate-details-page .container .filter-container-year .search-container .select-box label, #candidate-details-page .container #chart-control .header .filter-container-year .search-container .select-box label {
          top: -7px; }
        #chart-control .header .filter-container .search-container .select-box .MuiInputLabel-shrink, #chart-control .header #candidate-details-page .container .filter-container-year .search-container .select-box .MuiInputLabel-shrink, #candidate-details-page .container #chart-control .header .filter-container-year .search-container .select-box .MuiInputLabel-shrink {
          top: 0; }
        #chart-control .header .filter-container .search-container .select-box .MuiMenu-list, #chart-control .header #candidate-details-page .container .filter-container-year .search-container .select-box .MuiMenu-list, #candidate-details-page .container #chart-control .header .filter-container-year .search-container .select-box .MuiMenu-list {
          max-height: 300px !important; }
        #chart-control .header .filter-container .search-container .select-box .MuiSelect-select, #chart-control .header #candidate-details-page .container .filter-container-year .search-container .select-box .MuiSelect-select, #candidate-details-page .container #chart-control .header .filter-container-year .search-container .select-box .MuiSelect-select {
          padding: 6px 11px; }
      #chart-control .header .filter-container .search-container .filter-item, #chart-control .header #candidate-details-page .container .filter-container-year .search-container .filter-item, #candidate-details-page .container #chart-control .header .filter-container-year .search-container .filter-item {
        min-width: 70px;
        max-width: 110px;
        margin-left: 20px; }

#avatar-group {
  display: flex;
  margin-left: 10px; }
  #avatar-group .MuiAvatar-root {
    margin-left: -20px;
    border: 1px solid #FFFFFF; }
  #avatar-group .MuiAvatar-root:first-child {
    margin-left: 0; }
  #avatar-group .avatar-more {
    font-size: 14px;
    background: #40B6BE;
    letter-spacing: 1px; }
  #avatar-group .has-edit-permission {
    cursor: pointer; }

.full-form-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh; }

.login {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh; }
  .login .logo {
    width: 150px;
    margin-bottom: 20px; }
  .login .submit-container button {
    margin-right: 0; }

.registration .logo {
  width: 150px;
  margin-bottom: 20px; }
.registration .submit-container button {
  margin-right: 0; }

#lock {
  min-height: 100vh; }
  #lock .lock-paper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: calc(313px);
    width: calc(476px);
    border-radius: 20px;
    padding: 51px 49px !important; }
  #lock .unlock-btn {
    width: 100%; }

#half-page-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100vh; }
  #half-page-container .image {
    width: 50vw;
    height: 100vh; }
  #half-page-container .form-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50vw;
    height: 100vh;
    padding: 15px; }
    #half-page-container .form-container .paper {
      text-align: center;
      width: 60%; }

.file-upload-component .drop-zone {
  background: #FFFFFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  adding-left: unset;
  padding-right: unset;
  width: 100%; }
  .file-upload-component .drop-zone .dropzone {
    width: 100%;
    height: 150px;
    background: #FFFFFF;
    color: #a9b2b9;
    border-radius: 10px;
    border: 2px dashed rgba(64, 182, 190, 0.7); }
  .file-upload-component .drop-zone .meta-data {
    width: 100%;
    padding-top: 14px; }
    .file-upload-component .drop-zone .meta-data button {
      color: #FFFFFF;
      max-height: 40px;
      font-size: 15px; }
      .file-upload-component .drop-zone .meta-data button img {
        padding-right: 4px; }
    .file-upload-component .drop-zone .meta-data .Mui-disabled {
      background-color: #D9DEE2; }
    .file-upload-component .drop-zone .meta-data aside {
      padding: 0 10px; }
      .file-upload-component .drop-zone .meta-data aside h4 {
        margin: 5px 0; }
      .file-upload-component .drop-zone .meta-data aside ul {
        margin: 0 10px;
        padding: 0 10px; }
      .file-upload-component .drop-zone .meta-data aside .uploaded-files {
        margin: 0; }
        .file-upload-component .drop-zone .meta-data aside .uploaded-files .file-row {
          margin: 0; }
  .file-upload-component .drop-zone .uploaded-files {
    margin-top: 20px; }
    .file-upload-component .drop-zone .uploaded-files .file-row {
      margin-bottom: 8px; }
      .file-upload-component .drop-zone .uploaded-files .file-row img {
        margin-right: 12px; }
      .file-upload-component .drop-zone .uploaded-files .file-row .description {
        color: #919ba3; }

#dashboard .hr-container {
  margin-top: 35px; }
#dashboard .MuiGrid-root {
  margin: 0; }

.invoice-status-chip-1,
.invoice-status-chip-2,
.invoice-status-chip-3,
.invoice-status-chip-4,
.invoice-status-chip-5,
.invoice-chip {
  height: 26px !important;
  min-width: 95px !important; }
  .invoice-status-chip-1 span,
  .invoice-status-chip-2 span,
  .invoice-status-chip-3 span,
  .invoice-status-chip-4 span,
  .invoice-status-chip-5 span,
  .invoice-chip span {
    font-size: 12px !important; }

.e-invoice-status-chip {
  height: 26px !important;
  min-width: 95px !important; }
  .e-invoice-status-chip span {
    font-size: 12px !important; }

.invoice-status-chip-1
.e-invoice-status-chip-Created {
  background-color: rgba(65, 186, 249, 0.6) !important;
  border: 1px solid #41baf9 !important; }

.invoice-status-chip-2,
.e-invoice-status-chip-Approved {
  background-color: rgba(108, 243, 78, 0.6) !important;
  border: 1px solid #6cf34e !important; }

.invoice-status-chip-3,
.invoice-overdue-chip-warning,
.e-invoice-status-chip-Sent,
.e-invoice-status-chip-Seen {
  background-color: rgba(247, 228, 64, 0.6) !important;
  border: 1px solid #f7e440 !important; }

.invoice-status-chip-4,
.invoice-overdue-chip-error {
  background-color: rgba(255, 94, 95, 0.6) !important;
  border: 1px solid #ff5e5f !important; }

.invoice-status-chip-5 {
  background-color: rgba(241, 133, 25, 0.6) !important;
  border: 1px solid #f18519 !important; }

#create-invoice {
  width: 100%;
  max-width: 1540px;
  margin: 35px 0 148px 16px;
  padding-right: 16px; }
  @media screen and (min-width: 1660px) {
    #create-invoice {
      margin: 35px auto 148px auto; } }
  #create-invoice h1 {
    font-size: 20px; }
  #create-invoice h2 {
    font-size: 20px; }
  #create-invoice .MuiAccordionSummary-root {
    padding: 0; }
    #create-invoice .MuiAccordionSummary-root .MuiAccordionSummary-content {
      margin: 0; }
  #create-invoice .disabled {
    opacity: .5;
    pointer-events: none; }
  #create-invoice .crate-invoice-page {
    padding: 10px;
    box-shadow: none;
    border-radius: 10px;
    margin-bottom: 18px; }
    #create-invoice .crate-invoice-page .invoice-header {
      width: 100%;
      display: flex; }
      #create-invoice .crate-invoice-page .invoice-header td {
        width: 500%; }
  #create-invoice .bill-to h1, #create-invoice .bill-to h2 {
    margin: 0; }
  #create-invoice .bill-to .invoice-header {
    width: 100%;
    display: flex; }
    #create-invoice .bill-to .invoice-header td {
      width: 100%; }
  #create-invoice .invoice-header-form-container {
    padding: 24px 54px 6px 54px; }
    #create-invoice .invoice-header-form-container #invoice-header-form {
      display: flex;
      flex-wrap: wrap; }
      #create-invoice .invoice-header-form-container #invoice-header-form .MuiTextField-root {
        margin-top: 5px !important;
        margin-bottom: 5px !important; }
      #create-invoice .invoice-header-form-container #invoice-header-form .header-row {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        min-height: 78px;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 6px; }
        #create-invoice .invoice-header-form-container #invoice-header-form .header-row.end {
          align-items: flex-end; }
        #create-invoice .invoice-header-form-container #invoice-header-form .header-row .header-row-item {
          width: calc(18.5% - 10px);
          margin-right: 10px; }
          #create-invoice .invoice-header-form-container #invoice-header-form .header-row .header-row-item .MuiFormControl-fullWidth {
            margin-top: 22px; }
        #create-invoice .invoice-header-form-container #invoice-header-form .header-row .header-form-controls {
          width: 5%;
          display: flex; }
      #create-invoice .invoice-header-form-container #invoice-header-form .header-row:last-child {
        margin-bottom: 0; }
      #create-invoice .invoice-header-form-container #invoice-header-form .select-box .MuiFormControl-root {
        margin-top: 5px !important;
        margin-bottom: 5px !important; }
        #create-invoice .invoice-header-form-container #invoice-header-form .select-box .MuiFormControl-root label {
          top: -7px; }
      #create-invoice .invoice-header-form-container #invoice-header-form .exchange-container {
        width: calc(37% - 10px);
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #create-invoice .invoice-header-form-container #invoice-header-form .exchange-container .exchange-currency-container {
          width: calc(60% - 10px);
          display: flex;
          align-items: center;
          justify-content: space-between; }
          #create-invoice .invoice-header-form-container #invoice-header-form .exchange-container .exchange-currency-container .header-row-item {
            width: calc(65% - 10px) !important; }
            #create-invoice .invoice-header-form-container #invoice-header-form .exchange-container .exchange-currency-container .header-row-item .select-box {
              min-width: 10px !important; }
        #create-invoice .invoice-header-form-container #invoice-header-form .exchange-container .exchange-date {
          width: calc(46% - 10px);
          margin-right: 0 !important; }
  #create-invoice .invoice .MuiButtonBase-root {
    display: flex;
    flex-direction: column; }
    #create-invoice .invoice .MuiButtonBase-root .MuiAccordionSummary-content {
      width: 100%; }
    #create-invoice .invoice .MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper .show-more-icon-container {
      display: flex;
      margin-top: 5px;
      align-items: center; }
      #create-invoice .invoice .MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper .show-more-icon-container p {
        margin: 0;
        color: #40B6BE;
        font-size: 12px;
        font-weight: 400; }
      #create-invoice .invoice .MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper .show-more-icon-container img {
        transform: rotate(180deg); }
    #create-invoice .invoice .MuiButtonBase-root .Mui-expanded {
      transform: rotate(0deg) !important; }
      #create-invoice .invoice .MuiButtonBase-root .Mui-expanded .show-more-icon-container img {
        transform: rotate(0deg) !important; }
  #create-invoice .invoice .invoice-title {
    width: 100%;
    display: flex; }
    #create-invoice .invoice .invoice-title h1 {
      margin: 0 25px; }
    #create-invoice .invoice .invoice-title h2 {
      margin: 0 25px;
      font-size: 14px;
      color: #A9B2B9; }
    #create-invoice .invoice .invoice-title .invoice-title-right {
      text-align: right; }
    #create-invoice .invoice .invoice-title .invoice-title-right,
    #create-invoice .invoice .invoice-title .invoice-title-left {
      width: 100%; }
  #create-invoice .invoice .invoice-header td {
    vertical-align: top; }
  #create-invoice .invoice .company-info,
  #create-invoice .invoice .invoice-info,
  #create-invoice .invoice .partner-info {
    display: flex;
    flex-direction: column; }
  #create-invoice .invoice .info-data {
    display: flex; }
    #create-invoice .invoice .info-data p {
      margin: 10px 0; }
    #create-invoice .invoice .info-data p:first-child {
      width: 200px; }
    #create-invoice .invoice .info-data p:last-child {
      font-weight: 700; }
  #create-invoice .invoice .partner-info {
    align-items: flex-end; }
    #create-invoice .invoice .partner-info .info-data p:last-child {
      width: 160px; }
  #create-invoice .MuiCollapse-root td {
    border: none; }
  #create-invoice .invoice-controls {
    background: transparent;
    box-shadow: none;
    margin-bottom: 15px;
    padding: 0; }
    #create-invoice .invoice-controls .controls {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      #create-invoice .invoice-controls .controls button {
        margin-right: 23px;
        border-radius: 10px;
        min-width: 0;
        padding: 10px 24px;
        font-size: 15px; }
      #create-invoice .invoice-controls .controls button:last-child {
        margin-right: 0; }
  #create-invoice .invoice-item-add {
    padding-bottom: 0; }
    #create-invoice .invoice-item-add #invoice-items-form .header-row {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-top: 15px;
      padding-left: 44px; }
      #create-invoice .invoice-item-add #invoice-items-form .header-row .header-row-item {
        width: calc(18.5% - 10px);
        margin-right: 10px; }
        #create-invoice .invoice-item-add #invoice-items-form .header-row .header-row-item .MuiFormControl-fullWidth {
          margin-top: 22px; }
        #create-invoice .invoice-item-add #invoice-items-form .header-row .header-row-item .invoice-items-add-btn {
          margin-left: 8px;
          border-radius: 10px;
          font-size: 15px; }
          #create-invoice .invoice-item-add #invoice-items-form .header-row .header-row-item .invoice-items-add-btn img {
            margin-right: 8px; }
    #create-invoice .invoice-item-add #invoice-items-form .select-box .MuiFormControl-root {
      margin-top: 5px !important;
      margin-bottom: 5px !important; }
      #create-invoice .invoice-item-add #invoice-items-form .select-box .MuiFormControl-root label {
        top: -7px; }
    #create-invoice .invoice-item-add #invoice-items-form .MuiTextField-root {
      margin-top: 5px !important;
      margin-bottom: 5px !important; }
  #create-invoice .invoice-items-total-container {
    width: 100%;
    display: flex;
    align-items: center; }
    #create-invoice .invoice-items-total-container .invoice-items-table {
      margin-right: 18px;
      align-self: flex-start;
      min-height: 211px;
      padding: 0;
      width: 75%;
      overflow: hidden; }
      #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableHead-root {
        background: #EEF1F3; }
        #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableHead-root .MuiTableRow-head {
          border-top-right-radius: 10px; }
          #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableHead-root .MuiTableRow-head .MuiTableCell-head {
            padding-top: 11px;
            padding-bottom: 11px;
            color: #66717A;
            font-size: 14px; }
          #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableHead-root .MuiTableRow-head .MuiTableCell-head:first-child {
            border-top-left-radius: 10px;
            padding-left: 28px; }
          #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableHead-root .MuiTableRow-head .MuiTableCell-head:last-child {
            border-top-right-radius: 10px; }
      #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-body {
        padding-top: 4.5px;
        padding-bottom: 4.5px;
        border-bottom: none; }
      #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-body:first-child {
        padding-left: 28px; }
      #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-body:last-child {
        display: flex; }
      #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableBody-root .MuiTableRow-root:nth-child(odd) {
        background-color: #FFFFFF; }
      #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableBody-root .MuiTableRow-root:nth-child(even) {
        background-color: #eef1f3; }
      #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableBody-root .MuiTableRow-root:last-child .MuiTableCell-body:first-child {
        border-bottom-left-radius: 10px; }
      #create-invoice .invoice-items-total-container .invoice-items-table .MuiTable-root .MuiTableBody-root .MuiTableRow-root:last-child .MuiTableCell-body:last-child {
        border-bottom-right-radius: 10px; }
    #create-invoice .invoice-items-total-container .invoice-items-total {
      box-sizing: border-box;
      align-self: flex-start;
      padding: 16px 29px 36px 29px;
      width: calc(25% - 18px);
      min-height: 211px; }
      #create-invoice .invoice-items-total-container .invoice-items-total table {
        width: 100%; }

.mui-shifted-label-input-invoice .MuiInputLabel-root {
  margin-top: -15px;
  color: #1C2731; }

.corrected-label-margin .MuiInputLabel-root {
  margin-top: -22px; }

.empty-invoice-items-table {
  min-height: 49px;
  margin-top: 5%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

#cash-flow {
  margin: 0 13px; }
  #cash-flow .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
    #cash-flow .header .center {
      display: flex;
      align-items: center; }
      #cash-flow .header .center .select-box {
        margin-right: 5px;
        margin-left: 5px; }
      #cash-flow .header .center h6 {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        margin: 0 21px; }
      #cash-flow .header .center .filter-container, #cash-flow .header .center #candidate-details-page .container .filter-container-year, #candidate-details-page .container #cash-flow .header .center .filter-container-year {
        display: flex;
        align-items: center; }
      #cash-flow .header .center div:last-child {
        margin-left: 33px; }
    #cash-flow .header .left .cash-flow-tab-container {
      width: 180px;
      height: 42px;
      margin-bottom: 0;
      padding: 0;
      background: transparent; }
      #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root {
        width: 100%; }
        #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root {
          height: 42px;
          min-height: 42px; }
          #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer {
            width: 100%;
            height: 42px;
            min-height: 42px;
            align-items: center; }
            #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root {
              min-width: 50%; }
              #cash-flow .header .left .cash-flow-tab-container .MuiPaper-root .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root .active-tab-icon {
                filter: brightness(0) invert(1); }
    #cash-flow .header .right .MuiButtonBase-root {
      font-size: 15px;
      border-radius: 10px; }
  #cash-flow .indiana-scroll-container {
    border-radius: 10px; }
  #cash-flow table .table-header {
    background: #EEF1F3; }
    #cash-flow table .table-header th {
      min-width: 120px;
      color: #66717A;
      padding: 0;
      height: 46px;
      border-bottom: none; }
      #cash-flow table .table-header th.description {
        width: 180px;
        min-width: 180px;
        background: #EEF1F3; }
      #cash-flow table .table-header th.fixed {
        position: sticky;
        left: 0; }
    #cash-flow table .table-header th:nth-child(2) {
      padding-left: 10px; }
  #cash-flow table .gray-cell {
    background: #c4c4c4; }
  #cash-flow table .table-row-0 {
    background: #FDFDFD;
    transition: .15s; }
    #cash-flow table .table-row-0:hover, #cash-flow table .table-row-0.selected {
      background: #F8F8F8;
      transition: .15s; }
  #cash-flow table .table-row-1 {
    background: #F2F2F2; }
    #cash-flow table .table-row-1:hover, #cash-flow table .table-row-1.selected {
      background: #F5F5F5;
      transition: .15s; }
  #cash-flow table .cash-flow-row td {
    border-bottom: none; }
  #cash-flow table .cash-flow-row .description {
    width: 180px;
    min-width: 180px;
    background: #EEF1F3;
    color: #66717A;
    padding: 0;
    cursor: pointer; }
  #cash-flow table .cash-flow-row .fixed {
    position: sticky;
    left: 0; }
  #cash-flow table .cash-flow-row .data-cell {
    padding: 0; }
    #cash-flow table .cash-flow-row .data-cell p {
      margin: 0; }
    #cash-flow table .cash-flow-row .data-cell .value {
      height: 55px;
      background: #c4c4c4;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
      padding: 0 15px; }
      #cash-flow table .cash-flow-row .data-cell .value.minus {
        color: #ff0000;
        background: rgba(241, 93, 36, 0.15); }
      #cash-flow table .cash-flow-row .data-cell .value.plus {
        color: #65D83C;
        background: white; }
    #cash-flow table .cash-flow-row .data-cell div:nth-child(2) {
      background: rgba(238, 241, 243, 0.5) !important; }
  #cash-flow table .cash-flow-row td:nth-child(2) {
    padding-left: 10px; }
  #cash-flow .line-chart-container {
    height: 600px;
    background: #FFFFFF;
    border-radius: 10px; }

.transactions-page span.green {
  color: #069e0a; }
.transactions-page span.red {
  color: #ff0000; }
.transactions-page .MuiDataGrid-virtualScrollerContent .MuiDataGrid-virtualScrollerRenderZone {
  display: inline-block; }
.transactions-page .table-select {
  width: 200px;
  margin-bottom: 4px; }
  .transactions-page .table-select .MuiFormControl-root {
    margin-top: 3px; }
    .transactions-page .table-select .MuiFormControl-root .MuiInputBase-root {
      border-radius: 10px;
      padding-left: 10px;
      background: #FFFFFF; }
  .transactions-page .table-select .MuiSelect-select {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    background: #FFFFFF;
    border-radius: 10px; }
.transactions-page .table-autocomplete {
  width: 200px;
  background: transparent; }
  .transactions-page .table-autocomplete .autocomplete .MuiAutocomplete-inputRoot {
    padding: 2px 0;
    border-radius: 10px; }
  .transactions-page .table-autocomplete .autocomplete input {
    background: white;
    padding-left: 10px !important;
    border-radius: 10px; }
.transactions-page .MuiDataGrid-cell .MuiCheckbox-root {
  background: #FFFFFF;
  border-radius: 0;
  box-sizing: border-box;
  padding: 8px; }
.transactions-page .MuiDataGrid-cell .Mui-checked {
  color: #40B6BE; }
.transactions-page .transaction-payment-type {
  padding: 8px 20px 8px 20px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 28px !important; }
.transactions-page .income {
  background: #d8f5ce;
  color: #336B1F; }
.transactions-page .outcome {
  background: #FFE5E5;
  color: #812222; }

#manage-bank-report-form .MuiTextField-root {
  background: #FFFFFF;
  border-radius: 10px; }

.split-transaction {
  background: rgba(64, 182, 190, 0.08);
  border-radius: 5px; }
  .split-transaction .split-button {
    display: flex;
    align-items: center;
    color: #40B6BE;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    width: 457px;
    height: 40px; }
  .split-transaction img {
    margin-right: 10px; }

.transaction-amount-part {
  width: 457px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .transaction-amount-part .amount {
    width: 411px; }
  .transaction-amount-part .add-amount-button {
    min-width: 40px;
    width: 40px;
    height: 40px;
    background: rgba(255, 66, 79, 0.08);
    border-radius: 10px;
    margin-top: 2%; }

#logo-page img {
  max-width: 100%; }

.ml25 {
  margin-left: 25px; }

.job-candidates-header h1 {
  color: #1c2731; }
.job-candidates-header h3 {
  color: #1c2731;
  font-weight: 400;
  margin-top: 0 !important; }
.job-candidates-header p {
  color: #919ba3;
  margin-bottom: 0.5rem !important; }

.application-page {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  background: #F7F9FC; }

.left-side {
  display: inline-block;
  vertical-align: top;
  width: 28.75%;
  margin-top: 8%;
  margin-left: 10%; }

.right-side {
  display: inline-block;
  vertical-align: top;
  width: 52.2%;
  margin-top: 8%;
  margin-left: 2%; }

.mh-400 {
  min-height: 400px; }

.job-application-header {
  position: absolute;
  width: 100%;
  height: 5%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  box-shadow: 0px 6px 12px rgba(28, 39, 49, 0.05); }
  .job-application-header .managevio {
    height: 31%;
    display: flex;
    justify-content: center;
    color: #202020;
    margin-left: 13.18%; }
  .job-application-header .logo-text {
    position: absolute;
    left: 13.19%;
    top: 59%;
    color: #3CB6BB; }
  .job-application-header .logo-brain {
    position: absolute;
    left: 10%;
    width: 3%; }

.font1 {
  font-size: 16px;
  line-height: 150%;
  color: #1C2731; }

.font2 {
  font-size: 14px;
  line-height: 150%;
  color: #919BA3; }

.font3 {
  font-size: 16px;
  color: #304456; }

.font4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #1C2731; }

.font5 {
  font-size: 30px;
  line-height: 48px;
  color: #1C2731; }

.title {
  font-family: "Plus Jakarta Display", sans-serif !important;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  color: #1C2731; }

.section {
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 18px; }

.job-header {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  .job-header .job-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
  .job-header .button {
    height: 50px;
    margin-top: 32px;
    margin-right: 10px; }

.job-data {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5%;
  width: 30%; }
  .job-data .icon {
    width: 13%;
    display: inline-block;
    vertical-align: middle; }
  .job-data .data {
    width: 83%;
    display: inline-block;
    vertical-align: middle; }

.notepad-image {
  position: absolute;
  left: 44%;
  top: 22%; }

.plugin-image {
  position: absolute;
  left: 311px;
  top: 137px; }

.money-image {
  position: absolute;
  left: 311px;
  top: 201px; }

.users-image {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 48px;
  top: 202px; }

.logo {
  width: 195.32px;
  height: 48px;
  left: 9%;
  top: 16px;
  flex: none;
  order: 0;
  flex-grow: 0; }

.rectangle {
  width: 100%;
  height: 110px;
  left: 0px;
  top: 0px;
  background-image: url("/images/job-apply.jpg");
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 10px 10px 0px 0px; }

.ellipse {
  width: 90px;
  height: 90px;
  margin-top: -10%;
  margin-left: 10%;
  border-radius: 50px;
  background: #F7F9FC;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; }

.logo-img {
  max-width: 90%;
  max-height: 100%;
  display: block; }

.vector {
  position: absolute;
  left: 36px;
  top: 207px; }

.beta-vio {
  width: 53%;
  height: 100%;
  margin-left: 47%;
  margin-top: -35%;
  border-radius: 10px; }

/* Media queris */
@media screen and (max-width: 640px) {
  .left-side {
    width: 83%;
    margin-top: 10%; }

  .right-side {
    width: 83%;
    margin-top: 3%;
    margin-left: 10%; }

  .job-application-header {
    height: 1%; }
    .job-application-header .managevio {
      margin-left: 15%; }
    .job-application-header .logo-text {
      width: 4%;
      left: 15%; }
    .job-application-header .logo-brain {
      width: 5%; }

  .job-data {
    width: 80%;
    margin-top: 10%; }

  .job-header {
    display: inline-block; }
    .job-header .job-title {
      justify-content: left; }
    .job-header .button {
      margin-left: 10%; } }
@media screen and (min-width: 640px) and (max-width: 770px) {
  .job-application-header {
    height: 2%; }
    .job-application-header .logo-text {
      width: 3.5%; }

  .job-header .job-title {
    width: 90%; }
  .job-header .button {
    right: 10%; }

  .job-data {
    margin-top: 10%; } }
@media screen and (min-width: 771px) and (max-width: 1024px) {
  .job-application-header {
    height: 3%; }
    .job-application-header .logo-text {
      width: 4%; }

  .job-header .job-title {
    width: 60%; } }
#candidate-details-page .paper {
  margin-bottom: 10px; }
#candidate-details-page .base-info h1 {
  margin: 5px 0; }
#candidate-details-page .base-info svg {
  color: #40B6BE;
  margin-right: 5px; }
#candidate-details-page .base-info p {
  margin-bottom: 0; }
#candidate-details-page .base-info a {
  margin-right: 5px; }
#candidate-details-page .container .MuiGrid-root:has(.filter-container-year) {
  height: 65px; }
#candidate-details-page .container .filter-container-year {
  padding: 15px;
  margin-bottom: 15px;
  background: #FFFFFF; }
#candidate-details-page .additional-info p {
  margin: 5px; }
  #candidate-details-page .additional-info p span {
    color: #40B6BE; }

#candidate-record .editor-container {
  border: 1px solid #40B6BE; }
#candidate-record .records-container {
  padding: 10px;
  background: #F7F9FC;
  margin-top: 10px; }
  #candidate-record .records-container .record-card {
    padding: 10px;
    margin-bottom: 10px; }
    #candidate-record .records-container .record-card .header {
      background: #40B6BE;
      padding: 5px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      color: white;
      font-weight: 600;
      font-size: 14px; }
      #candidate-record .records-container .record-card .header .header-user {
        display: flex;
        flex-direction: row;
        align-items: center; }
        #candidate-record .records-container .record-card .header .header-user h3 {
          margin-left: 10px;
          margin-top: 0;
          margin-bottom: 0; }
      #candidate-record .records-container .record-card .header .MuiAvatar-circular {
        border: 2px solid white; }

#project-details-page .filter-container, #project-details-page #candidate-details-page .container .filter-container-year, #candidate-details-page .container #project-details-page .filter-container-year {
  padding: 15px;
  margin-bottom: 15px;
  background: white; }
#project-details-page .clear-paper, #project-details-page .paper-container {
  margin-left: 15px; }
#project-details-page .paper {
  margin-bottom: 10px; }
#project-details-page .base-info h1 {
  margin: 5px 0; }
#project-details-page .base-info svg {
  color: #40B6BE;
  margin-right: 5px; }
#project-details-page .base-info p {
  margin-bottom: 0; }
#project-details-page .base-info a {
  margin-right: 5px; }
#project-details-page .additional-info p {
  margin: 5px; }
  #project-details-page .additional-info p span {
    color: #40B6BE; }
#project-details-page .container {
  margin-left: 15px; }
#project-details-page .page-form-container {
  margin-left: 15px; }

#project-settings .tab-container, #project-settings #cash-flow .header .left .cash-flow-tab-container, #cash-flow .header .left #project-settings .cash-flow-tab-container {
  margin-left: 15px; }

#workspaces-settings .page-form-container {
  margin-left: 15px; }

#project-record .MuiPaper-root .editor-container .ck-toolbar {
  margin-bottom: 0.75rem;
  border: none;
  background: #FFFFFF; }
#project-record .MuiPaper-root .editor-container .ck-content {
  border: 1px solid #d9dee2;
  border-radius: 0.5rem;
  box-shadow: none;
  min-height: 200px; }
#project-record .records-container {
  padding: 10px;
  background: #F7F9FC;
  margin-top: 10px; }
  #project-record .records-container .record-card {
    padding: 10px;
    margin-bottom: 10px; }
    #project-record .records-container .record-card .header {
      background: #40B6BE;
      padding: 5px;
      display: flex;
      flex-direction: row;
      align-items: center;
      color: white;
      font-weight: 600;
      font-size: 14px;
      margin-top: 15px; }
      #project-record .records-container .record-card .header .header-user {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%; }
        #project-record .records-container .record-card .header .header-user h3 {
          margin-left: 10px;
          margin-top: 0;
          margin-bottom: 0;
          width: 90%; }
      #project-record .records-container .record-card .header .MuiAvatar-circular {
        border: 2px solid white; }
      #project-record .records-container .record-card .header .ml-655 {
        margin-left: 710px; }
    #project-record .records-container .record-card .record-edit .MuiButtonBase-root {
      border-radius: 10px; }
    #project-record .records-container .record-card .record-edit .MuiButtonBase-root:last-child {
      margin-left: 15px; }
    #project-record .records-container .record-card .record-content {
      background: #EEF1F3;
      margin-left: 15px;
      border-radius: 0px 10px 10px 10px;
      padding: 15px 30px;
      position: relative; }

#business-trip-list-page .add-button {
  margin-left: 10px;
  background: #40B6BE;
  color: #FFFFFF;
  height: 50px;
  border-radius: 10px; }
  #business-trip-list-page .add-button img {
    margin-right: 10px; }
#business-trip-list-page .filter-container, #business-trip-list-page #candidate-details-page .container .filter-container-year, #candidate-details-page .container #business-trip-list-page .filter-container-year {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  #business-trip-list-page .filter-container .approve, #business-trip-list-page #candidate-details-page .container .filter-container-year .approve, #candidate-details-page .container #business-trip-list-page .filter-container-year .approve {
    margin-right: 10px;
    margin-bottom: 0;
    height: 50px; }
  #business-trip-list-page .filter-container .add-button, #business-trip-list-page #candidate-details-page .container .filter-container-year .add-button, #candidate-details-page .container #business-trip-list-page .filter-container-year .add-button {
    margin-left: 10px;
    background: #40B6BE;
    color: #FFFFFF;
    height: 50px;
    border-radius: 10px; }
    #business-trip-list-page .filter-container .add-button img, #business-trip-list-page #candidate-details-page .container .filter-container-year .add-button img, #candidate-details-page .container #business-trip-list-page .filter-container-year .add-button img {
      margin-right: 10px; }
  #business-trip-list-page .filter-container input, #business-trip-list-page #candidate-details-page .container .filter-container-year input, #candidate-details-page .container #business-trip-list-page .filter-container-year input,
  #business-trip-list-page .filter-container .select-box,
  #business-trip-list-page #candidate-details-page .container .filter-container-year .select-box,
  #candidate-details-page .container #business-trip-list-page .filter-container-year .select-box,
  #business-trip-list-page .filter-container textarea,
  #business-trip-list-page #candidate-details-page .container .filter-container-year textarea,
  #candidate-details-page .container #business-trip-list-page .filter-container-year textarea {
    background: white; }
  #business-trip-list-page .filter-container .search-container, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container {
    display: flex;
    align-items: center; }
    #business-trip-list-page .filter-container .search-container > div, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container > div, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container > div {
      margin-right: 5px; }
    #business-trip-list-page .filter-container .search-container .select-box, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container .select-box, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container .select-box {
      margin-top: 16px;
      margin-bottom: 8px; }
      #business-trip-list-page .filter-container .search-container .select-box label, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container .select-box label, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container .select-box label {
        top: -7px; }
      #business-trip-list-page .filter-container .search-container .select-box .MuiInputLabel-shrink, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container .select-box .MuiInputLabel-shrink, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container .select-box .MuiInputLabel-shrink {
        top: 0; }
      #business-trip-list-page .filter-container .search-container .select-box .MuiMenu-list, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container .select-box .MuiMenu-list, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container .select-box .MuiMenu-list {
        max-height: 300px !important; }
    #business-trip-list-page .filter-container .search-container .filter-item, #business-trip-list-page #candidate-details-page .container .filter-container-year .search-container .filter-item, #candidate-details-page .container #business-trip-list-page .filter-container-year .search-container .filter-item {
      min-width: 150px;
      margin-right: 15px; }
#business-trip-list-page .currency-wrapper {
  margin-top: 0px;
  margin-right: 2px; }
#business-trip-list-page .costs-wrapper {
  margin-right: 2px; }
#business-trip-list-page .cost {
  margin-top: -0px; }
#business-trip-list-page .add-button-right {
  float: right;
  padding-bottom: 50px; }
#business-trip-list-page .business-trip-item {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: white; }
#business-trip-list-page .business-trip-elements {
  display: flex;
  justify-content: space-between; }
#business-trip-list-page .business-trip-details {
  margin-top: 8px;
  font-size: small;
  color: black;
  text-decoration: none; }
#business-trip-list-page .business-trip-details-info {
  margin-top: 40px; }
#business-trip-list-page .add-button-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px; }
#business-trip-list-page .disabled {
  background-color: #40b6be;
  cursor: pointer;
  color: white; }
#business-trip-list-page .content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2; }
#business-trip-list-page .decision-page {
  margin: 20px; }
#business-trip-list-page .decision-fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 10px; }
#business-trip-list-page .decision-field {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 10px; }
#business-trip-list-page .field-name {
  font-weight: bold; }
#business-trip-list-page .field-value {
  margin-top: 5px; }
#business-trip-list-page .add-button-information {
  border: 1px solid #aba9a9;
  color: black;
  border-radius: 0px;
  font-size: large;
  height: 30px; }
#business-trip-list-page .decision {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }
#business-trip-list-page .travelWarrant {
  width: 180px; }
#business-trip-list-page .span {
  padding: 10px; }
#business-trip-list-page .currencies {
  display: flex; }
#business-trip-list-page .calculation {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }
#business-trip-list-page .icon-decision {
  display: flex;
  justify-content: flex-end;
  margin-left: 5px; }
#business-trip-list-page .search-bar {
  left: 0px;
  display: flex;
  justify-content: space-between; }

#pipeline-stage-page {
  flex-direction: row;
  width: calc(100% - 40px);
  height: 328px;
  background: rgba(230, 230, 230, 0.8);
  padding: 10px 10px 0 10px;
  border-radius: 10px; }
  #pipeline-stage-page .droppable-container-wrapper {
    width: 100%;
    overflow-x: scroll; }
    #pipeline-stage-page .droppable-container-wrapper .droppable-container {
      flex-direction: row;
      height: 100%; }
      #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper {
        padding-bottom: 8px; }
        #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card {
          flex-direction: column;
          justify-content: space-between;
          width: 400px;
          margin: 5px;
          height: calc(100% - 30px);
          box-shadow: none;
          border-radius: 8px; }
          #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .header {
            height: 45px;
            padding-left: 10px;
            align-items: center; }
            #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .header .title {
              background: #FFFFFF;
              color: #1c2731;
              border-radius: 10px;
              padding: 5px 10px;
              max-width: 92%;
              max-height: 35%;
              font-size: 14px;
              min-width: 50px;
              line-height: 14px; }
          #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content {
            padding: 10px; }
            #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .description {
              overflow-y: scroll;
              border: 1px solid #d9dee2;
              color: #1c2731;
              height: 100px;
              padding: 8px;
              margin-bottom: 30px;
              border-radius: 10px; }
            #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer {
              height: 40px;
              clear: both; }
              #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer .left, #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer .right {
                height: 100%; }
              #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer .left {
                float: left; }
              #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer .right {
                float: right;
                padding: 0 15px 0 15px;
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px; }
                #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer .right.todo {
                  background: #91dde2;
                  color: #256f74; }
                #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer .right.in-progress {
                  background: #fcedc7;
                  color: #8a6a16; }
                #pipeline-stage-page .droppable-container-wrapper .droppable-container .card-wrapper .stage-card .padded-content .footer .right.done {
                  background: #d8f5ce;
                  color: #336b1f; }

.company-form-container {
  margin-top: 50px; }
  .company-form-container .form-container {
    background: #FFFFFF;
    padding: 59px 64px 45px;
    border-radius: 10px; }
    .company-form-container .form-container .form label {
      color: #1C2731;
      font-weight: 400; }
    .company-form-container .form-container .form .MuiGrid-root .MuiGrid-item {
      margin-bottom: 5px; }
      .company-form-container .form-container .form .MuiGrid-root .MuiGrid-item .submit-container {
        margin: 0; }
    .company-form-container .form-container .form .MuiGrid-root .auto-complete {
      height: 82px;
      display: flex;
      align-items: center; }
      .company-form-container .form-container .form .MuiGrid-root .auto-complete .select-box {
        width: 100%; }
    .company-form-container .form-container .form .MuiGrid-root .submit-btn-item {
      padding-top: 15px;
      margin-bottom: 0; }
  .company-form-container .base-settings {
    max-width: 1174px; }
    .company-form-container .base-settings .MuiLinearProgress-root {
      bottom: 35px; }
  .company-form-container .s3-settings,
  .company-form-container .localisation-settings {
    max-width: 618px;
    padding: 59px 53px 45px; }

.company-logo-container {
  margin-top: 50px; }
  .company-logo-container .drop-container {
    max-width: 730px; }

.permissions-search-container {
  margin-bottom: 20px; }
  .permissions-search-container .header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .permissions-search-container .header .right-filter .header-checkbox-container {
      background: #FFFFFF;
      border-radius: 10px;
      margin-left: auto;
      padding-left: 10px;
      height: fit-content;
      align-items: center; }
      .permissions-search-container .header .right-filter .header-checkbox-container .mui-switch {
        height: fit-content; }

.calendar-badge {
  flex-direction: column;
  justify-content: flex-start;
  min-width: 34px;
  max-height: 33px;
  border-radius: 10px; }
  .calendar-badge.birthday {
    background-color: rgba(216, 245, 206, 0.4); }
  .calendar-badge.non-working-day {
    background-color: rgba(255, 229, 229, 0.4); }
  .calendar-badge.leave {
    background-color: rgba(252, 237, 199, 0.4); }
  .calendar-badge.organisation-contract {
    background-color: rgba(184, 184, 255, 0.4); }
  .calendar-badge.organisation-contract-part {
    background-color: rgba(210, 210, 255, 0.4); }
  .calendar-badge.contract {
    background-color: rgba(183, 212, 255, 0.4); }
  .calendar-badge.contract-part {
    background-color: rgba(213, 230, 255, 0.4); }
  .calendar-badge.project {
    background-color: rgba(154, 246, 252, 0.4); }
  .calendar-badge.schedule-check-pending {
    background-color: #FFDEC766; }
  .calendar-badge.custom-event {
    background-color: rgba(250, 191, 255, 0.4);
    border-radius: 10px; }
  .calendar-badge img {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    padding: 4px; }
  .calendar-badge .event-number {
    margin-top: -14px;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    background: #40b6be;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 10px;
    left: 12px;
    border: 1px solid #FFFFFF; }

.no-data-calendar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column; }
  .no-data-calendar img {
    height: 200px; }
  .no-data-calendar .title {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #1C2731;
    text-align: center; }
  .no-data-calendar .text {
    margin-top: 5px;
    color: #66717A;
    width: 350px;
    text-align: center; }

#calendar {
  overflow: hidden; }
  #calendar #breadcrumbs {
    margin-left: 20px; }
  #calendar .main-paper {
    border-radius: 10px 10px 0 0;
    padding: 25px 0 0 0; }
    #calendar .main-paper .header {
      justify-content: space-between;
      margin-bottom: 25px;
      font-weight: 700; }
      #calendar .main-paper .header .tab-container, #calendar .main-paper #cash-flow .header .left .cash-flow-tab-container, #cash-flow #calendar .main-paper .header .left .cash-flow-tab-container {
        height: 40px;
        margin-left: 25px; }
        #calendar .main-paper .header .tab-container .MuiTab-root, #calendar .main-paper #cash-flow .header .left .cash-flow-tab-container .MuiTab-root, #cash-flow #calendar .main-paper .header .left .cash-flow-tab-container .MuiTab-root {
          border-radius: 10px;
          text-transform: none;
          min-width: auto;
          min-height: auto;
          margin-right: 10px;
          padding: 0;
          background-color: rgba(64, 182, 190, 0.1);
          color: #40B6BE; }
          #calendar .main-paper .header .tab-container .MuiTab-root:hover:not(.Mui-selected), #calendar .main-paper #cash-flow .header .left .cash-flow-tab-container .MuiTab-root:hover:not(.Mui-selected), #cash-flow #calendar .main-paper .header .left .cash-flow-tab-container .MuiTab-root:hover:not(.Mui-selected) {
            background-color: rgba(64, 182, 190, 0.2); }
          #calendar .main-paper .header .tab-container .MuiTab-root.Mui-selected, #calendar .main-paper #cash-flow .header .left .cash-flow-tab-container .MuiTab-root.Mui-selected, #cash-flow #calendar .main-paper .header .left .cash-flow-tab-container .MuiTab-root.Mui-selected {
            background-color: #40B6BE;
            color: #FFFFFF; }
          #calendar .main-paper .header .tab-container .MuiTab-root.day-tab, #calendar .main-paper #cash-flow .header .left .cash-flow-tab-container .MuiTab-root.day-tab, #cash-flow #calendar .main-paper .header .left .cash-flow-tab-container .MuiTab-root.day-tab {
            width: 60px;
            height: 30px; }
          #calendar .main-paper .header .tab-container .MuiTab-root.week-tab, #calendar .main-paper #cash-flow .header .left .cash-flow-tab-container .MuiTab-root.week-tab, #cash-flow #calendar .main-paper .header .left .cash-flow-tab-container .MuiTab-root.week-tab {
            width: 70px;
            height: 30px; }
          #calendar .main-paper .header .tab-container .MuiTab-root.month-tab, #calendar .main-paper #cash-flow .header .left .cash-flow-tab-container .MuiTab-root.month-tab, #cash-flow #calendar .main-paper .header .left .cash-flow-tab-container .MuiTab-root.month-tab {
            width: 75px;
            height: 30px; }
        #calendar .main-paper .header .tab-container .MuiTabs-indicator, #calendar .main-paper #cash-flow .header .left .cash-flow-tab-container .MuiTabs-indicator, #cash-flow #calendar .main-paper .header .left .cash-flow-tab-container .MuiTabs-indicator {
          display: none; }
      #calendar .main-paper .header .date-control {
        position: relative;
        top: -5px;
        margin-left: 18.5%; }
        #calendar .main-paper .header .date-control .label {
          margin: 0 20px 0 20px; }
        #calendar .main-paper .header .date-control .control {
          cursor: pointer; }
      #calendar .main-paper .header .today {
        margin-left: 170px;
        font-weight: 700;
        margin-right: 25px;
        position: relative;
        top: -5px;
        width: 70px;
        height: 30px;
        background: #FFFFFF;
        color: #40B6BE;
        border: 1px solid #40B6BE;
        border-radius: 10px; }
        #calendar .main-paper .header .today:hover {
          cursor: pointer;
          background: rgba(64, 182, 190, 0.08); }
      #calendar .main-paper .header .add-button {
        margin-left: 10px;
        margin-bottom: 8px;
        background: rgba(64, 182, 190, 0.08);
        color: #40B6BE;
        border-radius: 10px;
        display: flex;
        lign-items: center;
        padding: 2px 5px;
        gap: 4px;
        width: 150px;
        height: 34px;
        left: 16%; }
        #calendar .main-paper .header .add-button img {
          margin-right: 10px; }
    #calendar .main-paper .calendar-by-month-container .calendar-container-header {
      font-weight: 700;
      flex-direction: row;
      width: 100%; }
      #calendar .main-paper .calendar-by-month-container .calendar-container-header .cell {
        width: calc((100% / 7) - 2px);
        text-align: center;
        padding-bottom: 10px; }
    #calendar .main-paper .calendar-by-month-container .days {
      flex-wrap: wrap;
      background: repeating-linear-gradient(-55deg, #FFFFFF, #FFFFFF 10px, #eef1f3 10px, #eef1f3 20px); }
      #calendar .main-paper .calendar-by-month-container .days .cell {
        cursor: pointer;
        width: calc((100% / 7) - 2px);
        border: 1px solid #d9dee2;
        background: #FFFFFF;
        min-height: 120px; }
        #calendar .main-paper .calendar-by-month-container .days .cell.monday {
          border-left: 1px solid transparent; }
        #calendar .main-paper .calendar-by-month-container .days .cell.sunday {
          border-right: none; }
        #calendar .main-paper .calendar-by-month-container .days .cell.disabled {
          cursor: not-allowed;
          background: #FFFFFF;
          color: #919ba3; }
        #calendar .main-paper .calendar-by-month-container .days .cell.non-working-day, #calendar .main-paper .calendar-by-month-container .days .cell.weekend {
          background: transparent; }
        #calendar .main-paper .calendar-by-month-container .days .cell:hover {
          background: #eef1f3; }
        #calendar .main-paper .calendar-by-month-container .days .cell .cell-header {
          padding: 5px;
          min-height: 25px; }
          #calendar .main-paper .calendar-by-month-container .days .cell .cell-header .header-day {
            margin-left: 5px;
            font-weight: 400;
            margin: 0;
            text-align: left; }
        #calendar .main-paper .calendar-by-month-container .days .cell.current .cell-header {
          padding: 2px; }
          #calendar .main-paper .calendar-by-month-container .days .cell.current .cell-header .header-day {
            width: 30px;
            height: 30px;
            border-radius: 15px;
            background-color: #40B6BE;
            color: #FFFFFF; }
        #calendar .main-paper .calendar-by-month-container .days .cell .content {
          min-height: 70px; }
          #calendar .main-paper .calendar-by-month-container .days .cell .content .badges {
            width: 100%;
            height: 100%;
            margin: 0 10px 10px 10px;
            flex-wrap: wrap; }
            #calendar .main-paper .calendar-by-month-container .days .cell .content .badges .calendar-badge {
              margin-bottom: 15px;
              margin-right: 10px; }
    #calendar .main-paper .calendar-by-day-container .calendar-container-header {
      font-weight: 700;
      width: 100%;
      margin-bottom: 20px; }
    #calendar .main-paper .calendar-by-day-container .full-day-event {
      flex-direction: row;
      border-top: 1px solid #d9dee2;
      min-height: 30px; }
      #calendar .main-paper .calendar-by-day-container .full-day-event .event {
        padding: 10px 5px 5px 10px;
        width: calc(100% - 105px); }
        #calendar .main-paper .calendar-by-day-container .full-day-event .event .calendar-badge {
          margin: 0 10px 3px 0;
          width: 100%; }
    #calendar .main-paper .calendar-by-day-container .day {
      position: relative;
      flex-direction: column;
      background-color: transparent;
      border-top: 1px solid #d9dee2; }
      #calendar .main-paper .calendar-by-day-container .day .event-canvas {
        top: 0;
        position: absolute;
        width: calc(100% - 70px);
        margin-left: 70px;
        height: 100%; }
    #calendar .main-paper .calendar-by-week-container .calendar-container-header {
      justify-content: space-around;
      width: calc(100% - 55px);
      margin-left: 55px;
      margin-bottom: 20px; }
      #calendar .main-paper .calendar-by-week-container .calendar-container-header .header-day {
        flex-direction: column; }
        #calendar .main-paper .calendar-by-week-container .calendar-container-header .header-day .day-name {
          margin-bottom: 5px; }
        #calendar .main-paper .calendar-by-week-container .calendar-container-header .header-day .day-number {
          font-weight: 700; }
        #calendar .main-paper .calendar-by-week-container .calendar-container-header .header-day.current .day-number {
          width: 24px;
          height: 24px;
          border-radius: 12px;
          color: #FFFFFF;
          background: #40B6BE; }
    #calendar .main-paper .calendar-by-week-container .full-day-event-section {
      border-top: 1px solid #d9dee2;
      flex-direction: row;
      min-height: 30px; }
      #calendar .main-paper .calendar-by-week-container .full-day-event-section .event-section .day-in-week {
        padding: 6px 6px 0 6px;
        border-right: 1px solid #d9dee2;
        width: calc(100% / 7); }
    #calendar .main-paper .calendar-by-week-container .event-canvas {
      position: absolute;
      width: calc(100% - 77px);
      margin-left: 77px;
      height: 100%; }
    #calendar .main-paper .calendar-by-week-container .day {
      position: relative;
      flex-direction: column;
      background-color: transparent;
      border-top: 1px solid #d9dee2; }
      #calendar .main-paper .calendar-by-week-container .day .event-section {
        position: absolute;
        top: 0;
        width: calc(100% - 65px);
        margin-left: 65px;
        height: 100%; }
        #calendar .main-paper .calendar-by-week-container .day .event-section .canvas {
          position: absolute;
          top: 0;
          width: calc(100% / 7);
          height: 100%; }
        #calendar .main-paper .calendar-by-week-container .day .event-section .tuesday-canvas {
          left: calc(100% / 7); }
        #calendar .main-paper .calendar-by-week-container .day .event-section .wednsday-canvas {
          left: calc(2 * 100% / 7); }
        #calendar .main-paper .calendar-by-week-container .day .event-section .thursday-canvas {
          left: calc(3 * 100% / 7); }
        #calendar .main-paper .calendar-by-week-container .day .event-section .friday-canvas {
          left: calc(4 * 100% / 7); }
        #calendar .main-paper .calendar-by-week-container .day .event-section .saturday-canvas {
          left: calc(5 * 100% / 7); }
        #calendar .main-paper .calendar-by-week-container .day .event-section .sunday-canvas {
          left: calc(6 * 100% / 7); }
  #calendar .canvas-vertical-line {
    border-right: 1px solid #d9dee2;
    width: calc(100% / 7);
    min-height: 66px; }

#drawer .drawer-form .MuiPaper-root {
  padding-top: 0; }
#drawer .drawer-form .content {
  margin-left: 20px;
  margin-bottom: 10px; }
  #drawer .drawer-form .content .top {
    justify-content: left;
    margin-bottom: 5px;
    margin-top: 15px; }
    #drawer .drawer-form .content .top .icon {
      margin-right: 5px; }
  #drawer .drawer-form .content .middle .date {
    color: #a9b2b9; }

.template-content {
  height: 140%; }
  .template-content .editor-container {
    margin: 0 auto;
    padding: 0 16px;
    height: 100%;
    width: 75%; }
    .template-content .editor-container .header {
      display: flex;
      justify-content: flex-end; }
    .template-content .editor-container .ck-content {
      min-height: 500px;
      max-height: 100vh; }
  .template-content .MuiPaper-root {
    box-shadow: none;
    border-radius: 10px;
    height: 90%;
    margin-bottom: 5%; }
    .template-content .MuiPaper-root .large-editor {
      display: flex;
      flex-direction: column;
      height: 100%; }

#templates .template-position {
  margin-bottom: 50px;
  padding-left: 240px;
  padding-right: 15px; }
#templates .mt-600 {
  margin-top: -600px !important; }
#templates .mt-715 {
  margin-top: -715px !important; }
#templates .header {
  justify-content: space-between; }
  #templates .header .filter-container, #templates .header #candidate-details-page .container .filter-container-year, #candidate-details-page .container #templates .header .filter-container-year {
    display: flex;
    align-items: center; }
#templates .content {
  width: -webkit-fill-available;
  display: inline-flex; }
  #templates .content .templates-list {
    overflow-y: scroll;
    margin-left: 32px;
    width: -webkit-fill-available; }
    #templates .content .templates-list .table-page-no-data {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 60%;
      flex-direction: column; }
      #templates .content .templates-list .table-page-no-data img {
        height: 200px;
        margin-top: 100px; }
      #templates .content .templates-list .table-page-no-data .no-data-title {
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        color: #1C2731;
        text-align: center; }
      #templates .content .templates-list .table-page-no-data .no-data-description {
        margin-top: 5px;
        color: #66717A;
        width: 360px;
        text-align: center; }
  #templates .content .templates-container-cart {
    overflow-y: scroll;
    margin-top: 30px;
    width: -webkit-fill-available;
    background: #FFFFFF; }
    #templates .content .templates-container-cart .MuiPaper-root {
      box-shadow: none; }
    #templates .content .templates-container-cart .MuiAccordionSummary-content {
      align-items: center; }
      #templates .content .templates-container-cart .MuiAccordionSummary-content .header-edit-category-container {
        border-radius: 6px;
        margin-left: auto;
        padding-left: 10px;
        height: fit-content;
        align-items: center; }
        #templates .content .templates-container-cart .MuiAccordionSummary-content .header-edit-category-container .mui-switch {
          height: fit-content; }
    #templates .content .templates-container-cart .template-category-title {
      margin-left: 37px;
      font-weight: 700;
      font-size: 16px;
      color: #1C2731; }

.sub-item {
  padding-left: 3rem !important; }

.autocomplete-wrapper {
  display: flex;
  align-items: center; }
  .autocomplete-wrapper .MuiAutocomplete-root {
    width: 100%; }
  .autocomplete-wrapper .add-button {
    background: rgba(64, 182, 190, 0.08);
    height: 46px;
    min-width: 46px;
    margin-left: 10px; }

.autocomplete label {
  top: 0 !important; }
.autocomplete .MuiButtonBase-root {
  margin-top: 0 !important; }

.text-autocomplete .MuiAutocomplete-endAdornment {
  display: none !important; }

.autocomplete-board-view {
  width: 60%;
  border-radius: 10px;
  margin: 0 !important; }
  .autocomplete-board-view .MuiAutocomplete-root .MuiFormControl-root {
    margin: 0 !important; }
    .autocomplete-board-view .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root {
      border-radius: 10px;
      height: 38px !important;
      display: flex; }
      .autocomplete-board-view .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root input {
        width: 100% !important; }
      .autocomplete-board-view .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment {
        height: 100% !important;
        top: 50%;
        transform: translateY(-50%);
        display: flex; }
        .autocomplete-board-view .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiAutocomplete-clearIndicator {
          background: transparent !important;
          margin: 0 !important;
          padding: 0 !important;
          height: 100% !important; }
        .autocomplete-board-view .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiAutocomplete-popupIndicator {
          display: none;
          background: transparent !important;
          margin: 0 !important;
          padding: 0 !important;
          height: 100% !important; }

.pdf-preview-drawer header {
  padding: 0 !important; }
.pdf-preview-drawer button {
  color: white;
  width: 40px;
  margin-right: 5px; }
.pdf-preview-drawer .pdf-preview {
  height: 80vh;
  overflow-y: scroll; }
.pdf-preview-drawer .react-pdf__Page__canvas {
  min-width: 100% !important;
  height: unset !important; }
.pdf-preview-drawer p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%; }

.deal-pipeline-header {
  margin-bottom: 20px;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  margin-top: 27px; }
  .deal-pipeline-header .add-button {
    margin-left: 10px;
    background: #40B6BE;
    color: #FFFFFF;
    height: 50px;
    border-radius: 10px; }
    .deal-pipeline-header .add-button:hover {
      background: #40B6BE; }
    .deal-pipeline-header .add-button img {
      margin-right: 10px; }

.deal-pipeline-wrapper, .job-pipeline-wrapper {
  min-height: 350px;
  background: rgba(230, 230, 230, 0.8);
  padding: 20px 10px 0 10px; }
  .deal-pipeline-wrapper .stages-wrapper, .job-pipeline-wrapper .stages-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 20px; }
    .deal-pipeline-wrapper .stages-wrapper .stage-container, .job-pipeline-wrapper .stages-wrapper .stage-container {
      min-width: 450px;
      margin: 0 10px; }
      .deal-pipeline-wrapper .stages-wrapper .stage-container .header, .job-pipeline-wrapper .stages-wrapper .stage-container .header {
        height: 45px;
        padding-left: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
        .deal-pipeline-wrapper .stages-wrapper .stage-container .header .title, .job-pipeline-wrapper .stages-wrapper .stage-container .header .title {
          background: #FFFFFF;
          line-height: 18px;
          color: #1c2731;
          border-radius: 10px;
          padding: 5px 10px;
          max-width: 55%;
          font-size: 14px; }
        .deal-pipeline-wrapper .stages-wrapper .stage-container .header .type, .job-pipeline-wrapper .stages-wrapper .stage-container .header .type {
          padding: 0 15px 0 15px;
          border: 1px solid #FFFFFF;
          margin-left: auto;
          margin-right: 20px;
          height: 25px;
          border-top-left-radius: 12.5px;
          border-bottom-left-radius: 12.5px;
          border-top-right-radius: 12.5px;
          border-bottom-right-radius: 12.5px; }
          .deal-pipeline-wrapper .stages-wrapper .stage-container .header .type.todo, .job-pipeline-wrapper .stages-wrapper .stage-container .header .type.todo {
            background: #91dde2;
            color: #256f74; }
          .deal-pipeline-wrapper .stages-wrapper .stage-container .header .type.in-progress, .job-pipeline-wrapper .stages-wrapper .stage-container .header .type.in-progress {
            background: #fcedc7;
            color: #8a6a16; }
          .deal-pipeline-wrapper .stages-wrapper .stage-container .header .type.done, .job-pipeline-wrapper .stages-wrapper .stage-container .header .type.done {
            background: #d8f5ce;
            color: #336b1f; }
      .deal-pipeline-wrapper .stages-wrapper .stage-container .content, .job-pipeline-wrapper .stages-wrapper .stage-container .content {
        min-height: 350px;
        background: #FFFFFF;
        padding: 20px 20px 5px 20px; }
        .deal-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card, .job-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card {
          flex-direction: column;
          border: 1px solid #d9dee2;
          padding: 10px;
          margin-bottom: 20px;
          border-radius: 10px;
          height: 130px;
          background: #FFFFFF; }
          .deal-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .name, .job-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .name {
            font-weight: 400;
            color: #1c2731; }
          .deal-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .description, .job-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .description {
            overflow-y: scroll;
            overflow-x: scroll;
            color: #919ba3; }
          .deal-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .control, .job-pipeline-wrapper .stages-wrapper .stage-container .content .stage-card .control {
            justify-content: flex-end;
            margin-top: auto; }

.column-color-chip {
  height: 26px !important;
  min-width: 150px !important; }
  .column-color-chip span {
    font-size: 12px !important; }

.project-time-log-statistic {
  display: flex;
  height: auto;
  margin-left: 10px; }
  .project-time-log-statistic #statistic-overview {
    height: 100%; }
    .project-time-log-statistic #statistic-overview .MuiGrid-container {
      margin-top: 0; }
      .project-time-log-statistic #statistic-overview .MuiGrid-container .MuiGrid-root {
        padding: 0 30px 0 0;
        margin-top: 0;
        margin-bottom: 3%;
        min-height: 48%; }
  .project-time-log-statistic .statistic-data .MuiGrid-root {
    margin-bottom: 0 !important;
    margin-top: 15px;
    display: flex;
    height: 100% !important;
    flex-direction: column;
    justify-content: space-between; }
    .project-time-log-statistic .statistic-data .MuiGrid-root .MuiGrid-item {
      max-width: unset; }
  .project-time-log-statistic .statistic-data .statistic-overview-item .title, .project-time-log-statistic .statistic-data .statistic-overview-item .data {
    text-align: center; }
  .project-time-log-statistic .statistic-data .statistic-overview-item .data, .project-time-log-statistic .statistic-data .statistic-overview-item .data * {
    font-size: 36px; }
  .project-time-log-statistic .statistic-chart .MuiGrid-root {
    max-width: 98%; }
  .project-time-log-statistic .statistic-chart .statistic-chart-container {
    height: 347px; }

#task-details-page .paper {
  margin-bottom: 10px; }
#task-details-page .base-info h1 {
  margin: 5px 0; }
#task-details-page .base-info h2 {
  margin: 5px 0; }
#task-details-page .base-info p {
  margin-bottom: 5px; }

#asset-type-form .logo {
  margin-top: 10px;
  height: auto; }

#inventory-type-form .logo {
  margin-top: 10px;
  height: auto; }

#workspaces-settings .tab-container, #workspaces-settings #cash-flow .header .left .cash-flow-tab-container, #cash-flow .header .left #workspaces-settings .cash-flow-tab-container {
  padding-left: 15px; }

.boards-page-header .expand-auto-complete {
  min-width: 200px !important; }

.boards-container {
  margin-top: 26px;
  padding: 0 15px; }
  .boards-container .title-line-container {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-around; }
    .boards-container .title-line-container .title-text {
      width: 4.4rem; }
      .boards-container .title-line-container .title-text p {
        display: block;
        margin: 0;
        white-space: nowrap; }
    .boards-container .title-line-container img {
      cursor: pointer;
      transition: transform 0.2s ease; }
    .boards-container .title-line-container .title-line {
      width: 100%;
      height: 0;
      border: 1px #D9DEE2 solid;
      margin-left: 3px;
      font-weight: 400;
      align-self: flex-end;
      margin-bottom: 10px; }
  .boards-container .MuiGrid-root {
    margin-top: 10px;
    margin-bottom: 33px; }
    .boards-container .MuiGrid-root .MuiGrid-item {
      max-width: 316px;
      margin: 0 !important; }
      .boards-container .MuiGrid-root .MuiGrid-item .board {
        height: 155px;
        border-radius: 10px;
        display: flex;
        margin-bottom: 20px; }
        .boards-container .MuiGrid-root .MuiGrid-item .board .board-gray-area {
          background: #EEF1F3;
          width: 25px;
          height: 100%;
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px; }
        .boards-container .MuiGrid-root .MuiGrid-item .board .board-content {
          z-index: 1;
          background: #FFFFFF;
          height: 175px;
          width: -webkit-fill-available;
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px; }
          .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header {
            display: flex;
            height: 40px;
            margin-left: 10px;
            align-items: center; }
            .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .MuiAvatar-root {
              margin-right: 15px;
              margin-top: 15px; }
            .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .board-text {
              margin-top: 15px;
              display: flex;
              overflow: hidden;
              width: 100%;
              padding-right: 10px; }
              .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .board-text p {
                margin: 0;
                padding-right: 30px; }
              .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .board-text .board-title-container {
                display: flex;
                align-items: center;
                justify-content: space-between; }
                .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .board-text .board-title-container p {
                  font-size: 16px;
                  font-weight: 700;
                  color: #1C2731; }
                .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .board-text .board-title-container img {
                  cursor: pointer;
                  width: 30px; }
              .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .board-text p:last-child {
                font-weight: 700;
                font-size: 17px;
                line-height: 20px;
                color: #1C2731;
                max-width: 183px; }
            .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .board-options {
              display: flex; }
              .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .board-options .favorite-star {
                width: 20px;
                cursor: pointer; }
              .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .board-options .MuiIconButton-root {
                padding: 0; }
                .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-header .board-options .MuiIconButton-root img {
                  width: 30px; }
          .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container {
            margin-left: 10px;
            margin-top: 20px;
            width: -webkit-fill-available;
            margin-right: 30px; }
            .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .quick-links-label {
              font-size: 16px;
              line-height: 26px;
              color: #1A2128;
              margin-bottom: 5px; }
            .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container p {
              font-size: 15px;
              font-weight: 500;
              color: #919BA3; }
            .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .permission:hover {
              background-color: #EEF1F3;
              border-radius: 5px;
              cursor: pointer; }
            .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-issues-container, .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-total-container, .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-pipeline-btn-container {
              display: flex;
              align-items: center;
              width: 100%;
              margin-left: 10px;
              height: 29px; }
              .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-issues-container .MuiChip-root, .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-total-container .MuiChip-root, .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-pipeline-btn-container .MuiChip-root {
                cursor: pointer;
                margin-left: auto;
                height: 19px;
                width: 34px;
                background: #40B6BE;
                margin-right: 5px; }
                .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-issues-container .MuiChip-root .MuiChip-label, .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-total-container .MuiChip-root .MuiChip-label, .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-pipeline-btn-container .MuiChip-root .MuiChip-label {
                  color: #FFFFFF;
                  font-size: 14px;
                  font-weight: 400;
                  padding: 0; }
              .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-issues-container p, .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-total-container p, .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-pipeline-btn-container p {
                font-size: 15px;
                font-weight: 400;
                color: #1C2731;
                margin: 0;
                margin-left: 5px; }
            .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-total-container {
              margin-top: 5px; }
              .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-total-container .MuiChip-root {
                height: 19px;
                width: 34px;
                background: #EEF1F3; }
                .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-total-container .MuiChip-root .MuiChip-label {
                  color: #40B6BE;
                  font-size: 14px;
                  font-weight: 400;
                  padding: 0; }
            .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-pipeline-btn-container {
              margin-top: 18px; }
              .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-pipeline-btn-container .MuiChip-root {
                margin-right: 45px;
                height: 28px;
                width: 85px;
                background: rgba(64, 182, 190, 0.08);
                cursor: pointer;
                border-radius: 13px;
                padding: 4px 8px; }
                .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-pipeline-btn-container .MuiChip-root .MuiChip-label {
                  color: #40B6BE;
                  font-size: 14px;
                  font-weight: 500; }
              .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-pipeline-btn-container .board-btn-container {
                padding-right: 10px; }
                .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-pipeline-btn-container .board-btn-container img {
                  cursor: pointer; }
                .boards-container .MuiGrid-root .MuiGrid-item .board .board-content .board-info-container .board-pipeline-btn-container .board-btn-container img:last-child {
                  margin-left: 12px; }

.no-permission {
  cursor: default !important; }

.board-view-stages {
  margin-left: 15px !important;
  margin-top: 26px !important;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  height: -webkit-fill-available; }
  .board-view-stages .pipeline-stage-container:first-child {
    margin-left: 0; }
  .board-view-stages .pipeline-stage-container {
    margin-left: 15px;
    background: #EEF1F3;
    box-shadow: none;
    border-radius: 10px; }
    .board-view-stages .pipeline-stage-container .pipeline-stage-header {
      height: 55px;
      width: 462px;
      background: #FFFFFF;
      border-radius: 10px 10px 0 0;
      display: flex;
      align-items: center; }
      .board-view-stages .pipeline-stage-container .pipeline-stage-header .pipeline-stage-header-name {
        padding-left: 18px;
        font-size: 16px;
        font-weight: 700;
        color: #1C2731; }
      .board-view-stages .pipeline-stage-container .pipeline-stage-header .create-btn-container {
        margin-left: auto;
        padding-right: 15px; }
        .board-view-stages .pipeline-stage-container .pipeline-stage-header .create-btn-container .MuiButtonBase-root {
          height: 26px; }
          .board-view-stages .pipeline-stage-container .pipeline-stage-header .create-btn-container .MuiButtonBase-root p {
            color: #40B6BE;
            font-weight: 700;
            font-size: 15px; }
        .board-view-stages .pipeline-stage-container .pipeline-stage-header .create-btn-container .MuiButtonBase-root:hover {
          background: transparent; }
    .board-view-stages .pipeline-stage-container .pipeline-stage-content {
      width: 100%;
      height: 100%;
      max-height: calc(100vh - 250px);
      overflow-y: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .board-view-stages .pipeline-stage-container .pipeline-stage-content::-webkit-scrollbar {
        display: none; }
      .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card {
        box-sizing: border-box;
        padding: 13px;
        width: 426px;
        border-radius: 10px;
        background: #FFFFFF;
        margin: 18px 18px; }
        .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card .issue-name-assignee {
          width: 100%;
          display: flex; }
          .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card .issue-name-assignee .issue-id {
            color: #40B6BE;
            font-size: 15px;
            font-weight: bold;
            margin-right: 0;
            margin-left: 0;
            white-space: nowrap; }
          .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card .issue-name-assignee p {
            margin-top: 7px;
            margin-left: 10px;
            margin-right: 17px;
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
            color: #1C2731; }
          .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card .issue-name-assignee .avatar {
            margin-left: auto; }
        .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card .issue-card-footer {
          width: 100%;
          display: flex;
          justify-content: space-between; }
          .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card .issue-card-footer .issue-type-container {
            display: flex;
            align-items: center; }
            .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card .issue-card-footer .issue-type-container .issue-icon-container {
              margin-right: 5px; }
            .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card .issue-card-footer .issue-type-container p {
              font-size: 14px;
              font-weight: 700;
              line-height: 18px;
              color: #1C2731;
              letter-spacing: 0.5px;
              margin-top: 0;
              margin-bottom: 0;
              margin-right: 10px; }
          .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card .issue-card-footer .issue-btn-container {
            display: flex;
            align-items: center; }
            .board-view-stages .pipeline-stage-container .pipeline-stage-content .issue-card .issue-card-footer .issue-btn-container img:first-child {
              margin-right: 13px; }

.board-issue-drag-and-drop {
  height: -webkit-fill-available;
  width: -webkit-fill-available; }
  .board-issue-drag-and-drop.background {
    background-color: white;
    opacity: .5;
    position: absolute;
    z-index: 2; }
  .board-issue-drag-and-drop.text {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 2; }

#board-issue-view {
  z-index: 1000; }
  #board-issue-view .MuiPaper-root {
    overflow: auto;
    width: 80%;
    max-width: 1260px;
    height: 70vh;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: none;
    outline: none;
    border-radius: 10px;
    padding: 50px 50px; }
    #board-issue-view .MuiPaper-root .view-issue-close {
      position: absolute;
      top: 16px;
      right: 16px;
      cursor: pointer; }
    #board-issue-view .MuiPaper-root .view-issue-info {
      display: flex; }
      #board-issue-view .MuiPaper-root .view-issue-info .view-issue {
        height: 70vh;
        overflow: auto;
        padding-right: 20px; }
      #board-issue-view .MuiPaper-root .view-issue-info .mh-100 {
        min-height: 100px; }
      #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description {
        width: 100%; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description p {
          margin: 0;
          color: #1C2731; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description .view-issue-id-name {
          display: flex; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description .view-issue-id-name .view-issue-id {
            color: #40B6BE;
            margin-right: 10px; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description .view-issue-id-name .view-issue-name, #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description .view-issue-id-name .view-issue-id {
            font-size: 28px;
            line-height: 32px;
            font-weight: 700; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description .view-issue-type {
          margin-top: 17px;
          margin-bottom: 5px;
          display: flex;
          align-items: center; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description .view-issue-type .issue-icon-container {
            margin-right: 5px !important; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description .view-issue-type p {
            font-weight: 700;
            font-size: 14px; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description .hover:hover {
          background-color: #eef1f3;
          border-radius: 10px; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description .view-issue-description-content {
          font-weight: 100;
          line-height: 21px;
          width: -webkit-fill-available;
          padding: 10px;
          margin-left: -10px;
          min-height: 250px; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-description .view-issue-description-content .view-issue-description-title {
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            margin-bottom: 5px; }
      #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details {
        padding-left: 40px;
        padding-right: 20px;
        width: 60%;
        height: 70vh;
        overflow: auto; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details p {
          margin: 0;
          color: #1C2731; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-colapse-container {
          width: 100%;
          height: 64px;
          border: 1px solid #EEF1F3;
          border-radius: 20px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 30px;
          box-sizing: border-box; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-colapse-container p {
            font-size: 16px;
            font-weight: 700; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-colapse-container img {
            cursor: pointer;
            transition: transform 0.2s ease; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .open {
          border-radius: 20px 20px 0px 0px; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content {
          height: 200px;
          width: 100%;
          border-radius: 0px 0px 20px 20px;
          border: 1px solid #EEF1F3;
          padding: 25px 0 25px 30px;
          box-sizing: border-box; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-user, #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-priority, #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-user-reporter {
            width: 100%;
            display: flex;
            align-items: center; }
            #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-user p:first-child, #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-priority p:first-child, #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-user-reporter p:first-child {
              width: 70px;
              font-size: 14px;
              font-weight: 500;
              color: #66717A !important; }
            #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-user .MuiAvatar-root, #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-priority .MuiAvatar-root, #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-user-reporter .MuiAvatar-root {
              margin-left: 30px !important;
              margin-right: 14px !important; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .assign-issue-to-me {
            display: inline-block;
            text-align: left;
            color: #40B6BE;
            margin-left: 100px;
            font-weight: 500;
            font-size: 14px;
            margin-top: 8px;
            margin-bottom: 0px; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-priority {
            margin-top: 17px; }
            #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-priority img {
              margin-left: 34px;
              margin-right: 16px; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-content .view-issue-details-user-reporter {
            margin-top: 21px; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .MuiButtonBase-root {
          background: #40B6BE;
          border-radius: 10px;
          width: 100%;
          margin-top: 18px;
          height: 43px; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .MuiButtonBase-root p {
            color: #FFFFFF;
            font-weight: 500;
            font-size: 17px;
            line-height: 26px;
            margin-right: 7px; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .MuiButtonBase-root img {
            filter: brightness(0) invert(1);
            transition: transform 0.2s ease; }
        #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-time {
          width: 100%;
          margin-top: 15px;
          display: flex;
          justify-content: center; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-time p {
            font-size: 12px;
            font-weight: 400;
            color: #66717A; }
          #board-issue-view .MuiPaper-root .view-issue-info .view-issue-details .view-issue-details-time p:first-child {
            margin-right: 17px; }
    #board-issue-view .MuiPaper-root .view-issue-activity-buttons {
      margin-top: 20px; }
      #board-issue-view .MuiPaper-root .view-issue-activity-buttons div {
        font-size: 16px;
        font-weight: 700;
        color: #1C2731;
        margin-bottom: 15px; }
      #board-issue-view .MuiPaper-root .view-issue-activity-buttons .button-comment {
        border-radius: 10px 0 0 10px; }
      #board-issue-view .MuiPaper-root .view-issue-activity-buttons .radius-10 {
        border-radius: 10px; }
      #board-issue-view .MuiPaper-root .view-issue-activity-buttons .button-timelog {
        border-radius: 0 10px 10px 0; }
    #board-issue-view .MuiPaper-root .view-issue-linked-section {
      margin-top: 25px; }
      #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-add-section {
        min-height: 131px;
        background: #eef1f3;
        border: 1px solid #D9DEE2; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-add-section .create-linked-issue-button {
          font-weight: 700;
          font-size: 16px;
          display: flex;
          margin-left: 20px;
          padding-right: 5px;
          margin-bottom: 20px;
          width: fit-content; }
          #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-add-section .create-linked-issue-button:hover {
            background-color: #d9dee2;
            border-radius: 10px;
            cursor: pointer; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-add-section .add-linked-issue-form {
          display: flex;
          gap: 17px;
          padding: 20px;
          align-items: center; }
          #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-add-section .add-linked-issue-form .add-linked-issue-select-type {
            width: 194px; }
            #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-add-section .add-linked-issue-form .add-linked-issue-select-type .MuiFormControl-root .MuiInputBase-formControl {
              background-color: #FFFFFF;
              border-radius: 10px; }
            #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-add-section .add-linked-issue-form .add-linked-issue-select-type .MuiFormControl-root .MuiFormHelperText-root {
              color: #ff0000; }
          #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-add-section .add-linked-issue-form .add-linked-issue-autocomplete .autocomplete-wrapper .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root {
            background-color: #FFFFFF;
            border-radius: 10px;
            border: 1px solid #a9b2b9; }
            #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-add-section .add-linked-issue-form .add-linked-issue-autocomplete .autocomplete-wrapper .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root {
              height: 43px !important; }
          #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-add-section .add-linked-issue-form button {
            height: 38px; }
      #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-header {
        display: flex;
        align-items: center;
        gap: 5px; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-header p {
          margin: 0;
          font-size: 16px;
          font-weight: 700;
          color: #1C2731; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-header p:last-child {
          margin-left: 5px; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .view-issue-linked-header .view-issue-linked-section-buttons {
          margin-left: auto; }
      #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-info {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 5px;
        margin-top: 10px; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-info .linked-issue-container-info-title {
          font-weight: 700;
          font-size: 14px; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-info .linked-issues-container-info-progress {
          color: #66717A; }
      #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-issues .issue {
        border: 1px solid #D9DEE2;
        height: 55px;
        width: -webkit-fill-available;
        display: flex;
        align-items: center;
        padding: 0 20px;
        gap: 15px; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-issues .issue:hover {
          background: rgba(238, 241, 243, 0.5); }
          #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-issues .issue:hover .linked-issue-remove-button {
            opacity: 1; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-issues .issue .issue-name {
          margin-right: auto;
          font-size: 14px;
          display: flex;
          align-items: center;
          gap: 10px; }
          #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-issues .issue .issue-name p:first-child {
            width: 55px;
            color: #40B6BE; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-issues .issue .linked-issue-view-priority {
          display: flex;
          height: 34px; }
          #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-issues .issue .linked-issue-view-priority .MuiButtonBase-root {
            padding: 0 20px;
            border-radius: 28px; }
            #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-issues .issue .linked-issue-view-priority .MuiButtonBase-root p {
              font-weight: 700;
              color: #336B1F; }
            #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-issues .issue .linked-issue-view-priority .MuiButtonBase-root img {
              filter: invert(1);
              transition: transform 0.2s ease; }
        #board-issue-view .MuiPaper-root .view-issue-linked-section .linked-issues-container .linked-issues-container-issues .issue .linked-issue-remove-button {
          width: 15px;
          height: 15px;
          opacity: 0; }
    #board-issue-view .MuiPaper-root .view-issue-files-section {
      width: 100%;
      box-sizing: border-box; }
      #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-section-controls-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        margin-top: 10px; }
        #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-section-controls-container .view-issue-files-count {
          display: flex; }
          #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-section-controls-container .view-issue-files-count p {
            margin: 0;
            font-size: 16px;
            font-weight: 700;
            color: #1C2731; }
          #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-section-controls-container .view-issue-files-count p:last-child {
            margin-left: 5px; }
      #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .view-issue-files-controls {
        width: 143px;
        height: 143px;
        border-radius: 10px;
        background: rgba(64, 182, 190, 0.08);
        margin-top: 15px;
        margin-left: 15px; }
        #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .view-issue-files-controls:hover {
          background-color: #eef1f3;
          cursor: pointer; }
        #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .view-issue-files-controls input {
          display: none; }
        #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .view-issue-files-controls .view-issue-upload-file {
          border-radius: 50px;
          display: flex;
          height: -webkit-fill-available;
          align-items: center;
          width: fit-content;
          margin: auto; }
          #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .view-issue-files-controls .view-issue-upload-file .view-issue-upload-file-label {
            font-size: 16px;
            font-weight: unset;
            color: #40B6BE; }
      #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-container {
        width: 214px;
        height: 159px;
        border-radius: 10px; }
        #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-container .file-preview-container-a {
          width: 100%;
          height: 100%;
          border-radius: 10px;
          position: relative;
          cursor: pointer; }
          #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-container .file-preview-container-a .image-preview {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px 10px 12px 12px; }
          #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-container .file-preview-container-a .file-preview-file {
            width: 100%;
            height: 100%;
            background: #D9DEE2;
            border-radius: 10px; }
            #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-container .file-preview-container-a .file-preview-file .file-preview-icon {
              margin-bottom: 10px; }
      #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container {
        width: 100%;
        position: absolute;
        bottom: 0;
        display: flex;
        background: #EEF1F3;
        opacity: 0.9;
        padding: 5px 10px;
        box-sizing: border-box;
        border-radius: 0 0 10px 10px; }
        #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container .MuiIcon-root {
          margin: auto;
          border-radius: 40%; }
          #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container .MuiIcon-root:hover {
            background-color: #c4c4c4; }
        #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container .info-labels .file-name {
          margin: 0;
          color: #1C2731;
          font-size: 16px;
          width: 110px; }
        #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container .info-labels p {
          margin: 0;
          color: #1C2731;
          font-size: 16px; }
        #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container .info-labels .file-preview-info-file-type {
          display: flex !important;
          align-items: center;
          margin-top: 2px; }
          #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container .info-labels .file-preview-info-file-type p {
            color: #66717A;
            font-size: 14px; }
          #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container .info-labels .file-preview-info-file-type p:first-child {
            margin-right: 5px; }
          #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-info-container .info-labels .file-preview-info-file-type p:last-child {
            margin-left: 5px; }
      #board-issue-view .MuiPaper-root .view-issue-files-section .view-issue-files-container .file-preview-remove-container {
        position: absolute;
        top: -15px;
        right: -15px;
        z-index: 2000; }
    #board-issue-view .MuiPaper-root .view-issue-timelog-section {
      margin-top: 20px;
      display: inline-flex; }
      #board-issue-view .MuiPaper-root .view-issue-timelog-section .view-issue-timelog-colapse-project {
        width: 247px;
        height: -webkit-fill-available;
        border: 1px solid #EEF1F3;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        background: #EEF1F3;
        border-radius: 10px;
        flex-direction: column; }
        #board-issue-view .MuiPaper-root .view-issue-timelog-section .view-issue-timelog-colapse-project .view-issue-timelog-section-button {
          display: flex;
          gap: 5px; }
          #board-issue-view .MuiPaper-root .view-issue-timelog-section .view-issue-timelog-colapse-project .view-issue-timelog-section-button p {
            font-size: 16px;
            font-weight: 700; }
          #board-issue-view .MuiPaper-root .view-issue-timelog-section .view-issue-timelog-colapse-project .view-issue-timelog-section-button .project-name {
            color: #40B6BE; }
          #board-issue-view .MuiPaper-root .view-issue-timelog-section .view-issue-timelog-colapse-project .view-issue-timelog-section-button img {
            cursor: pointer;
            transition: transform 0.2s ease; }
      #board-issue-view .MuiPaper-root .view-issue-timelog-section .view-issue-timelog-buttons {
        margin-left: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px; }
      #board-issue-view .MuiPaper-root .view-issue-timelog-section .view-issue-timelog-content {
        width: 247px;
        display: flex;
        height: 163px;
        align-items: center;
        justify-content: center;
        border-radius: 0 0 10px 10px;
        flex-direction: column;
        background-color: #FFFFFF;
        box-shadow: 0px 17px 33px rgba(28, 39, 49, 0.05); }
        #board-issue-view .MuiPaper-root .view-issue-timelog-section .view-issue-timelog-content .view-issue-timelog-label {
          margin-bottom: 5px;
          font-size: 20px;
          color: #A9B2B9; }
        #board-issue-view .MuiPaper-root .view-issue-timelog-section .view-issue-timelog-content .view-issue-timelog-hours {
          font-weight: 700;
          font-size: 36px;
          color: #49525A; }
    #board-issue-view .MuiPaper-root .view-issue-comment-section {
      margin-top: 10px;
      border: none; }
      #board-issue-view .MuiPaper-root .view-issue-comment-section .quill {
        margin-bottom: 15px; }
        #board-issue-view .MuiPaper-root .view-issue-comment-section .quill .ql-toolbar {
          border: none;
          padding-left: 0; }
        #board-issue-view .MuiPaper-root .view-issue-comment-section .quill .ql-container {
          border-radius: 10px;
          min-height: 70px;
          border: 1px solid #c4c4c4; }
          #board-issue-view .MuiPaper-root .view-issue-comment-section .quill .ql-container .ql-editor img {
            max-width: min(400px, 90%); }
      #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments {
        margin-top: 40px; }
        #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container {
          margin-top: 15px;
          display: flex; }
          #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container .issue-comment-date {
            margin-bottom: 7px;
            margin-top: 0;
            width: 100%;
            text-align: right;
            font-size: 12px;
            font-weight: 400;
            color: #66717A; }
          #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container .issue-comment-content {
            background: #EEF1F3;
            margin-left: 15px;
            border-radius: 0px 10px 10px 10px;
            padding: 15px 30px;
            position: relative; }
            #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container .issue-comment-content .MuiButtonBase-root {
              padding: 0;
              position: absolute;
              top: 3px;
              right: 7px; }
            #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container .issue-comment-content p {
              margin: 0;
              color: #1C2731; }
            #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container .issue-comment-content .issue-comment-user {
              font-size: 16px;
              font-weight: 500;
              margin-bottom: 7px !important; }
            #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container .issue-comment-content .issue-comment p {
              font-size: 14px;
              font-weight: 400; }
              #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container .issue-comment-content .issue-comment p img {
                max-width: min(400px, 90%);
                height: auto;
                cursor: pointer;
                border-radius: 10px; }
                #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container .issue-comment-content .issue-comment p img:hover {
                  cursor: pointer; }
            #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container .issue-comment-content .issue-comment-edit .MuiButtonBase-root {
              position: static !important;
              border-radius: 10px; }
            #board-issue-view .MuiPaper-root .view-issue-comment-section .issue-comments .issue-comment-container .issue-comment-content .issue-comment-edit .MuiButtonBase-root:last-child {
              margin-left: 15px; }
  #board-issue-view .MuiButtonBase-root span {
    display: none; }

#image-view-modal .image-view {
  max-width: -webkit-fill-available;
  max-height: -webkit-fill-available; }
#image-view-modal .image-view-modal-container {
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  position: relative; }
  #image-view-modal .image-view-modal-container .image-view-modal-options {
    width: 100%;
    height: 10vh;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
    #image-view-modal .image-view-modal-container .image-view-modal-options .buttons-container {
      margin-right: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      width: -webkit-fill-available; }
      #image-view-modal .image-view-modal-container .image-view-modal-options .buttons-container .image-view-info-container {
        display: flex;
        margin-right: auto;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        width: auto;
        margin-left: 15px;
        height: 65px;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 10px;
        padding-right: 15px; }
        #image-view-modal .image-view-modal-container .image-view-modal-options .buttons-container .image-view-info-container img {
          background: none;
          margin-left: 15px;
          height: 25px; }
        #image-view-modal .image-view-modal-container .image-view-modal-options .buttons-container .image-view-info-container .image-view-info-name {
          font-weight: 700;
          font-size: 15px; }
        #image-view-modal .image-view-modal-container .image-view-modal-options .buttons-container .image-view-info-container .image-view-info-description {
          font-size: 14px;
          color: #66717A; }
      #image-view-modal .image-view-modal-container .image-view-modal-options .buttons-container span {
        background: rgba(255, 255, 255, 0.8);
        cursor: pointer;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex; }
        #image-view-modal .image-view-modal-container .image-view-modal-options .buttons-container span img {
          width: 20px;
          margin: auto; }

.cursor-pointer {
  cursor: pointer; }

.font-description {
  color: rgba(0, 0, 0, 0.54); }

.issue-board-options .MuiPaper-root {
  box-shadow: none !important;
  border: 1px solid #EEF1F3; }

.board-dropdown-options .MuiPaper-root {
  box-shadow: 0 1px 2px 0 rgba(28, 39, 49, 0.05);
  border-radius: 10px;
  border: none; }
  .board-dropdown-options .MuiPaper-root .MuiMenu-list {
    padding-left: 5px;
    padding-right: 5px; }
    .board-dropdown-options .MuiPaper-root .MuiMenu-list li:hover {
      border-radius: 10px; }
    .board-dropdown-options .MuiPaper-root .MuiMenu-list li:nth-child(2) {
      color: red; }
      .board-dropdown-options .MuiPaper-root .MuiMenu-list li:nth-child(2) img {
        width: 23px; }

.issue-pipelinestage-menu .MuiPaper-root {
  box-shadow: none !important;
  border: 1px solid #EEF1F3; }

.btn-cursor {
  position: relative; }

.btn-cursor::before {
  position: absolute;
  content: '';
  top: -3px;
  right: 10px;
  left: -3px;
  bottom: -3px; }

.mh-250 {
  min-height: 250px; }
  .mh-250 .ql-tooltip {
    margin: -4rem auto;
    left: 0px !important; }

#folder-container {
  margin-top: 35px;
  margin-bottom: 20px; }
  #folder-container .MuiGrid-item:first-child {
    margin-top: -130px;
    padding-left: 0px !important;
    max-width: 23% !important; }
    #folder-container .MuiGrid-item:first-child .MuiPaper-root {
      width: 250px;
      margin-left: -2px;
      box-shadow: none; }
      #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root {
        padding: 16px;
        background: #FFFFFF;
        box-sizing: border-box; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .MuiCollapse-root {
          padding: 0;
          margin: 0; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .disabled-tree-item {
          color: #A9B2B9;
          pointer-events: none; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .parent-tree-item .MuiTypography-root {
          font-weight: 700 !important; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .child-tree-item .MuiTypography-root {
          font-weight: 400 !important; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .child-tree-item .dot-s {
          margin-right: 15px;
          margin-left: 30px;
          transform: translateX(-50%); }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .child-tree-item .Mui-selected .dot-s {
          background: #40B6BE; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .child-tree-item .Mui-selected .MuiTypography-root {
          font-weight: 700 !important; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .folder-tree-child {
          margin-right: 0px;
          margin-left: 15px; }
          #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .folder-tree-child .MuiTypography-root {
            font-weight: 400 !important; }
          #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .folder-tree-child .Mui-selected .MuiTypography-root {
            font-weight: 700 !important; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .folder-tree-child-second {
          margin-right: 0px;
          margin-left: 30px; }
          #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .folder-tree-child-second .MuiTypography-root {
            font-weight: 400 !important; }
          #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .folder-tree-child-second .Mui-selected .MuiTypography-root {
            font-weight: 700 !important; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .folder-tree-child-third {
          margin-right: 0px;
          margin-left: 45px; }
          #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .folder-tree-child-third .MuiTypography-root {
            font-weight: 400 !important; }
          #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .folder-tree-child-third .Mui-selected .MuiTypography-root {
            font-weight: 700 !important; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .MuiTreeItem-root .Mui-focused {
          background: transparent; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .MuiTreeItem-root .Mui-selected {
          background: rgba(64, 182, 190, 0.08); }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .MuiTreeItem-root .MuiTreeItem-content {
          flex-direction: row-reverse;
          padding: 10px;
          box-sizing: border-box;
          border-radius: 8px; }
          #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .MuiTreeItem-root .MuiTreeItem-content .MuiTypography-root {
            font-size: 14px; }
        #folder-container .MuiGrid-item:first-child .MuiPaper-root .MuiTreeView-root .MuiTreeItem-root .MuiTreeItem-content:hover {
          background: rgba(64, 182, 190, 0.08); }
  #folder-container .MuiGrid-item:last-child {
    padding-left: 10px; }
    #folder-container .MuiGrid-item:last-child #table-page, #folder-container .MuiGrid-item:last-child .boards-page-header {
      margin-top: -5px !important; }
      #folder-container .MuiGrid-item:last-child #table-page .top-header, #folder-container .MuiGrid-item:last-child .boards-page-header .top-header {
        margin-top: 0 !important; }

#login-page, #registration-page, #verify-email, #accept-invite {
  background-image: url("/images/account_pages.jpg"); }
  #login-page .color-overlay, #registration-page .color-overlay, #verify-email .color-overlay, #accept-invite .color-overlay {
    background: rgba(28, 39, 49, 0.5); }

#reset-password-request-page {
  background-image: url("/images/account_pages.jpg"); }
  #reset-password-request-page .color-overlay {
    background: rgba(28, 39, 49, 0.5); }
  #reset-password-request-page .MuiPaper-root {
    max-width: 378px;
    min-width: 200px;
    padding: 46px 80px 40px 80px;
    border-radius: 20px;
    text-align: center;
    position: fixed;
    width: 40vw; }
    #reset-password-request-page .MuiPaper-root h5 {
      font-weight: 500;
      font-size: 28px;
      line-height: 91%;
      margin: 0 0 17px 0; }
    #reset-password-request-page .MuiPaper-root .form {
      width: 100%;
      display: flex;
      flex-direction: column; }
      #reset-password-request-page .MuiPaper-root .form .MuiFormControl-root {
        margin-top: 40px; }
      #reset-password-request-page .MuiPaper-root .form .send {
        margin: 12px 0 21px 0; }

#reset-password-page {
  background-image: url("/images/account_pages.jpg"); }
  #reset-password-page .color-overlay {
    background: rgba(28, 39, 49, 0.5); }
  #reset-password-page .MuiPaper-root {
    max-width: 378px;
    min-width: 200px;
    padding: 40px 80px 40px 80px;
    border-radius: 20px;
    text-align: center;
    position: fixed;
    width: 40vw; }
    #reset-password-page .MuiPaper-root h5 {
      margin-top: 0;
      font-weight: 700;
      font-size: 28px;
      line-height: 32px;
      margin-bottom: 17px; }
    #reset-password-page .MuiPaper-root .form {
      width: 100%;
      display: flex;
      flex-direction: column; }
      #reset-password-page .MuiPaper-root .form .MuiFormControl-root {
        margin-top: 40px; }
      #reset-password-page .MuiPaper-root .form .reset-password {
        margin: 12px 0 21px 0; }

#breadcrumbs {
  margin-bottom: 15px; }
  #breadcrumbs .page-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 13px; }
  #breadcrumbs li {
    padding-right: 10px; }
  #breadcrumbs .MuiTypography-root {
    font-size: 14px;
    color: #a9b2b9; }
  #breadcrumbs a {
    font-size: 14px;
    color: #1c2731; }
  #breadcrumbs .breadcrumbs-hover:hover {
    cursor: pointer; }

.year-flex {
  max-height: 25px; }
  .year-flex .hr-year-flex {
    margin-top: -25px; }

.year-select {
  width: 140px;
  display: flex;
  font-size: 24px;
  gap: 30px;
  position: relative;
  top: -50px;
  left: 13px; }
  .year-select .control {
    cursor: pointer; }
  .year-select .value {
    width: 65px; }

.company-flex {
  max-height: 25px;
  margin-top: -26px;
  margin-bottom: 0px; }

.company-select {
  height: 42px;
  display: flex;
  font-size: 24px;
  gap: 30px;
  position: relative;
  top: -50px;
  left: 40%;
  align-items: center;
  border-radius: 5px; }

.icon-background {
  background: #EEF1F3;
  border-radius: 10px;
  border-right: 1px solid #d4d6d7;
  width: 51px;
  height: 37px; }

.select-value {
  max-width: 115px;
  overflow: hidden;
  font-family: "Roboto","Helvetica","Arial",sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4375em;
  letter-spacing: 0.00938em;
  color: rgba(0, 0, 0, 0.87);
  box-sizing: border-box;
  position: relative;
  align-items: center;
  border-radius: 4px; }

.filter-padding-10 {
  padding: 10px; }

.company-avatar-container {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  border: 1px solid #EEF1F3;
  margin-right: 10px; }
  .company-avatar-container:hover {
    cursor: pointer; }
  .company-avatar-container .company-avatar {
    padding-left: 10px;
    padding-right: 10px;
    width: 41px;
    height: 90%; }
    .company-avatar-container .company-avatar .MuiAvatar-root {
      background-color: #F7F9FC; }

.selected-company {
  border: 1px solid #40B6BE; }

#search-company {
  width: 91%;
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid #EEF1F3;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 12px 11px;
  margin-top: -4%;
  background: #EEF1F3; }
  #search-company .search-input {
    height: 38px;
    display: flex;
    align-items: center;
    width: 210px; }
  #search-company .select-all-style {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    margin-left: -121px; }
  #search-company .select-all-text {
    display: flex;
    align-items: center;
    font-size: 14px; }
  #search-company .search {
    border: 0px;
    outline: 0px;
    font-size: 16px;
    width: 140px; }

.rounded10 {
  border-radius: 10px !important; }

#statistic-overview .MuiGrid-root {
  width: calc(100% + 13px); }
  #statistic-overview .MuiGrid-root .MuiGrid-item {
    padding: 0 18px 27px 0; }
#statistic-overview .statistic-overview-item {
  flex-direction: column;
  justify-content: space-between;
  background: #FFFFFF;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border-radius: 10px;
  padding: 15px 0 15px 20px; }
  #statistic-overview .statistic-overview-item .title {
    color: #a9b2b9;
    font-family: 'Plus Jakarta Display', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 10px;
    padding: 0; }
  #statistic-overview .statistic-overview-item .main {
    min-height: 20px;
    margin-bottom: 5px;
    color: #333d46;
    font-weight: 700;
    font-size: 18px; }
  #statistic-overview .statistic-overview-item .data-flex {
    flex-direction: column; }
  #statistic-overview .statistic-overview-item .data {
    min-height: 21px;
    font-size: 16px;
    font-weight: 400;
    color: #333d46; }

.w-200 {
  width: 200px; }

.w-150 {
  width: 150px;
  background: white;
  border-radius: 10px; }

@media screen and (min-width: 1800px) {
  .company-select {
    left: 43%; } }
.yes-no-dialog .MuiPaper-root {
  width: 460px;
  height: 270px;
  border-radius: 20px; }
  .yes-no-dialog .MuiPaper-root .MuiTypography-h6 {
    font-weight: 700;
    padding: 0;
    margin-top: 45px; }
  .yes-no-dialog .MuiPaper-root .MuiDialogContent-root .MuiDialogContentText-root {
    font-weight: 400;
    font-size: 16px; }
  .yes-no-dialog .MuiPaper-root .MuiDialogActions-root {
    justify-content: space-around;
    padding-left: 45px;
    padding-right: 45px;
    margin-bottom: 36px; }
    .yes-no-dialog .MuiPaper-root .MuiDialogActions-root .MuiButton-root {
      width: 160px;
      height: 50px; }

.quill.large-editor .ql-toolbar {
  border: none;
  padding-left: 0; }
  .quill.large-editor .ql-toolbar .ql-formats {
    position: relative;
    margin-bottom: 10px; }
    .quill.large-editor .ql-toolbar .ql-formats .ql-active {
      background: rgba(64, 182, 190, 0.08);
      border-radius: 5px; }
    .quill.large-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label {
      background: rgba(64, 182, 190, 0.08);
      border-radius: 5px;
      font-size: 12px;
      font-weight: 400; }
      .quill.large-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label svg {
        display: none; }
    .quill.large-editor .ql-toolbar .ql-formats .ql-picker .ql-selected,
    .quill.large-editor .ql-toolbar .ql-formats .ql-picker .ql-active,
    .quill.large-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-item:hover,
    .quill.large-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label:hover {
      color: #40B6BE; }
    .quill.large-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label::after {
      content: url(/images/arrow-down-small.svg);
      margin-left: 8px; }
    .quill.large-editor .ql-toolbar .ql-formats button {
      margin-right: 10px; }
    .quill.large-editor .ql-toolbar .ql-formats button:last-child {
      margin-right: 0; }
    .quill.large-editor .ql-toolbar .ql-formats button:hover {
      background: rgba(64, 182, 190, 0.08);
      border-radius: 5px; }
    .quill.large-editor .ql-toolbar .ql-formats .ql-color:hover {
      background: rgba(64, 182, 190, 0.08);
      border-radius: 5px; }
    .quill.large-editor .ql-toolbar .ql-formats .ql-expanded {
      background: rgba(64, 182, 190, 0.08); }
    .quill.large-editor .ql-toolbar .ql-formats .ql-size {
      width: 50px; }
      .quill.large-editor .ql-toolbar .ql-formats .ql-size .ql-picker-label::after {
        margin-left: 1px;
        padding-right: 8px; }
      .quill.large-editor .ql-toolbar .ql-formats .ql-size .ql-picker-label[data-value=small]::before,
      .quill.large-editor .ql-toolbar .ql-formats .ql-size .ql-picker-item[data-value=small]::before {
        content: '10px' !important; }
      .quill.large-editor .ql-toolbar .ql-formats .ql-size .ql-picker-label::before,
      .quill.large-editor .ql-toolbar .ql-formats .ql-size .ql-picker-item::before {
        content: '12px' !important; }
      .quill.large-editor .ql-toolbar .ql-formats .ql-size .ql-picker-label[data-value=large]::before,
      .quill.large-editor .ql-toolbar .ql-formats .ql-size .ql-picker-item[data-value=large]::before {
        content: '24px' !important; }
      .quill.large-editor .ql-toolbar .ql-formats .ql-size .ql-picker-label[data-value=huge]::before,
      .quill.large-editor .ql-toolbar .ql-formats .ql-size .ql-picker-item[data-value=huge]::before {
        content: '32px' !important; }
    .quill.large-editor .ql-toolbar .ql-formats .ql-font {
      margin-left: 12px; }
  .quill.large-editor .ql-toolbar .ql-formats::after {
    content: '';
    position: absolute;
    height: 24px;
    width: 1px;
    background: #EEF1F3;
    top: 0;
    right: -13px; }
  .quill.large-editor .ql-toolbar .ql-formats:nth-child(1) {
    margin-right: 23px; }
  .quill.large-editor .ql-toolbar .ql-formats:nth-child(2) {
    margin-right: 0; }
    .quill.large-editor .ql-toolbar .ql-formats:nth-child(2) .ql-picker-label {
      background: transparent; }
    .quill.large-editor .ql-toolbar .ql-formats:nth-child(2) .ql-picker-label::after {
      display: none; }
  .quill.large-editor .ql-toolbar .ql-formats:nth-child(3) {
    margin-left: 25px; }
  .quill.large-editor .ql-toolbar .ql-formats:nth-child(4) {
    margin-left: 14px;
    margin-right: 22px; }
  .quill.large-editor .ql-toolbar .ql-formats:last-child {
    margin-left: 10px; }
  .quill.large-editor .ql-toolbar .ql-formats:last-child::after {
    display: none; }
.quill.large-editor .ql-container {
  min-height: 200px;
  border-radius: 10px;
  border: 1px solid #d9dee2 !important; }

#invoice-comment-editor {
  padding: 30px 60px !important; }
  #invoice-comment-editor .rdw-editor-toolbar {
    border: none;
    padding: 0; }
    #invoice-comment-editor .rdw-editor-toolbar .rdw-inline-wrapper {
      border-right: 1px solid #EEF1F3; }
      #invoice-comment-editor .rdw-editor-toolbar .rdw-inline-wrapper .rdw-option-wrapper {
        border: none !important;
        margin: 0 2px;
        border-radius: 5px; }
      #invoice-comment-editor .rdw-editor-toolbar .rdw-inline-wrapper .rdw-option-wrapper:hover {
        box-shadow: none;
        background: rgba(64, 182, 190, 0.2); }
      #invoice-comment-editor .rdw-editor-toolbar .rdw-inline-wrapper .rdw-option-wrapper:first-child {
        margin-left: 0; }
      #invoice-comment-editor .rdw-editor-toolbar .rdw-inline-wrapper .rdw-option-active {
        box-shadow: none;
        background: rgba(64, 182, 190, 0.2); }
    #invoice-comment-editor .rdw-editor-toolbar .rdw-dropdown-wrapper {
      margin-left: 12px;
      box-shadow: none;
      border: none;
      border-radius: 5px;
      background: rgba(64, 182, 190, 0.08);
      padding-left: 3px;
      width: 100px; }
      #invoice-comment-editor .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-selectedtext {
        color: #1c2731;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        #invoice-comment-editor .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-selectedtext span {
          margin-right: 8px; }
        #invoice-comment-editor .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-selectedtext img {
          margin-right: 8px; }
      #invoice-comment-editor .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper {
        padding: 10px;
        overflow: auto;
        list-style: none; }
    #invoice-comment-editor .rdw-editor-toolbar .rdw-dropdown-wrapper:hover {
      box-shadow: none; }
    #invoice-comment-editor .rdw-editor-toolbar .rdw-fontSize-dropdown {
      width: 50px;
      padding-left: 0; }
    #invoice-comment-editor .rdw-editor-toolbar .rdw-fontFamily-dropdown {
      padding-left: 0;
      position: relative; }
      #invoice-comment-editor .rdw-editor-toolbar .rdw-fontFamily-dropdown .rdw-dropdown-selectedtext::after {
        content: "";
        background-color: #EEF1F3;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 112px;
        top: 0; }
  #invoice-comment-editor .rdw-list-wrapper, #invoice-comment-editor .rdw-text-align-wrapper, #invoice-comment-editor .rdw-link-wrapper {
    border-right: 1px solid #EEF1F3; }
    #invoice-comment-editor .rdw-list-wrapper .rdw-option-wrapper, #invoice-comment-editor .rdw-text-align-wrapper .rdw-option-wrapper, #invoice-comment-editor .rdw-link-wrapper .rdw-option-wrapper {
      box-shadow: none;
      border: none;
      border-radius: 5px; }
    #invoice-comment-editor .rdw-list-wrapper .rdw-option-active, #invoice-comment-editor .rdw-text-align-wrapper .rdw-option-active, #invoice-comment-editor .rdw-link-wrapper .rdw-option-active {
      box-shadow: none;
      background: rgba(64, 182, 190, 0.2); }
    #invoice-comment-editor .rdw-list-wrapper .rdw-option-wrapper:first-child, #invoice-comment-editor .rdw-text-align-wrapper .rdw-option-wrapper:first-child, #invoice-comment-editor .rdw-link-wrapper .rdw-option-wrapper:first-child {
      margin-left: 15px; }
    #invoice-comment-editor .rdw-list-wrapper .rdw-option-wrapper:last-child, #invoice-comment-editor .rdw-text-align-wrapper .rdw-option-wrapper:last-child, #invoice-comment-editor .rdw-link-wrapper .rdw-option-wrapper:last-child {
      margin-right: 2px; }
    #invoice-comment-editor .rdw-list-wrapper .rdw-option-wrapper:hover, #invoice-comment-editor .rdw-text-align-wrapper .rdw-option-wrapper:hover, #invoice-comment-editor .rdw-link-wrapper .rdw-option-wrapper:hover {
      box-shadow: none;
      background: rgba(64, 182, 190, 0.2); }
  #invoice-comment-editor .rdw-text-align-wrapper .rdw-option-wrapper:first-child, #invoice-comment-editor .rdw-link-wrapper .rdw-option-wrapper:first-child {
    margin-left: 1px; }
  #invoice-comment-editor .rdw-embedded-wrapper .rdw-option-wrapper, #invoice-comment-editor .rdw-image-wrapper .rdw-option-wrapper, #invoice-comment-editor .rdw-remove-wrapper .rdw-option-wrapper {
    box-shadow: none;
    border: none;
    margin-left: 5px;
    border-radius: 5px; }
  #invoice-comment-editor .rdw-embedded-wrapper .rdw-option-wrapper:hover, #invoice-comment-editor .rdw-image-wrapper .rdw-option-wrapper:hover, #invoice-comment-editor .rdw-remove-wrapper .rdw-option-wrapper:hover {
    box-shadow: none;
    background: rgba(64, 182, 190, 0.2); }
  #invoice-comment-editor .rdw-editor-main {
    height: 187px;
    border: 1px solid #D9DEE2;
    border-radius: 10px;
    margin-top: 16px;
    padding: 0 10px; }

.DraftEditor-root {
  font-size: 14px;
  padding: 0 10px;
  min-height: 100px;
  border: 1px solid #EEF1F3;
  margin-bottom: 15px; }

#board-issue-description-editor, #board-issue-description-editor-read-only {
  border: 1px solid #D9DEE2;
  border-radius: 20px; }
  #board-issue-description-editor .quill .ql-disabled .ql-editor, #board-issue-description-editor-read-only .quill .ql-disabled .ql-editor {
    padding-left: 0; }
  #board-issue-description-editor .quill .ql-editor p, #board-issue-description-editor-read-only .quill .ql-editor p, #board-issue-description-editor .quill .ql-editor ul, #board-issue-description-editor-read-only .quill .ql-editor ul, #board-issue-description-editor .quill .ql-editor ol, #board-issue-description-editor-read-only .quill .ql-editor ol {
    line-height: 21px;
    font-size: 14px;
    font-weight: 400; }
  #board-issue-description-editor .quill .ql-toolbar, #board-issue-description-editor-read-only .quill .ql-toolbar {
    border: none; }
    #board-issue-description-editor .quill .ql-toolbar .ql-picker-label, #board-issue-description-editor-read-only .quill .ql-toolbar .ql-picker-label {
      padding: 0; }
      #board-issue-description-editor .quill .ql-toolbar .ql-picker-label:hover, #board-issue-description-editor-read-only .quill .ql-toolbar .ql-picker-label:hover {
        background-color: rgba(230, 230, 230, 0.8); }
    #board-issue-description-editor .quill .ql-toolbar .ql-formats button:hover, #board-issue-description-editor-read-only .quill .ql-toolbar .ql-formats button:hover {
      background-color: rgba(230, 230, 230, 0.8); }
    #board-issue-description-editor .quill .ql-toolbar .ql-formats .ql-active:has(img), #board-issue-description-editor-read-only .quill .ql-toolbar .ql-formats .ql-active:has(img) {
      background-color: rgba(230, 230, 230, 0.8); }
    #board-issue-description-editor .quill .ql-toolbar button, #board-issue-description-editor-read-only .quill .ql-toolbar button {
      padding: 0; }
  #board-issue-description-editor .quill .ql-container, #board-issue-description-editor-read-only .quill .ql-container {
    border: none; }
  #board-issue-description-editor .rdw-editor-toolbar-hide, #board-issue-description-editor-read-only .rdw-editor-toolbar-hide {
    display: none; }
  #board-issue-description-editor .rdw-editor-main .DraftEditor-root, #board-issue-description-editor-read-only .rdw-editor-main .DraftEditor-root {
    border: none;
    padding: 0 20px; }
  #board-issue-description-editor .rdw-editor-buttons-container, #board-issue-description-editor-read-only .rdw-editor-buttons-container {
    border-top: 1px solid #D9DEE2;
    padding: 10px 20px; }
    #board-issue-description-editor .rdw-editor-buttons-container .action-buttons button, #board-issue-description-editor-read-only .rdw-editor-buttons-container .action-buttons button {
      margin-right: 20px; }
  #board-issue-description-editor .rdw-editor-toolbar, #board-issue-description-editor-read-only .rdw-editor-toolbar {
    border: none;
    width: 90%;
    margin: 10px; }
    #board-issue-description-editor .rdw-editor-toolbar .rdw-inline-wrapper, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-inline-wrapper {
      border-right: 1px solid #EEF1F3; }
      #board-issue-description-editor .rdw-editor-toolbar .rdw-inline-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-inline-wrapper .rdw-option-wrapper:hover {
        box-shadow: none;
        background: rgba(64, 182, 190, 0.2); }
      #board-issue-description-editor .rdw-editor-toolbar .rdw-inline-wrapper .rdw-option-wrapper:first-child, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-inline-wrapper .rdw-option-wrapper:first-child {
        margin-left: 0; }
      #board-issue-description-editor .rdw-editor-toolbar .rdw-inline-wrapper .rdw-option-active, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-inline-wrapper .rdw-option-active {
        box-shadow: none;
        background: rgba(64, 182, 190, 0.2); }
    #board-issue-description-editor .rdw-editor-toolbar .rdw-option-wrapper, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-option-wrapper {
      border: none !important;
      margin: 0 2px;
      border-radius: 5px;
      padding: 3px;
      min-width: 20px; }
      #board-issue-description-editor .rdw-editor-toolbar .rdw-option-wrapper img, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-option-wrapper img {
        max-width: 22px; }
    #board-issue-description-editor .rdw-editor-toolbar .rdw-dropdown-wrapper, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-dropdown-wrapper {
      margin-left: 12px;
      box-shadow: none;
      border: none;
      border-radius: 5px;
      background: rgba(64, 182, 190, 0.08);
      padding-left: 3px;
      width: 100px; }
      #board-issue-description-editor .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-selectedtext, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-selectedtext {
        color: #1c2731;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        #board-issue-description-editor .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-selectedtext span, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-selectedtext span {
          margin-right: 8px; }
        #board-issue-description-editor .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-selectedtext img, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-selectedtext img {
          margin-right: 8px; }
      #board-issue-description-editor .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper {
        padding: 10px;
        overflow: auto;
        list-style: none; }
    #board-issue-description-editor .rdw-editor-toolbar .rdw-dropdown-wrapper:hover, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-dropdown-wrapper:hover {
      box-shadow: none; }
    #board-issue-description-editor .rdw-editor-toolbar .rdw-fontSize-dropdown, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-fontSize-dropdown {
      width: 50px;
      padding-left: 0; }
    #board-issue-description-editor .rdw-editor-toolbar .rdw-fontFamily-dropdown, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-fontFamily-dropdown {
      padding-left: 0;
      position: relative; }
      #board-issue-description-editor .rdw-editor-toolbar .rdw-fontFamily-dropdown .rdw-dropdown-selectedtext::after, #board-issue-description-editor-read-only .rdw-editor-toolbar .rdw-fontFamily-dropdown .rdw-dropdown-selectedtext::after {
        content: "";
        background-color: #EEF1F3;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 112px;
        top: 0; }
  #board-issue-description-editor .rdw-list-wrapper, #board-issue-description-editor-read-only .rdw-list-wrapper, #board-issue-description-editor .rdw-text-align-wrapper, #board-issue-description-editor-read-only .rdw-text-align-wrapper, #board-issue-description-editor .rdw-link-wrapper, #board-issue-description-editor-read-only .rdw-link-wrapper {
    border-right: 1px solid #EEF1F3; }
    #board-issue-description-editor .rdw-list-wrapper .rdw-option-wrapper, #board-issue-description-editor-read-only .rdw-list-wrapper .rdw-option-wrapper, #board-issue-description-editor .rdw-text-align-wrapper .rdw-option-wrapper, #board-issue-description-editor-read-only .rdw-text-align-wrapper .rdw-option-wrapper, #board-issue-description-editor .rdw-link-wrapper .rdw-option-wrapper, #board-issue-description-editor-read-only .rdw-link-wrapper .rdw-option-wrapper {
      box-shadow: none;
      border: none;
      border-radius: 5px; }
    #board-issue-description-editor .rdw-list-wrapper .rdw-option-active, #board-issue-description-editor-read-only .rdw-list-wrapper .rdw-option-active, #board-issue-description-editor .rdw-text-align-wrapper .rdw-option-active, #board-issue-description-editor-read-only .rdw-text-align-wrapper .rdw-option-active, #board-issue-description-editor .rdw-link-wrapper .rdw-option-active, #board-issue-description-editor-read-only .rdw-link-wrapper .rdw-option-active {
      box-shadow: none;
      background: rgba(64, 182, 190, 0.2); }
    #board-issue-description-editor .rdw-list-wrapper .rdw-option-wrapper:first-child, #board-issue-description-editor-read-only .rdw-list-wrapper .rdw-option-wrapper:first-child, #board-issue-description-editor .rdw-text-align-wrapper .rdw-option-wrapper:first-child, #board-issue-description-editor-read-only .rdw-text-align-wrapper .rdw-option-wrapper:first-child, #board-issue-description-editor .rdw-link-wrapper .rdw-option-wrapper:first-child, #board-issue-description-editor-read-only .rdw-link-wrapper .rdw-option-wrapper:first-child {
      margin-left: 15px; }
    #board-issue-description-editor .rdw-list-wrapper .rdw-option-wrapper:last-child, #board-issue-description-editor-read-only .rdw-list-wrapper .rdw-option-wrapper:last-child, #board-issue-description-editor .rdw-text-align-wrapper .rdw-option-wrapper:last-child, #board-issue-description-editor-read-only .rdw-text-align-wrapper .rdw-option-wrapper:last-child, #board-issue-description-editor .rdw-link-wrapper .rdw-option-wrapper:last-child, #board-issue-description-editor-read-only .rdw-link-wrapper .rdw-option-wrapper:last-child {
      margin-right: 2px; }
    #board-issue-description-editor .rdw-list-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor-read-only .rdw-list-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor .rdw-text-align-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor-read-only .rdw-text-align-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor .rdw-link-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor-read-only .rdw-link-wrapper .rdw-option-wrapper:hover {
      box-shadow: none;
      background: rgba(64, 182, 190, 0.2); }
  #board-issue-description-editor .rdw-text-align-wrapper .rdw-option-wrapper:first-child, #board-issue-description-editor-read-only .rdw-text-align-wrapper .rdw-option-wrapper:first-child, #board-issue-description-editor .rdw-link-wrapper .rdw-option-wrapper:first-child, #board-issue-description-editor-read-only .rdw-link-wrapper .rdw-option-wrapper:first-child {
    margin-left: 1px; }
  #board-issue-description-editor .rdw-embedded-wrapper .rdw-option-wrapper, #board-issue-description-editor-read-only .rdw-embedded-wrapper .rdw-option-wrapper, #board-issue-description-editor .rdw-image-wrapper .rdw-option-wrapper, #board-issue-description-editor-read-only .rdw-image-wrapper .rdw-option-wrapper, #board-issue-description-editor .rdw-remove-wrapper .rdw-option-wrapper, #board-issue-description-editor-read-only .rdw-remove-wrapper .rdw-option-wrapper {
    box-shadow: none;
    border: none;
    margin-left: 5px;
    border-radius: 5px; }
  #board-issue-description-editor .rdw-embedded-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor-read-only .rdw-embedded-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor .rdw-image-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor-read-only .rdw-image-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor .rdw-remove-wrapper .rdw-option-wrapper:hover, #board-issue-description-editor-read-only .rdw-remove-wrapper .rdw-option-wrapper:hover {
    box-shadow: none;
    background: rgba(64, 182, 190, 0.2); }

.ql-formats {
  margin-bottom: 10px; }

#board-issue-description-editor-read-only {
  border: none; }
  #board-issue-description-editor-read-only .quill .ql-toolbar {
    display: none; }
  #board-issue-description-editor-read-only .rdw-editor-toolbar {
    display: none; }
  #board-issue-description-editor-read-only .rdw-editor-main {
    border: none;
    padding: 0;
    margin-top: 0; }
    #board-issue-description-editor-read-only .rdw-editor-main .DraftEditor-root {
      border: none;
      padding: 0; }

.working-hours {
  display: flex;
  justify-content: center; }
  .working-hours .working-hours-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 670px;
    position: relative;
    font-weight: 700; }
    .working-hours .working-hours-buttons .icon-working-hours {
      position: relative;
      top: 5px;
      right: 5px; }
    .working-hours .working-hours-buttons .star-default {
      position: absolute;
      bottom: 75.51%;
      top: 35.62%;
      right: 58.12%;
      left: 47.2%; }
    .working-hours .working-hours-buttons .MuiButtonBase-root {
      border-radius: 10px; }
    .working-hours .working-hours-buttons .active-button-border {
      border: 1px solid #40B6BE; }
  .working-hours .MuiPaper-root {
    padding-left: 20px;
    padding-right: 20px; }
    .working-hours .MuiPaper-root .working-hours-dots {
      width: 100%;
      display: flex;
      justify-content: flex-end; }
      .working-hours .MuiPaper-root .working-hours-dots img {
        margin: 7px 14px; }
    .working-hours .MuiPaper-root .working-hours-title {
      justify-content: center;
      text-align: center;
      margin-top: -45px;
      margin-left: 89px;
      margin-right: 82px;
      margin-bottom: 40px;
      font-weight: 600; }
      .working-hours .MuiPaper-root .working-hours-title p {
        margin-top: -10px;
        margin-bottom: -10px;
        color: #D9DEE2;
        font-weight: 400;
        font-size: 16px; }
    .working-hours .MuiPaper-root .working-hours-schedule {
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .working-hours .MuiPaper-root .working-hours-schedule .checkbox-styles {
        color: #40B6BE; }
        .working-hours .MuiPaper-root .working-hours-schedule .checkbox-styles .Mui-checked {
          color: #40B6BE; }
      .working-hours .MuiPaper-root .working-hours-schedule .MuiCheckbox-root {
        margin: 0;
        margin-left: -12px; }
      .working-hours .MuiPaper-root .working-hours-schedule .working-hours-day {
        font-weight: 700;
        font-size: 14px;
        color: black;
        margin-left: 6px;
        width: 40px; }
      .working-hours .MuiPaper-root .working-hours-schedule .MuiInputBase-root {
        width: 79px;
        height: 48px;
        margin-left: 32px;
        border-color: #D9DEE2;
        box-shadow: none !important;
        border-radius: 10px; }
      .working-hours .MuiPaper-root .working-hours-schedule .MuiInputBase-root:last-child {
        margin: 12px; }
      .working-hours .MuiPaper-root .working-hours-schedule .add-duplicate-schedule-icon {
        margin-left: 75px;
        padding: 0; }
        .working-hours .MuiPaper-root .working-hours-schedule .add-duplicate-schedule-icon .MuiIconButton-root {
          padding: 0; }
        .working-hours .MuiPaper-root .working-hours-schedule .add-duplicate-schedule-icon .duplicate-icon {
          padding: 0;
          margin-left: 10px !important; }
      .working-hours .MuiPaper-root .working-hours-schedule .MuiIconButton-root {
        margin: 0; }
      .working-hours .MuiPaper-root .working-hours-schedule .paragraph-unavailable {
        margin-left: 16px;
        width: 231px;
        font-size: 16px;
        font-weight: 700;
        color: #A9B2B9; }
    .working-hours .MuiPaper-root .btn-save-container {
      width: 100%;
      display: flex;
      justify-content: center;
      padding-bottom: 40px;
      margin-top: 26px; }
      .working-hours .MuiPaper-root .btn-save-container .btn-save {
        width: 490px;
        height: 50px;
        background-color: #40B6BE !important;
        border-radius: 10px;
        gap: 4px;
        padding: 12px 24px;
        text-align: center;
        color: #FFFFFF;
        margin: 0; }
  .working-hours p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px; }
  .working-hours .MuiButtonBase-root {
    margin-right: 10px;
    margin-bottom: 10px; }

.popper-tab {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  width: 184px;
  border-radius: 10px;
  padding: 8px; }
  .popper-tab .MuiButtonBase-root {
    justify-content: unset !important;
    -webkit-justify-content: unset !important; }
    .popper-tab .MuiButtonBase-root:hover {
      background: rgba(64, 182, 190, 0.08);
      border-radius: 10px;
      color: #40B6BE; }
      .popper-tab .MuiButtonBase-root:hover .image-tab {
        filter: invert(64%) sepia(100%) saturate(271%) hue-rotate(134deg) brightness(82%) contrast(90%); }
    .popper-tab .MuiButtonBase-root .image-tab {
      margin-left: 18px; }
    .popper-tab .MuiButtonBase-root .p-tab {
      margin-left: 11px; }

.popper-duplicate {
  display: flex;
  flex-direction: column;
  padding: 10px;
  background: #FFFFFF;
  width: 184px;
  border-radius: 10px;
  position: relative;
  font-size: 16px;
  font-weight: 400; }
  .popper-duplicate .popper-buttons {
    width: 83%;
    padding: 16px;
    display: flex;
    justify-content: space-between; }
    .popper-duplicate .popper-buttons .checkbox-styles {
      color: #40B6BE; }
      .popper-duplicate .popper-buttons .checkbox-styles .Mui-checked {
        color: #40B6BE; }
    .popper-duplicate .popper-buttons .MuiCheckbox-root {
      width: 18px;
      height: 18px; }
    .popper-duplicate .popper-buttons:hover {
      background: rgba(64, 182, 190, 0.08);
      border-radius: 10px; }
  .popper-duplicate .apply-button {
    background-color: #40B6BE;
    color: #FFFFFF;
    width: 100% !important;
    margin-top: 10px;
    border-radius: 10px; }
    .popper-duplicate .apply-button:hover {
      background-color: #40B6BE; }

#company-file-folders-container {
  justify-content: center;
  align-items: center; }
  #company-file-folders-container .add-button {
    height: 40px;
    background: #FFFFFF;
    color: #40B6BE;
    border: 2px solid #40B6BE;
    border-radius: 10px;
    width: 90%;
    margin-left: 5%;
    margin-top: 5%;
    margin-bottom: 10%; }
    #company-file-folders-container .add-button .cross-sign {
      margin-right: 10px; }

.add-folder-item {
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  align-items: end;
  width: 100%; }

.cancel-add-folder {
  color: red;
  margin-left: 15px; }

.cancel-add-folder:hover {
  cursor: pointer; }

.confirm-add-folder {
  color: green;
  margin-left: 15px;
  margin-right: 15px;
  padding-right: 10px; }

.confirm-add-folder:hover {
  cursor: pointer; }

add-subfolder-button:hover {
  cursor: pointer; }

.add-subfolder {
  margin-right: 3px;
  margin-left: 30px;
  transform: translateX(-50%); }

.document-folder-icon {
  margin-right: 10px; }

.tags {
  margin-left: 30px;
  width: 457px; }
  .tags .progressBar {
    width: 457px; }
  .tags .search .MuiPaper-root {
    width: 437px;
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid #D9DEE2;
    display: flex;
    align-items: center;
    padding: 4px 8px; }
    .tags .search .MuiPaper-root .MuiInputBase-root {
      width: 100%; }
  .tags .tag-text-under-search {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 150%;
    color: #A9B2B9; }
  .tags .tags-container {
    display: block;
    width: 457px; }
    .tags .tags-container .tag {
      margin-top: 10px;
      display: inline-flex;
      width: -webkit-fill-available;
      height: 50px;
      background: #EEF1F3;
      border-radius: 10px; }
      .tags .tags-container .tag .tag-color {
        width: 51px;
        height: -webkit-fill-available;
        border-radius: 10px; }
      .tags .tags-container .tag .tag-name {
        margin: auto;
        margin-left: 18px;
        font-style: normal;
        font-size: 16px;
        font-weight: 450;
        color: #1C2731; }
      .tags .tags-container .tag .tag-edit-delete-actions {
        margin-right: 15px; }
        .tags .tags-container .tag .tag-edit-delete-actions button {
          height: 50px;
          border-radius: 10px; }
      .tags .tags-container .tag:hover {
        cursor: pointer;
        background: #40B6BE; }
    .tags .tags-container .tag-add-remove-all-actions .tag-add {
      margin-top: 10px;
      background: rgba(64, 182, 190, 0.08);
      border-radius: 5px;
      width: -webkit-fill-available; }
      .tags .tags-container .tag-add-remove-all-actions .tag-add .tag-add-text {
        font-size: 15px;
        line-height: 26px;
        color: #40B6BE; }
      .tags .tags-container .tag-add-remove-all-actions .tag-add img {
        margin-right: 10px;
        filter: brightness(0.6) contrast(1); }
      .tags .tags-container .tag-add-remove-all-actions .tag-add:hover {
        background-color: #eef1f3; }
    .tags .tags-container .tag-add-remove-all-actions .tag-delete-all {
      margin-top: 10px;
      background: rgba(255, 66, 66, 0.08);
      border-radius: 5px;
      width: -webkit-fill-available; }
      .tags .tags-container .tag-add-remove-all-actions .tag-delete-all .tag-delete-all-text {
        font-size: 15px;
        line-height: 26px;
        color: #FF4242; }
      .tags .tags-container .tag-add-remove-all-actions .tag-delete-all:hover {
        background-color: #eef1f3; }

#tag-form .tag-forma-container {
  width: 457px;
  box-shadow: 1px 3px 9px -1px rgba(28, 39, 49, 0.15);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #tag-form .tag-forma-container .MuiTextField-root {
    width: 424px;
    margin-top: 36px; }
  #tag-form .tag-forma-container .tag-select-color .tag-select-color-input-description {
    display: inline-flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    margin-top: 20px;
    width: 423px; }
    #tag-form .tag-forma-container .tag-select-color .tag-select-color-input-description .tag-select-color-display {
      width: 48px;
      height: 48px;
      border-radius: 24px; }
    #tag-form .tag-forma-container .tag-select-color .tag-select-color-input-description .tag-select-color-text {
      display: flex;
      align-items: center;
      font-size: 16px;
      line-height: 150%;
      width: -webkit-fill-available;
      justify-content: center;
      margin-right: 24px; }
  #tag-form .tag-forma-container .tag-select-color .tag-select-color-input {
    margin-top: 20px;
    width: 424px;
    height: 48px;
    background: #EEF1F3;
    border-radius: 24px; }
    #tag-form .tag-forma-container .tag-select-color .tag-select-color-input input[type="color"] {
      z-index: 1;
      padding: 0;
      height: 48px;
      opacity: 0; }
      #tag-form .tag-forma-container .tag-select-color .tag-select-color-input input[type="color"]:hover {
        cursor: pointer; }
    #tag-form .tag-forma-container .tag-select-color .tag-select-color-input fieldset {
      border-radius: 24px; }
  #tag-form .tag-forma-container .submit-container {
    width: -webkit-fill-available;
    padding: 0 17px 19px; }

#drag-and-drop-area {
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  position: absolute; }

.base-settings-form-registration-number div {
  padding: 0;
  width: -webkit-fill-available; }
.base-settings-form-registration-number .MuiInputLabel-root {
  margin-top: -17px; }
.base-settings-form-registration-number .MuiInputBase-input {
  padding: 8.5px 14px; }
.base-settings-form-registration-number .MuiPaper-root {
  display: inline-flex;
  width: -webkit-fill-available;
  margin-top: 6px;
  border: 1px solid #D9DEE2;
  box-shadow: unset;
  border-radius: 10px; }
.base-settings-form-registration-number .MuiFormHelperText-root {
  color: #ff0000; }

.base-settings-form-name .MuiAutocomplete-root {
  margin-top: -7px; }

#tree-list-container {
  min-width: 250px;
  margin-top: -100px;
  margin-left: -10px; }
  #tree-list-container .MuiPaper-root {
    display: flow-root;
    border-radius: 0px;
    width: 250px; }
    #tree-list-container .MuiPaper-root .MuiTreeItem-group {
      margin-left: 7px;
      padding-left: 0; }
  #tree-list-container .add-button {
    height: 40px;
    width: 215px;
    border: 2px solid #40B6BE;
    display: flex;
    margin: 15px auto; }
    #tree-list-container .add-button .add-folder-text {
      line-height: 26px;
      color: #40B6BE;
      margin-left: 5px; }
  #tree-list-container .tree-view-list-item .MuiTypography-root {
    font-weight: 700;
    font-size: 14px; }

.tree-items .MuiTreeItem-content {
  width: -webkit-fill-available;
  height: 40px;
  position: relative;
  background-color: transparent !important; }
  .tree-items .MuiTreeItem-content:hover {
    background-color: rgba(0, 0, 0, 0.04) !important; }
    .tree-items .MuiTreeItem-content:hover .MuiTreeItem-label .MuiBox-root .expand-options-icon {
      opacity: 1; }
  .tree-items .MuiTreeItem-content .MuiTreeItem-iconContainer {
    position: absolute;
    right: 0;
    margin-right: 30px; }
  .tree-items .MuiTreeItem-content .MuiTreeItem-label .MuiTypography-root {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .tree-items .MuiTreeItem-content .MuiTreeItem-label .MuiBox-root .expand-options-icon {
    display: flex;
    opacity: 0;
    background: transparent;
    width: 25px; }
    .tree-items .MuiTreeItem-content .MuiTreeItem-label .MuiBox-root .expand-options-icon img:hover {
      border-radius: 50%;
      background-color: #D9DEE2; }
.tree-items .document-folder-icon {
  margin-right: 10px; }

.selected .Mui-selected {
  background-color: rgba(51, 51, 51, 0.12) !important; }

#add-edit-folder-modal .MuiPaper-root {
  overflow: auto;
  width: 584px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: none;
  outline: none;
  border-radius: 10px;
  padding: 50px 50px; }
  #add-edit-folder-modal .MuiPaper-root .add-edit-folder-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer; }
  #add-edit-folder-modal .MuiPaper-root .add-edit-folder-modal-title {
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #1C2731; }

#tree-view-add-edit-form {
  width: 584px;
  height: 137px;
  display: grid;
  margin: auto;
  margin-top: 30px; }
  #tree-view-add-edit-form .submit-container {
    margin-top: 0;
    margin-bottom: 50px;
    height: 60px; }

.space-cart-component {
  height: 121px;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 0 37px;
  margin-bottom: 15px;
  display: inline-flex;
  width: -webkit-fill-available;
  border: 1px solid #D9DEE2; }
  .space-cart-component:hover {
    cursor: pointer; }
  .space-cart-component .cart-label-line-left {
    width: 8px;
    background: #40B6BE;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .space-cart-component .cart-info {
    width: -webkit-fill-available; }
    .space-cart-component .cart-info .cart-name {
      font-weight: 700;
      font-size: 14px;
      line-height: 18px;
      color: #1C2731;
      margin-top: 19px;
      margin-left: 40px; }
    .space-cart-component .cart-info .avatar-info-container {
      display: inline-flex;
      margin-left: 40px; }
      .space-cart-component .cart-info .avatar-info-container #avatar-group {
        margin-left: 0; }
      .space-cart-component .cart-info .avatar-info-container .create-update-info {
        margin: auto;
        margin-left: 16px;
        line-height: 20px; }
        .space-cart-component .cart-info .avatar-info-container .create-update-info div {
          color: #919BA3; }
          .space-cart-component .cart-info .avatar-info-container .create-update-info div span {
            font-weight: bold; }
  .space-cart-component .cart-button-container {
    z-index: 1;
    display: inline-flex;
    margin-left: auto;
    margin-right: 30px; }
    .space-cart-component .cart-button-container .button {
      border-radius: 0;
      height: 30px;
      margin: auto; }
  .space-cart-component .cart-select {
    width: -webkit-fill-available;
    margin-right: 37px;
    height: 102px; }

.space-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-items: center;
  padding: 0px;
  gap: 1px;
  height: 22px;
  margin-top: 2px; }
  .space-link .link-background {
    width: 22px;
    height: 22px;
    background: rgba(64, 182, 190, 0.08);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .space-link .link-background .link-icon {
      width: 15px;
      height: 15px;
      align-items: center; }
  .space-link .link-text {
    width: 56px;
    height: 15px;
    font-family: 'Plus Jakarta Display', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 15px;
    color: #40B6BE !important; }

#spaces {
  margin-bottom: 50px;
  padding-left: 240px;
  padding-right: 15px;
  margin-top: -600px !important; }
  #spaces .header {
    justify-content: space-between; }
    #spaces .header .filter-container, #spaces .header #candidate-details-page .container .filter-container-year, #candidate-details-page .container #spaces .header .filter-container-year {
      display: flex;
      align-items: center; }
  #spaces .content {
    width: -webkit-fill-available;
    display: inline-flex; }
    #spaces .content .spaces-list {
      margin-left: 32px;
      width: -webkit-fill-available; }
    #spaces .content .spaces-container-cart {
      overflow-y: scroll;
      margin-top: 30px;
      padding-bottom: 30px;
      width: -webkit-fill-available;
      height: -webkit-fill-available;
      background: #FFFFFF;
      max-height: 650px; }
      #spaces .content .spaces-container-cart .space-folder-title {
        margin-bottom: 27px;
        margin-left: 37px;
        padding-top: 25px;
        font-weight: 700;
        font-size: 16px;
        color: #1C2731; }

#add-edit-modal .MuiPaper-root {
  overflow: auto;
  width: 80%;
  height: 70%;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: none;
  outline: none;
  border-radius: 10px;
  padding: 0 50px;
  padding-top: 20px;
  padding-bottom: 50px; }
  #add-edit-modal .MuiPaper-root .add-edit-folder-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer; }
  #add-edit-modal .MuiPaper-root .add-edit-folder-modal-title {
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #1C2731; }
#add-edit-modal .modal-toolbar-content {
  display: flex; }
  #add-edit-modal .modal-toolbar-content .buttons-container {
    display: flex;
    height: 50px;
    margin: auto;
    margin-right: 0; }
  #add-edit-modal .modal-toolbar-content .quill {
    margin-right: 50px;
    position: absolute;
    width: -webkit-fill-available; }
    #add-edit-modal .modal-toolbar-content .quill .ql-picker-label {
      padding: 0; }
      #add-edit-modal .modal-toolbar-content .quill .ql-picker-label:hover {
        background-color: rgba(230, 230, 230, 0.8); }
    #add-edit-modal .modal-toolbar-content .quill .ql-formats button:hover {
      background-color: rgba(230, 230, 230, 0.8); }
    #add-edit-modal .modal-toolbar-content .quill .ql-formats .ql-active:has(img) {
      background-color: rgba(230, 230, 230, 0.8); }
    #add-edit-modal .modal-toolbar-content .quill button {
      padding: 0; }
    #add-edit-modal .modal-toolbar-content .quill .ql-toolbar {
      border: none;
      padding-left: 0;
      padding-right: 215px; }
    #add-edit-modal .modal-toolbar-content .quill .ql-container {
      border: none;
      min-height: 70px;
      margin-top: 5px;
      border-top: 1px solid #c4c4c4; }
      #add-edit-modal .modal-toolbar-content .quill .ql-container .ql-editor img {
        max-width: min(400px, 90%); }

#addEvent-form .btn {
  background: rgba(64, 182, 190, 0.2);
  border-radius: 10px;
  border-color: transparent;
  height: 48px;
  width: 128px;
  left: 45px; }
#addEvent-form .dateBox {
  border-radius: 20px;
  background: #EEF1F3;
  padding: 15px;
  margin-top: 5px;
  margin-bottom: 5px; }
#addEvent-form .eventAutoComplete {
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #D9DEE2;
  border-radius: 10px;
  padding-top: 2px;
  margin-top: 10px;
  margin-bottom: 20px;
  max-width: 460px; }

.description-container {
  display: flex;
  align-items: center; }

.mw-350 {
  max-width: 350px; }

#add-edit-template-modal .MuiPaper-root {
  overflow: auto;
  width: 584px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: none;
  outline: none;
  border-radius: 10px;
  padding: 50px 50px; }
  #add-edit-template-modal .MuiPaper-root .add-edit-template-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer; }
  #add-edit-template-modal .MuiPaper-root .add-edit-template-modal-title {
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #1C2731; }

#tree-view-add-edit-template-form {
  width: 584px;
  height: 237px;
  display: grid;
  margin: auto;
  margin-top: 30px; }
  #tree-view-add-edit-template-form .submit-container {
    margin-top: 0;
    margin-bottom: 50px;
    height: 60px; }

.template-item-component {
  height: 102px;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 0 37px;
  margin-bottom: 15px;
  display: inline-flex;
  width: 94%;
  border: 1px solid #D9DEE2; }
  .template-item-component:hover {
    cursor: pointer; }
  .template-item-component .template-label-line-left {
    width: 8px;
    background: #40B6BE;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .template-item-component .template-info {
    width: 90%; }
    .template-item-component .template-info .template-name {
      font-weight: 700;
      font-size: 14px;
      line-height: 18px;
      color: #1C2731;
      margin-top: 19px;
      margin-left: 40px; }
    .template-item-component .template-info .create-template-update-info {
      margin: auto;
      margin-left: 40px; }
      .template-item-component .template-info .create-template-update-info .text-template {
        color: #919BA3; }
  .template-item-component .template-button-container-create-document {
    z-index: 1;
    display: inline-flex;
    margin-left: 0px;
    margin-right: 30px;
    width: 20%;
    justify-content: flex-end; }
    .template-item-component .template-button-container-create-document .create-button {
      height: 40%;
      width: 100%;
      margin: auto;
      background: #40B6BE;
      border-radius: 10px; }
      .template-item-component .template-button-container-create-document .create-button .button-text {
        font-family: "Plus Jakarta Display", sans-serif;
        font-weight: 600;
        font-size: 14px;
        color: #FFFFFF; }
  .template-item-component .template-button-container {
    z-index: 1;
    display: inline-flex;
    margin-left: 0px;
    margin-right: 30px;
    width: 5%;
    justify-content: flex-end; }
    .template-item-component .template-button-container .button {
      border-radius: 0;
      height: 30px;
      margin: auto; }
  .template-item-component .cart-select {
    width: -webkit-fill-available;
    margin-right: 37px;
    height: 102px; }

#create-template {
  position: relative; }
  #create-template .question-container {
    padding-top: 15px;
    overflow: scroll;
    height: 50%;
    width: 100%; }
    #create-template .question-container .no-question-label {
      height: 100%;
      width: 100%;
      font-family: 'Plus Jakarta Display', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #919ba3;
      vertical-align: middle;
      display: flex;
      justify-content: center;
      align-items: center; }
  #create-template .create-template-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 15px; }
    #create-template .create-template-header .back-button {
      display: flex;
      flex-direction: row;
      align-items: center;
      cursor: pointer; }
      #create-template .create-template-header .back-button .back-text {
        margin-left: 10px;
        display: inline-block;
        font-family: 'Plus Jakarta Display', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #1C2731; }
    #create-template .create-template-header .template-name {
      font-family: 'Plus Jakarta Display', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 150%;
      text-align: center;
      color: #1C2731;
      transform: translateX(-20%); }
  #create-template .question-search-add {
    margin-top: 25px;
    margin-left: 25px;
    margin-right: 25px; }
    #create-template .question-search-add .searchfield .MuiPaper-root {
      width: 55%;
      height: 48px;
      box-shadow: none;
      border-radius: 10px;
      border: 1px solid #D9DEE2;
      display: flex;
      float: left;
      align-items: center; }
      #create-template .question-search-add .searchfield .MuiPaper-root .MuiInputBase-root {
        width: 100%;
        font-family: 'Plus Jakarta Display', sans-serif; }
    #create-template .question-search-add .new-question-button {
      padding: 12px 18px !important;
      width: 40%;
      height: 48px;
      border: 2px solid #40B6BE;
      display: flex;
      float: right; }
      #create-template .question-search-add .new-question-button .new-text {
        font-family: 'Plus Jakarta Display', sans-serif;
        line-height: 26px;
        color: #40B6BE;
        margin-left: 5px; }
  #create-template .template-stepper {
    margin-top: 30px; }
    #create-template .template-stepper .MuiStepper-root .MuiStep-root .MuiStepLabel-iconContainer:hover {
      cursor: pointer; }
    #create-template .template-stepper .MuiStepIcon-root {
      color: #D9DEE2; }
    #create-template .template-stepper .MuiStepConnector-root {
      color: red; }
    #create-template .template-stepper .MuiStepConnector-line {
      border: 1px solid #D9DEE2; }
    #create-template .template-stepper .Mui-active {
      color: #40B6BE; }
      #create-template .template-stepper .Mui-active .MuiStepConnector-line {
        border-color: #40B6BE; }
    #create-template .template-stepper .Mui-completed {
      color: #40B6BE; }
      #create-template .template-stepper .Mui-completed .MuiStepConnector-line {
        border-color: #40B6BE; }
    #create-template .template-stepper .MuiStepLabel-label {
      font-family: 'Plus Jakarta Display', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      color: #1A2128; }
  #create-template .template-create-footer {
    width: calc(100% - 40px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    position: absolute;
    bottom: 0;
    height: 10%; }
    #create-template .template-create-footer .back-step-button .back-button {
      width: 100%;
      height: 48px;
      border: 2px solid #40B6BE;
      display: flex;
      margin: 15px auto; }
      #create-template .template-create-footer .back-step-button .back-button .back-text {
        font-family: 'Plus Jakarta Display', sans-serif;
        line-height: 26px;
        color: #40B6BE;
        margin-left: 5px; }
    #create-template .template-create-footer .new-step-button .new-button {
      width: 100%;
      height: 48px;
      display: flex;
      margin: 15px auto; }
      #create-template .template-create-footer .new-step-button .new-button .new-text {
        font-family: 'Plus Jakarta Display', sans-serif;
        line-height: 26px;
        color: #40B6BE;
        margin-left: 5px; }
    #create-template .template-create-footer .next-step-button .next-button {
      background: #40B6BE;
      color: #FFFFFF;
      width: 100%;
      height: 48px;
      border-radius: 10px;
      display: flex;
      float: right; }
      #create-template .template-create-footer .next-step-button .next-button .next-text {
        font-family: 'Plus Jakarta Display', sans-serif;
        line-height: 26px;
        margin-right: 5px; }

#template-document-content {
  position: relative;
  height: 100%; }
  #template-document-content .text-editor {
    height: 90%; }
    #template-document-content .text-editor .ql-toolbar {
      border-radius: 10px;
      border: 1px solid #d9dee2 !important;
      padding-left: 2%;
      padding-right: 2%;
      max-height: 33%; }
      #template-document-content .text-editor .ql-toolbar .ql-formats {
        position: relative;
        margin-bottom: 10px; }
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-active {
          background: rgba(64, 182, 190, 0.08);
          border-radius: 5px; }
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label {
          background: rgba(64, 182, 190, 0.08);
          border-radius: 5px;
          font-size: 12px;
          font-weight: 400; }
          #template-document-content .text-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label svg {
            display: none; }
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-picker .ql-selected,
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-picker .ql-active,
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-item:hover,
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label:hover {
          color: #40B6BE; }
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-picker .ql-picker-label::after {
          content: url(/images/arrow-down-small.svg);
          margin-left: 8px; }
        #template-document-content .text-editor .ql-toolbar .ql-formats button {
          margin-right: 10px; }
        #template-document-content .text-editor .ql-toolbar .ql-formats button:last-child {
          margin-right: 0; }
        #template-document-content .text-editor .ql-toolbar .ql-formats button:hover {
          background: rgba(64, 182, 190, 0.08);
          border-radius: 5px; }
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-color:hover {
          background: rgba(64, 182, 190, 0.08);
          border-radius: 5px; }
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-expanded {
          background: rgba(64, 182, 190, 0.08); }
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-size {
          width: 50px; }
          #template-document-content .text-editor .ql-toolbar .ql-formats .ql-size .ql-picker-label::after {
            margin-left: 1px;
            padding-right: 8px; }
          #template-document-content .text-editor .ql-toolbar .ql-formats .ql-size .ql-picker-label[data-value=small]::before,
          #template-document-content .text-editor .ql-toolbar .ql-formats .ql-size .ql-picker-item[data-value=small]::before {
            content: '10px' !important; }
          #template-document-content .text-editor .ql-toolbar .ql-formats .ql-size .ql-picker-label::before,
          #template-document-content .text-editor .ql-toolbar .ql-formats .ql-size .ql-picker-item::before {
            content: '12px' !important; }
          #template-document-content .text-editor .ql-toolbar .ql-formats .ql-size .ql-picker-label[data-value=large]::before,
          #template-document-content .text-editor .ql-toolbar .ql-formats .ql-size .ql-picker-item[data-value=large]::before {
            content: '24px' !important; }
          #template-document-content .text-editor .ql-toolbar .ql-formats .ql-size .ql-picker-label[data-value=huge]::before,
          #template-document-content .text-editor .ql-toolbar .ql-formats .ql-size .ql-picker-item[data-value=huge]::before {
            content: '32px' !important; }
        #template-document-content .text-editor .ql-toolbar .ql-formats .ql-font {
          margin-left: 12px; }
      #template-document-content .text-editor .ql-toolbar .ql-formats::after {
        content: '';
        position: absolute;
        height: 24px;
        width: 1px;
        background: #EEF1F3;
        top: 0;
        right: -13px; }
      #template-document-content .text-editor .ql-toolbar .ql-formats:nth-child(1) {
        margin-right: 23px; }
      #template-document-content .text-editor .ql-toolbar .ql-formats:nth-child(2) {
        margin-right: 0; }
        #template-document-content .text-editor .ql-toolbar .ql-formats:nth-child(2) .ql-picker-label {
          background: transparent; }
        #template-document-content .text-editor .ql-toolbar .ql-formats:nth-child(2) .ql-picker-label::after {
          display: none; }
      #template-document-content .text-editor .ql-toolbar .ql-formats:nth-child(3) {
        margin-left: 25px; }
      #template-document-content .text-editor .ql-toolbar .ql-formats:nth-child(4) {
        margin-left: 14px;
        margin-right: 22px; }
      #template-document-content .text-editor .ql-toolbar .ql-formats:last-child {
        margin-left: 10px; }
      #template-document-content .text-editor .ql-toolbar .ql-formats:last-child::after {
        display: none; }
      #template-document-content .text-editor .ql-toolbar .question-slider .MuiTabs-scrollButtons.Mui-disabled {
        opacity: 1; }
      #template-document-content .text-editor .ql-toolbar .question-slider .MuiTabs-flexContainer {
        height: 100%; }
        #template-document-content .text-editor .ql-toolbar .question-slider .MuiTabs-flexContainer .no-question-label {
          height: 100%;
          width: 100%;
          font-family: 'Plus Jakarta Display', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          color: #919ba3;
          vertical-align: middle;
          display: flex;
          justify-content: center;
          align-items: center; }
      #template-document-content .text-editor .ql-toolbar .question-slider .question-toolbar-button {
        margin-left: 10px; }
        #template-document-content .text-editor .ql-toolbar .question-slider .question-toolbar-button .question-button {
          height: 30px;
          width: 100%;
          border: 2px solid #40B6BE;
          display: flex;
          margin: 15px auto; }
          #template-document-content .text-editor .ql-toolbar .question-slider .question-toolbar-button .question-button .button-text {
            font-family: 'Plus Jakarta Display', sans-serif;
            line-height: 26px;
            color: #40B6BE; }
    #template-document-content .text-editor .quill.large-template-editor {
      height: 67%; }
      #template-document-content .text-editor .quill.large-template-editor .ql-container {
        overflow-y: scroll;
        min-height: 200px;
        max-height: 100%;
        border: none; }
  #template-document-content .editor-footer {
    width: calc(100% - 40px);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    background: rgba(238, 241, 243, 0.5);
    border: 1px solid #D9DEE2;
    border-radius: 10px;
    bottom: 0;
    height: 10%; }
    #template-document-content .editor-footer .next-button {
      background: #40B6BE;
      color: #FFFFFF;
      width: 125px;
      height: 48px;
      border-radius: 10px;
      float: right; }
      #template-document-content .editor-footer .next-button .next-text {
        font-family: 'Plus Jakarta Display', sans-serif;
        line-height: 26px;
        margin-left: 5px; }

#add-edit-question-modal .paper-space .MuiPaper-root {
  overflow: auto;
  width: 35%;
  height: 90%;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: none;
  outline: none;
  border-radius: 10px;
  padding: 50px 50px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 5%; }
  #add-edit-question-modal .paper-space .MuiPaper-root .add-edit-question-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer; }
  #add-edit-question-modal .paper-space .MuiPaper-root .add-edit-question-modal-title {
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #1C2731; }
  #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: auto;
    gap: 10%;
    position: relative; }
    #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form .question-field .margin-shifted-label {
      margin-bottom: 0 !important; }
    #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form #quill-question-comment {
      margin-top: -40px; }
      #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form #quill-question-comment .quill .ql-container {
        overflow-y: scroll;
        height: 100px;
        border: none; }
    #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form .select-question-type {
      margin-top: -15px; }
      #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form .select-question-type .margin-shifted-label {
        margin-bottom: 0 !important; }
    #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form .question-required {
      margin-top: -40px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form .question-required .edit-options-button {
        padding: 12px 18px !important;
        width: 35%;
        height: 70%;
        border: 2px solid #40B6BE;
        display: flex;
        float: right; }
        #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form .question-required .edit-options-button .new-text {
          line-height: 26px;
          color: #40B6BE;
          margin-left: 5px; }
    #add-edit-question-modal .paper-space .MuiPaper-root #question-add-form .submit-container {
      margin-top: 25px;
      position: absolute;
      bottom: 3%;
      width: 100%;
      height: 60px; }

#quill-question-comment .description-label {
  margin-bottom: 5px; }
  #quill-question-comment .description-label .MuiInputLabel-root {
    transform: scale(1);
    font-size: 14px; }
#quill-question-comment .quill {
  border-radius: 10px;
  border: 1px solid #d9dee2 !important;
  padding-bottom: 50px; }
  #quill-question-comment .quill .ql-toolbar {
    border: none;
    padding-left: 2%;
    padding-right: 2%; }
    #quill-question-comment .quill .ql-toolbar .ql-formats {
      position: relative;
      margin-bottom: 10px; }
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-active {
        background: rgba(64, 182, 190, 0.08);
        border-radius: 5px; }
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-picker .ql-picker-label {
        background: rgba(64, 182, 190, 0.08);
        border-radius: 5px;
        font-size: 12px;
        font-weight: 400; }
        #quill-question-comment .quill .ql-toolbar .ql-formats .ql-picker .ql-picker-label svg {
          display: none; }
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-picker .ql-selected,
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-picker .ql-active,
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-picker .ql-picker-item:hover,
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-picker .ql-picker-label:hover {
        color: #40B6BE; }
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-picker .ql-picker-label::after {
        content: url(/images/arrow-down-small.svg);
        margin-left: 8px; }
      #quill-question-comment .quill .ql-toolbar .ql-formats button {
        margin-right: 10px; }
      #quill-question-comment .quill .ql-toolbar .ql-formats button:last-child {
        margin-right: 0; }
      #quill-question-comment .quill .ql-toolbar .ql-formats button:hover {
        background: rgba(64, 182, 190, 0.08);
        border-radius: 5px; }
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-color:hover {
        background: rgba(64, 182, 190, 0.08);
        border-radius: 5px; }
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-expanded {
        background: rgba(64, 182, 190, 0.08); }
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-size {
        width: 50px; }
        #quill-question-comment .quill .ql-toolbar .ql-formats .ql-size .ql-picker-label::after {
          margin-left: 1px;
          padding-right: 8px; }
        #quill-question-comment .quill .ql-toolbar .ql-formats .ql-size .ql-picker-label[data-value=small]::before,
        #quill-question-comment .quill .ql-toolbar .ql-formats .ql-size .ql-picker-item[data-value=small]::before {
          content: '10px' !important; }
        #quill-question-comment .quill .ql-toolbar .ql-formats .ql-size .ql-picker-label::before,
        #quill-question-comment .quill .ql-toolbar .ql-formats .ql-size .ql-picker-item::before {
          content: '12px' !important; }
        #quill-question-comment .quill .ql-toolbar .ql-formats .ql-size .ql-picker-label[data-value=large]::before,
        #quill-question-comment .quill .ql-toolbar .ql-formats .ql-size .ql-picker-item[data-value=large]::before {
          content: '24px' !important; }
        #quill-question-comment .quill .ql-toolbar .ql-formats .ql-size .ql-picker-label[data-value=huge]::before,
        #quill-question-comment .quill .ql-toolbar .ql-formats .ql-size .ql-picker-item[data-value=huge]::before {
          content: '32px' !important; }
      #quill-question-comment .quill .ql-toolbar .ql-formats .ql-font {
        margin-left: 12px; }
    #quill-question-comment .quill .ql-toolbar .ql-formats::after {
      content: '';
      position: absolute;
      height: 24px;
      width: 1px;
      background: #EEF1F3;
      top: 0;
      right: -13px; }
    #quill-question-comment .quill .ql-toolbar .ql-formats:nth-child(1) {
      margin-right: 23px; }
    #quill-question-comment .quill .ql-toolbar .ql-formats:nth-child(2) {
      margin-right: 0; }
      #quill-question-comment .quill .ql-toolbar .ql-formats:nth-child(2) .ql-picker-label {
        background: transparent; }
      #quill-question-comment .quill .ql-toolbar .ql-formats:nth-child(2) .ql-picker-label::after {
        display: none; }
    #quill-question-comment .quill .ql-toolbar .ql-formats:nth-child(3) {
      margin-left: 25px; }
    #quill-question-comment .quill .ql-toolbar .ql-formats:nth-child(4) {
      margin-left: 14px;
      margin-right: 22px; }
    #quill-question-comment .quill .ql-toolbar .ql-formats:last-child {
      margin-left: 10px; }
    #quill-question-comment .quill .ql-toolbar .ql-formats:last-child::after {
      display: none; }
  #quill-question-comment .quill .ql-container {
    min-height: 100px;
    border: none; }
    #quill-question-comment .quill .ql-container .ql-editor {
      font-size: 16px;
      font-family: "Plus Jakarta Display", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400; }
    #quill-question-comment .quill .ql-container .ql-editor::before {
      font-family: "Plus Jakarta Display", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      color: #A9B2B9; }

.question-component {
  height: 25%;
  max-height: 40%;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 0 25px;
  margin-bottom: 15px;
  width: -webkit-fill-available;
  border: 1px solid #D9DEE2;
  display: flex;
  flex-direction: row; }
  .question-component .question-info {
    width: 60%;
    overflow-y: scroll;
    padding-right: 5%; }
    .question-component .question-info .question-name {
      font-weight: 700;
      font-size: 14px;
      line-height: 18px;
      color: #1C2731;
      margin-top: 5%;
      margin-left: 40px; }
    .question-component .question-info .question-update-info {
      margin: auto;
      padding-left: 40px; }
      .question-component .question-info .question-update-info .text-template {
        height: 70%;
        color: #919BA3;
        overflow-y: scroll; }
  .question-component .question-button-container {
    z-index: 1;
    display: inline-flex;
    margin-left: auto;
    margin-right: 20px;
    width: 35%; }
    .question-component .question-button-container .question-type {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 8px 20px;
      background: rgba(64, 182, 190, 0.08);
      border-radius: 28px;
      height: 18px;
      margin: auto;
      color: #40B6BE;
      font-family: "Plus Jakarta Display", sans-serif;
      font-style: normal;
      font-weight: 700;
      width: 30%;
      text-align: center; }
    .question-component .question-button-container .button {
      border-radius: 0;
      height: 30px;
      margin: auto; }

.form-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 90%; }
  .form-page .stepper {
    width: 50%;
    height: 9%;
    padding-bottom: 1%;
    padding-top: 1%; }
    .form-page .stepper .template-stepper .MuiStepper-root .MuiStep-root .MuiStepLabel-iconContainer:hover {
      cursor: pointer; }
    .form-page .stepper .template-stepper .MuiStepIcon-root {
      color: #D9DEE2; }
    .form-page .stepper .template-stepper .MuiStepConnector-root {
      color: red; }
    .form-page .stepper .template-stepper .MuiStepConnector-line {
      border: 1px solid #D9DEE2; }
    .form-page .stepper .template-stepper .Mui-active {
      color: #40B6BE; }
      .form-page .stepper .template-stepper .Mui-active .MuiStepConnector-line {
        border-color: #40B6BE; }
    .form-page .stepper .template-stepper .Mui-completed {
      color: #40B6BE; }
      .form-page .stepper .template-stepper .Mui-completed .MuiStepConnector-line {
        border-color: #40B6BE; }
    .form-page .stepper .template-stepper .MuiStepLabel-label {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      color: #1A2128; }
  .form-page .form {
    width: 50%;
    min-height: 60%;
    max-height: 80%;
    margin-top: 1%;
    position: relative; }
    .form-page .form .form-header {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 90%;
      margin-left: 10%;
      margin-right: 10%;
      padding-top: 2%; }
      .form-page .form .form-header .back-button-btn {
        background: transparent;
        border: none; }
        .form-page .form .form-header .back-button-btn .back-button {
          display: flex;
          flex-direction: row;
          align-items: center;
          cursor: pointer;
          flex-grow: 0.38; }
          .form-page .form .form-header .back-button-btn .back-button .back-text {
            margin-left: 10px;
            display: inline-block;
            font-family: "Plus Jakarta Display", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 150%;
            color: #1C2731; }
      .form-page .form .form-header .template-name {
        font-family: "Plus Jakarta Display", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        text-align: center;
        color: #1C2731;
        flex-grow: 1.25; }
    .form-page .form .form-container {
      width: 100%;
      height: 75%;
      overflow-y: scroll; }
      .form-page .form .form-container .generated-form {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%; }
        .form-page .form .form-container .generated-form .form-field {
          width: 80%;
          margin-top: 5%; }
          .form-page .form .form-container .generated-form .form-field .generated-form-field .MuiInputLabel-root {
            margin-top: -5%;
            transform: scale(1);
            font-size: 14px;
            color: #1C2731; }
            .form-page .form .form-container .generated-form .form-field .generated-form-field .MuiInputLabel-root.Mui-error {
              color: #f44336; }
          .form-page .form .form-container .generated-form .form-field .generated-form-field .MuiOutlinedInput-root {
            border: 1px solid #D9DEE2; }
          .form-page .form .form-container .generated-form .form-field .generated-form-field .MuiOutlinedInput-notchedOutline {
            border: none; }
    .form-page .form .form-footer {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      position: absolute;
      bottom: 0;
      height: 10%; }
      .form-page .form .form-footer .next-button {
        background: #40B6BE;
        color: #FFFFFF;
        border-radius: 10px;
        height: 80%;
        width: 80%;
        margin-bottom: 2%; }
        .form-page .form .form-footer .next-button .next-text {
          line-height: 26px;
          margin-left: 5px; }

#choose-template-modal {
  overflow-y: scroll; }
  #choose-template-modal .MuiPaper-root {
    background: white;
    width: 70%;
    height: 90%;
    margin-top: 2%;
    margin-left: 15%; }
  #choose-template-modal #tree-list-container {
    margin-top: 0px !important; }
    #choose-template-modal #tree-list-container .MuiPaper-root {
      margin-top: 0%;
      margin-left: 0%;
      width: 250px; }
  #choose-template-modal .templates-container-cart .MuiPaper-root {
    width: 100%;
    margin-left: 0%; }
  #choose-template-modal .templates-list .header .MuiPaper-root {
    width: 100%;
    margin-left: 0%; }
  #choose-template-modal .templates-container {
    padding: 2%;
    background-color: #F7F9FC;
    min-height: 700px; }

#documents {
  margin-bottom: 50px;
  padding-left: 240px;
  padding-right: 15px;
  margin-top: -600px !important; }
  #documents .content {
    width: -webkit-fill-available;
    display: inline-flex; }
    #documents .content .documents-list {
      margin-left: 20px;
      width: -webkit-fill-available; }
    #documents .content .documents-list #table-page, #documents .content .documents-list .boards-page-header {
      margin-top: 0px !important; }
      #documents .content .documents-list #table-page .header, #documents .content .documents-list .boards-page-header .header {
        margin-top: 0px; }
        #documents .content .documents-list #table-page .headertop-header, #documents .content .documents-list .boards-page-header .headertop-header {
          margin-top: 0px; }

#add-edit-question-modal-option .MuiPaper-root {
  overflow: auto;
  width: 30%;
  height: 70%;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: none;
  outline: none;
  border-radius: 10px;
  padding: 3%; }
  #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option {
    width: 100%;
    height: 100%;
    position: relative; }
    #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .add-edit-question-modal-close {
      position: absolute;
      top: -5%;
      right: -6%;
      cursor: pointer; }
    #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .add-edit-question-modal-title {
      font-weight: 700;
      font-size: 28px;
      text-align: center;
      color: #1C2731; }
    #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .header {
      margin-top: 5%;
      margin-bottom: 5%;
      width: 80%;
      margin-left: 10%; }
      #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .header .new-option-button {
        width: 100%;
        height: 48px;
        border: 2px solid #40B6BE; }
        #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .header .new-option-button .new-text {
          line-height: 26px;
          color: #40B6BE;
          margin-left: 5px; }
    #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .options-container {
      height: 50%;
      width: 80%;
      margin-left: 10%; }
      #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .options-container .question-option-component {
        height: 15%;
        width: 100%;
        box-sizing: border-box;
        border-radius: 10px;
        margin-bottom: 15px;
        border: 1px solid #D9DEE2;
        display: flex;
        flex-direction: row;
        align-items: center; }
        #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .options-container .question-option-component .question-option-info {
          width: 60%;
          overflow-y: scroll;
          padding-right: 5%; }
          #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .options-container .question-option-component .question-option-info .question-option-name {
            font-weight: 700;
            font-size: 14px;
            line-height: 18px;
            color: #1C2731;
            margin-left: 40px; }
          #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .options-container .question-option-component .question-option-info .question-update-info {
            margin: auto;
            padding-left: 40px; }
            #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .options-container .question-option-component .question-option-info .question-update-info .text-template {
              height: 70%;
              color: #919BA3;
              overflow-y: scroll; }
        #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .options-container .question-option-component .question-button-container {
          z-index: 1;
          display: inline-flex;
          margin-left: auto;
          margin-right: 30px;
          width: 35%; }
          #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .options-container .question-option-component .question-button-container .question-type {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 8px 20px;
            background: rgba(64, 182, 190, 0.08);
            border-radius: 28px;
            height: 18px;
            margin: auto;
            color: #40B6BE;
            font-family: "Plus Jakarta Display", sans-serif;
            font-style: normal;
            font-weight: 700; }
          #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .options-container .question-option-component .question-button-container .button {
            border-radius: 0;
            height: 30px;
            margin: auto; }
    #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .footer {
      width: 100%;
      bottom: 0;
      position: absolute;
      transform: translateX(-50%);
      left: 50%; }
      #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .footer .save-button {
        width: 80%;
        margin-left: 10%; }
        #add-edit-question-modal-option .MuiPaper-root .add-edit-question-option .footer .save-button .MuiButton-root {
          height: 50px;
          width: 100%;
          border-radius: 10px; }

#add-edit-question-option-modal .MuiPaper-root {
  overflow: auto;
  width: 35%;
  height: 35%;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: none;
  outline: none;
  border-radius: 10px;
  padding: 50px 50px; }
  #add-edit-question-option-modal .MuiPaper-root .add-edit-question-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer; }
  #add-edit-question-option-modal .MuiPaper-root .add-edit-question-modal-title {
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #1C2731;
    margin-bottom: 10%; }

.check-list-create-template {
  justify-content: center; }

#create-template-check-list {
  position: relative;
  justify-content: center; }
  #create-template-check-list .question-container {
    padding-top: 15px;
    overflow: scroll;
    height: 50%;
    width: 100%; }
    #create-template-check-list .question-container .no-question-label {
      height: 100%;
      width: 100%;
      font-family: 'Plus Jakarta Display', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #919ba3;
      vertical-align: middle;
      display: flex;
      justify-content: center;
      align-items: center; }
  #create-template-check-list .create-template-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 15px; }
    #create-template-check-list .create-template-header .back-button {
      display: flex;
      flex-direction: row;
      align-items: center;
      cursor: pointer; }
      #create-template-check-list .create-template-header .back-button .back-text {
        margin-left: 10px;
        display: inline-block;
        font-family: 'Plus Jakarta Display', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #1C2731; }
    #create-template-check-list .create-template-header .template-name {
      font-family: 'Plus Jakarta Display', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 150%;
      text-align: center;
      color: #1C2731;
      transform: translateX(-20%); }
  #create-template-check-list .question-search-add {
    margin-top: 25px;
    margin-left: 25px;
    margin-right: 25px; }
    #create-template-check-list .question-search-add .searchfield .MuiPaper-root {
      width: 55%;
      height: 48px;
      box-shadow: none;
      border-radius: 10px;
      border: 1px solid #D9DEE2;
      display: flex;
      float: left;
      align-items: center; }
      #create-template-check-list .question-search-add .searchfield .MuiPaper-root .MuiInputBase-root {
        width: 100%;
        font-family: 'Plus Jakarta Display', sans-serif; }
    #create-template-check-list .question-search-add .new-question-button {
      padding: 12px 18px !important;
      width: 40%;
      height: 48px;
      border: 2px solid #40B6BE;
      display: flex;
      float: right; }
      #create-template-check-list .question-search-add .new-question-button .new-text {
        font-family: 'Plus Jakarta Display', sans-serif;
        line-height: 26px;
        color: #40B6BE;
        margin-left: 5px; }
  #create-template-check-list .template-stepper {
    margin-top: 30px; }
    #create-template-check-list .template-stepper .MuiStepper-root .MuiStep-root .MuiStepLabel-iconContainer:hover {
      cursor: pointer; }
    #create-template-check-list .template-stepper .MuiStepIcon-root {
      color: #D9DEE2; }
    #create-template-check-list .template-stepper .MuiStepConnector-root {
      color: red; }
    #create-template-check-list .template-stepper .MuiStepConnector-line {
      border: 1px solid #D9DEE2; }
    #create-template-check-list .template-stepper .Mui-active {
      color: #40B6BE; }
      #create-template-check-list .template-stepper .Mui-active .MuiStepConnector-line {
        border-color: #40B6BE; }
    #create-template-check-list .template-stepper .Mui-completed {
      color: #40B6BE; }
      #create-template-check-list .template-stepper .Mui-completed .MuiStepConnector-line {
        border-color: #40B6BE; }
    #create-template-check-list .template-stepper .MuiStepLabel-label {
      font-family: 'Plus Jakarta Display', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      color: #1A2128; }
  #create-template-check-list .template-create-footer {
    width: calc(100% - 40px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    position: absolute;
    bottom: 0;
    height: 10%; }
    #create-template-check-list .template-create-footer .back-step-button .back-button {
      width: 100%;
      height: 48px;
      border: 2px solid #40B6BE;
      display: flex;
      margin: 15px auto; }
      #create-template-check-list .template-create-footer .back-step-button .back-button .back-text {
        font-family: 'Plus Jakarta Display', sans-serif;
        line-height: 26px;
        color: #40B6BE;
        margin-left: 5px; }
    #create-template-check-list .template-create-footer .new-step-button .new-button {
      width: 100%;
      height: 48px;
      display: flex;
      margin: 15px auto; }
      #create-template-check-list .template-create-footer .new-step-button .new-button .new-text {
        font-family: 'Plus Jakarta Display', sans-serif;
        line-height: 26px;
        color: #40B6BE;
        margin-left: 5px; }
    #create-template-check-list .template-create-footer .next-step-button .next-button {
      background: #40B6BE;
      color: #FFFFFF;
      width: 100%;
      height: 48px;
      border-radius: 10px;
      display: flex;
      float: right; }
      #create-template-check-list .template-create-footer .next-step-button .next-button .next-text {
        font-family: 'Plus Jakarta Display', sans-serif;
        line-height: 26px;
        margin-right: 5px; }

.statistic-container {
  display: flex;
  flex-direction: row;
  width: 100%; }
  .statistic-container .statistic-overview-item {
    flex-direction: column;
    justify-content: space-between;
    background: #FFFFFF;
    width: calc(25% - 20px);
    height: calc(100% - 20px);
    border-radius: 10px;
    padding: 15px 0 15px 20px;
    margin-top: 3%;
    margin-right: 3%; }
    .statistic-container .statistic-overview-item .title {
      color: #a9b2b9;
      font-family: 'Plus Jakarta Display', sans-serif !important;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      padding: 0; }
    .statistic-container .statistic-overview-item .main {
      min-height: 20px;
      margin-bottom: 5px;
      color: #333d46;
      font-weight: 700;
      font-size: 18px;
      font-family: 'Plus Jakarta Display', sans-serif !important; }
    .statistic-container .statistic-overview-item .data-flex {
      flex-direction: column; }
    .statistic-container .statistic-overview-item .data {
      min-height: 21px;
      font-size: 16px;
      font-weight: 400;
      color: #333d46; }

.catalog-container {
  margin-top: 3%; }
  .catalog-container .card {
    border-radius: 8px; }

#appRoot {
  all: initial;
  display: block;
  z-index: 2147483647;
  position: fixed;
  font-family: "Inter", "Helvetica", "Arial", sans-serif; }
  #appRoot .button-d1-0-3-15 {
    color: #40b6be;
    right: 2%;
    border: none;
    bottom: 2%;
    cursor: pointer;
    height: 46px;
    width: 46px;
    margin: 0px;
    display: flex;
    outline: none;
    padding: 0px 14px;
    overflow: hidden;
    position: fixed;
    font-size: 16px;
    transform: translateY(0px) translateX(50%);
    background: white;
    box-shadow: rgba(0, 0, 0, 0.1) -4px -12px 25px 0;
    box-sizing: border-box;
    transition: transform 400ms ease 0s;
    align-items: center;
    font-family: Inter, Helvetica, Arial, sans-serif;
    font-weight: 500;
    user-select: none;
    white-space: nowrap;
    justify-content: center;
    appearance: none;
    border-radius: 50%; }
    #appRoot .button-d1-0-3-15 .contentWrapper-0-3-10 {
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: center; }
    #appRoot .button-d1-0-3-15 .contentWrapper-0-3-10 span {
      display: none; }
    #appRoot .button-d1-0-3-15 .contentWrapper-0-3-10::before {
      content: url("/images/icons/blue/warning-polygon.svg"); }

.MuiTreeItem-iconContainer:empty {
  display: none !important; }

/*# sourceMappingURL=style.css.map */