body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  background: #fff;
  font-family: interregular;
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: #2c5efb;
  cursor: pointer;
  text-decoration: none;
}

input:-internal-autofill-selected {
  background-color: #fff !important;
}

input:-webkit-autofill {
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out;
  box-shadow: inset 0 0 20px 20px #ffffff29;
}

input:-webkit-autofill:hover {
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out;
  box-shadow: inset 0 0 20px 20px #ffffff29;
}

input:-webkit-autofill:focus {
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out;
  box-shadow: inset 0 0 20px 20px #ffffff29;
}

input:-webkit-autofill:active {
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out;
  box-shadow: inset 0 0 20px 20px #ffffff29;
}

@font-face {
  font-family: interregular;
  src: url("inter-regular.fc9f1e18.woff2") format("woff2"), url("inter-regular.010774dc.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: intermedium;
  src: url("inter-medium.78b79291.woff2") format("woff2"), url("inter-medium.b6e5383b.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: intersemi_bold;
  src: url("inter-semibold.59cf3146.woff2") format("woff2"), url("inter-semibold.b4c68fcf.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: interbold;
  src: url("inter-bold.446430f6.woff2") format("woff2"), url("inter-bold.c224ed83.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: interextra_bold;
  src: url("inter-extrabold.7ddbedac.woff2") format("woff2"), url("inter-extrabold.09ae33b7.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px #d0d0d0;
}

::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #bababa;
}

.medium_bold {
  font-family: intermedium;
}

.semi_bold {
  font-family: intersemi_bold;
}

.bold {
  font-family: interbold;
}

.extra_bold {
  font-family: interextra_bold;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.relative {
  position: relative;
}

.br_btm {
  border-bottom: 1px solid #e9e9e9;
}

.br_right {
  border-right: 1px solid #e9e9e9;
}

.br_top {
  border-top: 1px solid #e9e9e9;
}

.italic {
  font-style: italic;
}

.txt_trike {
  text-decoration: line-through;
}

.fnt10 {
  font-size: 10px;
}

.fnt11 {
  font-size: 11px;
}

.fnt12 {
  font-size: 12px;
}

.fnt13 {
  font-size: 13px;
}

.fnt14 {
  font-size: 14px;
}

.fnt15 {
  font-size: 15px;
}

.fnt16 {
  font-size: 16px !important;
}

.fnt17 {
  font-size: 17px;
}

.fnt18 {
  font-size: 18px;
}

.fnt19 {
  font-size: 19px;
}

.fnt20 {
  font-size: 20px;
}

.fnt21 {
  font-size: 21px;
}

.fnt22 {
  font-size: 22px;
}

.fnt30 {
  font-size: 30px;
}

.fnt32 {
  font-size: 32px;
}

.padd_top0 {
  padding-top: 0 !important;
}

.padd_top2 {
  padding-top: 2px !important;
}

.padd_top12 {
  padding-top: 12px !important;
}

.padd_top14 {
  padding-top: 14px !important;
}

.padd_top16 {
  padding-top: 16px !important;
}

.padd_top18 {
  padding-top: 18px !important;
}

.padd_top22 {
  padding-top: 22px !important;
}

.padd_btm12 {
  padding-bottom: 12px !important;
}

.padd_right20 {
  padding-right: 20px !important;
}

.padd_right24 {
  padding-right: 24px !important;
}

.margn_top_ms1 {
  margin-top: -1px;
}

.margn_top_ms2 {
  margin-top: -2px;
}

.margn_top_ms3 {
  margin-top: -3px;
}

.margn_top_ms4 {
  margin-top: -4px;
}

.margn_top_ms6 {
  margin-top: -6px;
}

.margn_top_ms7 {
  margin-top: -7px;
}

.margn_top_ms9 {
  margin-top: -9px;
}

.margn_top0 {
  margin-top: 0 !important;
}

.margn_top1 {
  margin-top: 1px;
}

.margn_top2 {
  margin-top: 2px;
}

.margn_top3 {
  margin-top: 3px;
}

.margn_top4 {
  margin-top: 4px;
}

.margn_top5 {
  margin-top: 5px;
}

.margn_top6 {
  margin-top: 6px;
}

.margn_top7 {
  margin-top: 7px;
}

.margn_top8 {
  margin-top: 8px;
}

.margn_top10 {
  margin-top: 10px;
}

.margn_top11 {
  margin-top: 11px;
}

.margn_top12 {
  margin-top: 12px;
}

.margn_top14 {
  margin-top: 14px;
}

.margn_top16 {
  margin-top: 16px;
}

.margn_top17 {
  margin-top: 17px;
}

.margn_top18 {
  margin-top: 18px;
}

.margn_top20 {
  margin-top: 20px !important;
}

.margn_top22 {
  margin-top: 22px !important;
}

.margn_top24 {
  margin-top: 24px !important;
}

.margn_top25 {
  margin-top: 25px !important;
}

.margn_top26 {
  margin-top: 26px !important;
}

.margn_top32 {
  margin-top: 32px;
}

.margn_top40 {
  margin-top: 40px;
}

.margn_top45 {
  margin-top: 45px;
}

.margn_top50 {
  margin-top: 50px;
}

.margn_rigt_ms4 {
  margin-right: -4px;
}

.margn_rigt_ms5 {
  margin-right: -5px;
}

.margn_rigt_ms8 {
  margin-right: -8px;
}

.margn_rigt_ms10 {
  margin-right: -10px;
}

.margn_rigt_ms17 {
  margin-right: -17px;
}

.margn_rigt2 {
  margin-right: 2px;
}

.margn_rigt4 {
  margin-right: 4px;
}

.margn_rigt5 {
  margin-right: 5px;
}

.margn_rigt6 {
  margin-right: 6px;
}

.margn_rigt7 {
  margin-right: 7px;
}

.margn_rigt8 {
  margin-right: 8px;
}

.margn_rigt10 {
  margin-right: 10px;
}

.margn_rigt12 {
  margin-right: 12px;
}

.margn_rigt14 {
  margin-right: 14px;
}

.margn_rigt16 {
  margin-right: 16px;
}

.margn_rigt20 {
  margin-right: 20px;
}

.margn_rigt22 {
  margin-right: 22px;
}

.margn_rigt24 {
  margin-right: 24px;
}

.margn_rigt26 {
  margin-right: 26px;
}

.margn_rigt30 {
  margin-right: 30px;
}

.margn_rigt35 {
  margin-right: 35px;
}

.margn_rigt40 {
  margin-right: 40px;
}

.margn_left_ms3 {
  margin-left: -3px;
}

.margn_left_ms20 {
  margin-left: -20px;
}

.margn_left_ms26 {
  margin-left: -26px;
}

.margn_left2 {
  margin-left: 2px;
}

.margn_left5 {
  margin-left: 5px;
}

.margn_left8 {
  margin-left: 8px;
}

.margn_left10 {
  margin-left: 10px;
}

.margn_left12 {
  margin-left: 12px;
}

.margn_left15 {
  margin-left: 15px;
}

.margn_left16 {
  margin-left: 16px;
}

.margn_left18 {
  margin-left: 18px;
}

.margn_left20 {
  margin-left: 20px;
}

.margn_left23 {
  margin-left: 23px;
}

.margn_left24 {
  margin-left: 24px;
}

.margn_left26 {
  margin-left: 26px;
}

.margn_left28 {
  margin-left: 28px;
}

.margn_left30 {
  margin-left: 30px;
}

.margn_left32 {
  margin-left: 32px;
}

.margn_btm0 {
  margin-bottom: 0 !important;
}

.margn_btm4 {
  margin-bottom: 4px;
}

.margn_btm6 {
  margin-bottom: 6px;
}

.margn_btm8 {
  margin-bottom: 8px;
}

.margn_btm10 {
  margin-bottom: 10px;
}

.margn_btm12 {
  margin-bottom: 12px;
}

.margn_btm14 {
  margin-bottom: 14px;
}

.margn_btm15 {
  margin-bottom: 15px;
}

.margn_btm18 {
  margin-bottom: 18px;
}

.margn_btm20 {
  margin-bottom: 20px;
}

.margn_btm30 {
  margin-bottom: 30px;
}

.margn_btm70 {
  margin-bottom: 70px;
}

.font500 {
  font-weight: 500;
}

.font600 {
  font-weight: 600;
}

.width60pr {
  width: 60%;
}

.width70pr {
  width: 70%;
}

.width88pr {
  width: 88%;
}

.width89pr {
  width: 89%;
}

.curvd_bx1 {
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  height: 48px;
  padding: 8px 14px;
}

.black_txt {
  color: #000;
}

.dark_black {
  color: #2e3346;
}

.dark_black2 {
  color: #524f4c;
}

.grey_color1 {
  color: #a1a3b0 !important;
}

.grey_color2 {
  color: #6a6562 !important;
}

.flex {
  display: flex;
}

.textfield1 {
  color: #000;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0;
  font-family: intermedium;
  font-size: 17px;
}

.textfield1::placeholder {
  color: #c9c7c7;
  font-family: interregular;
}

.textfield2 {
  text-align: center;
  color: #000;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  outline: none;
  width: 70px;
  height: 70px;
  padding: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 70px;
}

.textfield3 {
  color: #000;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0;
  font-family: interregular;
  font-size: 15px;
  font-weight: normal;
}

.textfield4 {
  color: #000;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0;
  font-family: interregular;
  font-size: 16px;
  font-weight: normal;
}

.textfield4::placeholder {
  color: #c9c7c7;
  font-style: italic;
}

.textfield5 {
  color: #000;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  outline: none;
  width: 100%;
  height: 32px;
  padding: 0 10px;
  font-size: 13px;
}

.textfield5::placeholder {
  color: #c9c7c7;
}

.textfield6 {
  color: #000;
  box-sizing: border-box;
  border: 0;
  outline: none;
  height: 32px;
  padding: 0 7px;
  font-size: 14px;
}

.textfield6::placeholder {
  color: #656565;
}

.textfield7 {
  color: #000;
  background: none;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0;
  font-family: interregular;
  font-size: 13px;
  font-weight: normal;
}

.textfield7::placeholder {
  color: #c9c7c7;
  font-style: italic;
}

.textfield8 {
  color: #000;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0;
  font-family: interregular;
  font-size: 14px;
}

.textfield8::placeholder {
  color: #c9c7c7;
}

.textfield9 {
  color: #000;
  border: 1px solid #d1d1d2;
  border-radius: 6px;
  outline: none;
  height: 33px;
  padding: 0 12px;
  font-family: interregular;
  font-size: 14px;
  position: absolute;
  top: 20px;
  left: 60px;
  right: 40px;
}

.textfield9::placeholder {
  color: #c9c7c7;
}

.textarea1 {
  color: #000;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0;
  font-family: interregular;
  font-size: 14px;
  font-weight: normal;
}

.textarea1::placeholder {
  color: #c9c7c7;
}

.textarea2 {
  color: #000;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0;
  font-family: interregular;
  font-size: 17px;
  font-weight: normal;
}

.textfield2::placeholder {
  color: #c9c7c7;
}

.textarea3 {
  color: #000;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0;
  font-family: interregular;
  font-size: 15px;
  font-weight: normal;
}

.textfield3::placeholder {
  color: #c9c7c7;
}

.textarea4 {
  color: #000;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0;
  font-family: interregular;
  font-size: 14px;
  font-weight: normal;
}

.textfield4::placeholder {
  color: #c9c7c7;
}

input[type="checkbox"] + .custom_checkbox_1 {
  vertical-align: middle;
  background: #fff;
  border: 2px solid #4e4e4e;
  border-radius: 4.5px;
  padding: 5.5px;
  display: inline-block;
  position: relative;
  top: -2.5px;
  left: -17px;
  margin-right: -6px !important;
}

input[type="checkbox"]:checked + .custom_checkbox_1:after {
  content: "✔";
  color: #fff;
  background: #2c5efb;
  border: none;
  border-radius: 4px;
  height: 14.6px;
  padding: 0 3.4px;
  font-size: 9px;
  line-height: 16px;
  position: absolute;
  top: -2px;
  left: -1.5px;
}

.btn1 {
  cursor: pointer;
  color: #fff;
  background: #2c5efb;
  border: 0;
  border-radius: 8px;
  height: 44px;
  padding: 0 40px;
  font-size: 17px;
  font-weight: 500;
  line-height: 44px;
}

.default_raw {
  float: left;
  width: 100%;
}

.clear {
  clear: both;
}

.txt_center {
  text-align: center;
}

.capital {
  text-transform: uppercase;
}

.uderline {
  color: #000;
  text-decoration: underline;
}

.txt_red {
  color: #f11521;
}

.txt_red_link {
  color: #f11521;
  cursor: pointer;
  text-decoration: none;
}

.txt_blue, .txt_blue_link {
  color: #2c5efb;
  cursor: pointer;
  text-decoration: none;
}

.lineheight16 {
  line-height: 16px;
}

.lineheight17 {
  line-height: 17px;
}

.lineheight18 {
  line-height: 18px;
}

.lineheight19 {
  line-height: 19px;
}

.lineheight20 {
  line-height: 20px;
}

.lineheight21 {
  line-height: 21px;
}

.lineheight22 {
  line-height: 22px;
}

.lineheight23 {
  line-height: 23px;
}

.lineheight24 {
  line-height: 24px;
}

.border_btm_dotd {
  cursor: pointer;
  border-bottom: 1.7px dotted #000;
}

.popup_pannel {
  z-index: 9999;
  background: #0006;
  display: block;
  position: fixed;
  inset: 0 0 0 75px;
  overflow-y: auto;
}

.popup_pannel2 {
  z-index: 2;
  background: #0006;
  display: block;
  position: fixed;
  inset: 0 0 0 75px;
  overflow-y: auto;
}

.popup_pannel3 {
  z-index: 999999;
  background: #0006;
  display: block;
  position: fixed;
  inset: 0 0 0 75px;
  overflow-y: auto;
}

.popup_section1 {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border-radius: 12px;
  width: 660px;
  margin-left: -330px;
  padding: 26px 0 0;
  position: absolute;
  top: 22px;
  left: 50%;
}

.left_side {
  border: 1px solid #d8d8da;
  margin-left: -514px !important;
}

.part_pannel {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 0 28px 18px;
}

.popup_section2 {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 640px;
  margin-left: -320px;
  padding: 26px;
  position: absolute;
  top: 22px;
  left: 50%;
}

.popup_section3 {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 270px;
  padding: 6px;
  position: absolute;
  top: 22px;
  left: 0;
}

.popup_section4 {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 300px;
  position: absolute;
  top: 22px;
  left: 0;
}

.popup_section5 {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 270px;
  margin-left: -135px;
  position: absolute;
  top: 8px;
  left: 52%;
  box-shadow: 0 0 4px #0000001c;
}

.popup_section6 {
  z-index: 999999;
  box-sizing: border-box;
  z-index: 6;
  background: #fff;
  border: 1px solid #d8d8da;
  border-radius: 12px;
  width: 500px;
  margin-left: -250px;
  padding: 26px 0 0;
  position: absolute;
  top: 22px;
  left: 50%;
}

.popup_section6.left_side {
  margin-left: -482px !important;
}

.popup_section7 {
  z-index: 999999;
  box-sizing: border-box;
  z-index: 3;
  background: #f7f7f7;
  border: 1px solid #d8d8da;
  border-radius: 12px;
  width: 460px;
  height: 496px;
  margin-left: 0;
  padding: 0 0 0 17px;
  position: absolute;
  top: 22px;
  left: 50%;
}

.popup_section8 {
  z-index: 999999;
  box-sizing: border-box;
  z-index: 3;
  background: #f7f7f7;
  border: 1px solid #d8d8da;
  border-radius: 12px;
  width: 390px;
  height: 516px;
  margin-left: 127px;
  padding: 0 0 0 17px;
  position: absolute;
  top: 22px;
  left: 50%;
}

.popup_section9 {
  z-index: 999999;
  box-sizing: border-box;
  z-index: 6;
  background: #fff;
  border: 1px solid #d8d8da;
  border-radius: 12px;
  width: 500px;
  margin-left: -250px;
  padding: 26px 0 0;
  position: absolute;
  top: 22px;
  left: 50%;
}

.popup_section10 {
  z-index: 999999;
  box-sizing: border-box;
  z-index: 3;
  background: #f7f7f7;
  border: 1px solid #d8d8da;
  border-radius: 12px;
  width: 400px;
  height: 416px;
  margin-left: 0;
  padding: 0 0 0 17px;
  position: absolute;
  top: 22px;
  left: 65.5%;
}

.popup_section11 {
  z-index: 999999;
  box-sizing: border-box;
  z-index: 6;
  background: #fff;
  border: 1px solid #d8d8da;
  border-radius: 12px;
  width: 500px;
  margin-left: -250px;
  padding: 26px 0 0;
  position: fixed;
  top: 22px;
  left: 50%;
}

.popup_section12 {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 120px;
  padding: 6px;
  position: absolute;
  top: 22px;
  left: 0;
}

.upload {
  cursor: pointer;
  box-sizing: border-box;
  background: #f7f7f7 url("upload.02bbbda2.svg") center / 16px no-repeat;
  border: 1px solid #e5e5e5;
  border-radius: 48px;
  width: 48px;
  height: 48px;
}

.flag {
  background: url("india_flag.bd3d2574.png") 0 0 / 18px no-repeat;
  width: 18px;
  height: 12px;
}

.minus {
  cursor: pointer;
  background: url("minus_icon.e5d93f3c.svg") center / 16px no-repeat;
  width: 20px;
  height: 20px;
}

.login {
  position: absolute;
  inset: 0;
}

.logo_pannel {
  text-align: center;
  width: 100%;
}

.login_pannel {
  width: 420px;
  margin: 0 auto;
  padding-bottom: 80px;
  display: grid;
}

.login_pannel .login_form_pannel {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  width: 100%;
  height: 60px;
  padding: 10px 24px;
  box-shadow: 0 0 17px 7px #00000005;
}

.login_pannel .login_label {
  color: #6f6f6f;
  margin-top: 3px;
  margin-bottom: -7px;
  font-size: 14px;
}

.login_pannel .floating-label {
  margin-bottom: 10px;
  position: relative;
}

.login_pannel .floating-label label {
  opacity: 0;
  color: #c9c7c7;
  width: 1px;
  font-family: interregular;
  font-size: 13px;
  transition: all .3s;
  position: absolute;
  top: calc(50% - 8px);
  left: 24px;
}

.login_pannel .floating-label input:not(:placeholder-shown) + label {
  opacity: .8;
  width: 90%;
  transform: translateY(-10px);
}

.login_pannel .floating-label input:not(:placeholder-shown) {
  margin-top: 18px;
}

.login_pannel .login_or {
  text-align: center;
  border-bottom: 1px solid #ebebef;
  width: 100%;
  margin: 10px 0 20px;
  line-height: .1em;
}

.login_pannel .login_or span {
  color: #0d0d0d;
  background: #fff;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 500;
}

.login_pannel .condinu_google {
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  background: #fff url("sprite1.6a36d805.png") 110px 14px / 25px no-repeat;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  width: 100%;
  height: 48px;
  padding-left: 140px;
  font-family: intermedium;
  font-size: 17px;
  line-height: 48px;
}

.login_pannel .condinu_apple {
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  background: #fff url("sprite1.6a36d805.png") 112px -34px / 25px no-repeat;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  width: 100%;
  height: 48px;
  padding-left: 140px;
  font-family: intermedium;
  font-size: 17px;
  line-height: 48px;
}

.login_pannel .open_gmail {
  display: initial;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  background: #fff url("sprite1.6a36d805.png") 0 -116px / 21px no-repeat;
  padding-left: 28px;
  font-size: 16px;
}

.login_pannel .open_outlook {
  display: initial;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  background: #fff url("sprite1.6a36d805.png") 0 -84px / 23px no-repeat;
  padding-left: 28px;
  font-size: 16px;
}

.login_pannel .profile_pic {
  background: url("profile_pic.79b79581.png") 0 0 / 60px no-repeat;
  width: 60px;
  height: 60px;
}

.login_pannel .indian_flag {
  background: url("india_flag.bd3d2574.png") no-repeat;
  width: 29px;
  height: 19px;
}

.login_nav {
  text-align: center;
  background: #fff;
  width: 100%;
  height: auto;
  padding: 30px 0;
  position: fixed;
  bottom: 0;
}

.login_nav ul {
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.login_nav li {
  color: #4e4e4e;
  cursor: pointer;
  margin-right: 38px;
  font-size: 15px;
  list-style: none;
}

.login_nav li:last-child {
  margin-right: 0;
}

.choose_project, .choose_project ul {
  float: left;
  width: 100%;
}

.choose_project ul li {
  cursor: pointer;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  width: 46.3%;
  height: 60px;
  padding-left: 60px;
  font-size: 17px;
  line-height: 60px;
}

.choose_project ul li:first-child {
  background: url("choose_project_icons.3c06b164.png") 24px 17px / 26px no-repeat;
  margin-right: 31px;
}

.choose_project ul li:first-child.active, .choose_project ul li:first-child:hover {
  background: url("choose_project_icons.3c06b164.png") 24px -40px / 26px no-repeat;
}

.choose_project ul li:last-child {
  background: url("choose_project_icons.3c06b164.png") 22px -105px / 26px no-repeat;
}

.choose_project ul li:last-child.active, .choose_project ul li:last-child:hover {
  background: url("choose_project_icons.3c06b164.png") 22px -162.3px / 26px no-repeat;
}

.cuztomizd_combo .css-13cymwt-control {
  background: none;
  border: 0 !important;
}

.cuztomizd_combo .css-13cymwt-control .css-1fdsijx-ValueContainer {
  padding: 0 !important;
}

.cuztomizd_combo .css-13cymwt-control .css-1fdsijx-ValueContainer .css-1jqq78o-placeholder {
  margin: 0 !important;
}

.cuztomizd_combo .css-1u9des2-indicatorSeparator {
  display: none !important;
}

.cuztomizd_combo .css-1xc3v61-indicatorContainer {
  padding-right: 0 !important;
}

.cuztomizd_combo .css-t3ipsp-control {
  outline: none;
  margin: 0;
  padding: 0;
  box-shadow: none !important;
  border: 0 !important;
}

.cuztomizd_combo .css-t3ipsp-control .css-1fdsijx-ValueContainer {
  margin: 0;
  padding: 0;
}

.cuztomizd_combo .css-t3ipsp-control .css-15lsz6c-indicatorContainer {
  padding-right: 0 !important;
}

.cuztomizd_combo .css-t3ipsp-control .css-1jqq78o-placeholder {
  margin: 0 !important;
}

.cuztomizd_combo .css-1dimb5e-singleValue {
  margin: 0;
  font-family: intermedium;
}

.cuztomizd_combo .css-b62m3t-container {
  margin-top: -3px;
}

.ReactFlagsSelect-module_selectBtn__19wW7 {
  border: 0 !important;
}

.user_spel {
  text-align: center;
  color: #fff;
  border-radius: 6px;
  width: 23px;
  height: 22px;
  font-size: 10px;
  line-height: 22px;
  display: inline-block;
  position: relative;
}

.user_spel.orange {
  background: #d8892d;
}

.left_nav ul li .user_mini_popup {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 200px;
  padding: 10px 0;
  position: absolute;
  bottom: -5px;
  left: 65px;
  box-shadow: 0 0 4px #0000001c;
}

.left_nav ul li .user_mini_popup ul {
  float: left;
  width: 100%;
}

.left_nav ul li .user_mini_popup ul li {
  cursor: pointer;
  float: left;
  line-height: inherit;
  text-align: left;
  color: #484441;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 14px 20px;
  font-family: intermedium;
  font-size: 14px;
  position: relative;
  margin: 0 !important;
}

.left_nav ul li .user_mini_popup ul li:hover {
  color: #000;
}

.left_nav ul li .user_mini_popup ul li .user_first_spl {
  text-align: center;
  color: #fff;
  background: #d8892d;
  border-radius: 26px;
  width: 26px;
  height: 26px;
  font-size: 10px;
  line-height: 26px;
}

.left_nav ul li .user_mini_popup ul li.setting {
  cursor: pointer;
  background: url("setting_icon_dark_grey.0d79e4e0.svg") 23px / 19px no-repeat;
  padding-left: 55px;
}

.left_nav ul li .user_mini_popup ul li.sign_out {
  cursor: pointer;
  background: url("sign_out.6b54907f.svg") 24px / 18px no-repeat;
  padding-left: 55px;
}

.user_profile_popup1 {
  z-index: 2;
  background: #fff;
  width: 500px;
  padding: 25px 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 75px;
  overflow-y: auto;
  box-shadow: 2px 0 2px -1px #0000001c;
}

.user_profile_sectn {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 22px 30px;
}

.user_profile_sectn ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.user_profile_sectn ul li {
  float: left;
  width: 100%;
  margin: 8px 0;
}

.user_profile_popup2 {
  box-sizing: border-box;
  z-index: 1;
  background: #fff;
  width: 500px;
  padding: 25px 30px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 575px;
  overflow-y: auto;
  box-shadow: 2px 0 2px -1px #0000001c;
}

.manage_team_popup {
  z-index: 2;
  background: #fff;
  width: 250px;
  padding: 25px 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 75px;
  overflow-y: auto;
  box-shadow: 2px 0 2px -1px #0000001c;
}

.manage_team_popup2 {
  z-index: 2;
  background: #fff;
  border-left: 1px solid #ccc;
  width: 360px;
  padding: 25px 0 0;
  position: fixed;
  top: 0;
  bottom: 58px;
  left: 325px;
  overflow-y: auto;
  box-shadow: 2px 0 2px -1px #0000001c;
}

.manage_team_popup2 .botm_btn_sticky {
  float: left;
  box-sizing: border-box;
  background: #fff;
  border-left: 1px solid #ccc;
  width: 361px;
  margin-left: -1px;
  padding: 15px 28px;
  position: fixed;
  bottom: 0;
}

.manage_team_sectn {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 22px 12px;
}

.manage_team_sectn ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.manage_team_sectn ul li {
  cursor: pointer;
  color: #46423f;
  float: left;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 40px;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0 20px 0 44px;
  font-family: intermedium;
  font-size: 14px;
  line-height: 36px;
  margin-bottom: 4px !important;
}

.manage_team_sectn ul li.prefence {
  background: url("settings2_icon.a9849ea4.svg") 17px / 15px no-repeat;
}

.manage_team_sectn ul li.prefence.active {
  color: #2c5efb;
  background: #f7f7f7 url("settings2_icon_blue.d3ff4a34.svg") 17px / 15px no-repeat;
  border: 1px solid #f1f1f1;
}

.manage_team_sectn ul li.notifctns {
  background: url("workspace.9586797c.svg") 15px / 19px no-repeat;
}

.manage_team_sectn ul li.notifctns.active {
  color: #2c5efb;
  background: #f7f7f7 url("workspace_ho.f488bd6b.svg") 15px / 19px no-repeat;
  border: 1px solid #f1f1f1;
}

.manage_team_sectn ul li.projcts {
  background: url("folder.acdc785c.svg") 16px / 18px no-repeat;
}

.manage_team_sectn ul li.projcts.active {
  color: #2c5efb;
  background: #f7f7f7 url("folder_blue.b6f60d8e.svg") 16px / 18px no-repeat;
  border: 1px solid #f1f1f1;
}

.manage_team_sectn ul li.wrk_flows {
  background: url("workflow.dac068cb.svg") 16px / 18px no-repeat;
}

.manage_team_sectn ul li.wrk_flows.active {
  color: #2c5efb;
  background: #f7f7f7 url("workflow_ho.b77ef313.svg") 16px / 18px no-repeat;
  border: 1px solid #f1f1f1;
}

.manage_team_sectn ul li.billing {
  background: url("bill_finance.ec5d1201.svg") 16px / 18px no-repeat;
}

.manage_team_sectn ul li.billing.active {
  color: #2c5efb;
  background: #f7f7f7 url("bill_finance_blue.1e6277a1.svg") 16px / 18px no-repeat;
  border: 1px solid #f1f1f1;
}

.manage_team_sectn ul li.groups {
  background: url("group.83bbf816.svg") 16px / 18px no-repeat;
}

.manage_team_sectn ul li.groups.active {
  color: #2c5efb;
  background: #f7f7f7 url("group_blue.abc479b9.svg") 16px / 18px no-repeat;
  border: 1px solid #f1f1f1;
}

.manage_team_sectn ul li.idetifictn_card {
  background: url("identity_card.80db7680.svg") 16px / 18px no-repeat;
}

.manage_team_sectn ul li.idetifictn_card.active {
  color: #2c5efb;
  background: #f7f7f7 url("identity_card_blue.b6dfe020.svg") 16px / 18px no-repeat;
  border: 1px solid #f1f1f1;
}

.manage_team_sectn ul li.theme {
  background: url("theme.9bba9b51.svg") 16px / 18px no-repeat;
}

.manage_team_sectn ul li.theme.active {
  color: #2c5efb;
  background: #f7f7f7 url("theme_blue.64387d88.svg") 16px / 18px no-repeat;
  border: 1px solid #f1f1f1;
}

.manage_team_sectn ul li:last-child {
  margin-bottom: 0 !important;
}

.manage_team_sectn ul li:hover {
  color: #000;
}

.manage_team_sectn1 {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 22px 12px;
}

.manage_team_sectn1 ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.manage_team_sectn1 ul li {
  cursor: pointer;
  color: #46423f;
  float: left;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 40px;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0 16px;
  font-family: intermedium;
  font-size: 14px;
  line-height: 36px;
  margin-bottom: 4px !important;
}

.manage_team_sectn1 ul li:last-child {
  margin-bottom: 0 !important;
}

.manage_team_categry {
  float: left;
  width: 100%;
}

.manage_team_categry ul li {
  float: left;
  box-sizing: border-box;
  border-bottom: 1px solid #eaeaea;
  width: 100%;
  padding: 15px 28px;
  position: relative;
}

.manage_team_categry ul li:first-child {
  border-top: 1px solid #eaeaea;
}

.manage_team_categry ul li.active, .manage_team_categry ul li:hover {
  background: #f7f7f7;
}

.manage_team_categry ul li .categry_more {
  display: none;
}

.manage_team_categry ul li:hover .categry_more {
  cursor: pointer;
  display: inherit;
  background: url("more.bd69c638.svg") center / 16px no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  right: 20px;
}

.manage_team_categry ul li .categry_more:hover .manage_more_mini_popup {
  display: inherit;
}

.manage_more_mini_popup {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 300px;
  padding: 0;
  display: none;
  position: absolute;
  top: -59px;
  left: 20px;
  box-shadow: 0 0 4px #0000001c;
}

.manage_more_mini_popup ul {
  float: left;
  width: 100%;
}

.manage_more_mini_popup ul li {
  cursor: pointer;
  float: left;
  line-height: inherit;
  text-align: left;
  color: #484441;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 14px 20px;
  font-size: 14px;
  position: relative;
  border-top: 0 !important;
  margin: 0 !important;
}

.manage_more_mini_popup ul li.actve {
  background: #f7f7f7;
}

.manage_team_categry ul li:hover .remove, .manage_team_categry ul li:hover .edit_modify {
  display: inherit;
}

.manage_team_categry ul li .remove, .manage_team_categry ul li .edit_modify {
  display: none;
}

.warning_sectn {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
}

.warning_sectn ul {
  float: left;
  width: 100%;
  margin-top: 0 !important;
}

.warning_sectn ul li {
  cursor: pointer;
  float: left !important;
  color: #4f4c49 !important;
  box-sizing: border-box !important;
  margin-left: inherit !important;
  border: 0 !important;
  border-bottom: 1px solid #e9e9e9 !important;
  width: 100% !important;
  padding: 10px 18px 10px 22px !important;
  font-size: 13px !important;
  position: relative !important;
}

.warning_sectn ul li:last-child {
  border-bottom: none !important;
}

.warning_sectn ul li.hight_warng {
  background: url("warning.f0dce574.svg") 4px / 13px no-repeat;
}

.warning_sectn ul li.medium_warng {
  background: url("medium_warning.f75c9b93.svg") 4px / 13px no-repeat;
}

.warning_sectn ul li.low_warng {
  background: url("low_warning.c1125bac.svg") 4px / 13px no-repeat;
}

.treemenu ul li .warning_sectn ul li {
  border: 0 !important;
  border-bottom: 1px solid #e9e9e9 !important;
}

.treemenu ul li .warning_sectn ul li:last-child {
  border-bottom: none !important;
}

.treemenu_expand {
  float: left;
  box-sizing: border-box;
  cursor: pointer;
  background: url("arrow_down_icon.0533e333.svg") 0 / 9px no-repeat;
  width: 100%;
  height: 20px;
  padding-left: 18px;
  position: relative;
}

.treemenu_expand2 {
  float: left;
  box-sizing: border-box;
  cursor: pointer;
  background: url("arrow_down_icon.0533e333.svg") 0 5px / 9px no-repeat;
  width: 100%;
  padding-left: 18px;
}

.treemenu_expand3 {
  float: left;
  box-sizing: border-box;
  cursor: pointer;
  background: url("arrow_down_icon.0533e333.svg") 10px / 9px no-repeat;
  width: 100%;
  height: 20px;
  padding-left: 28px;
  position: relative;
}

.treemenu_collapse {
  float: left;
  box-sizing: border-box;
  cursor: pointer;
  background: url("arrow_up_icon.bbcf1de1.svg") 0 / 9px no-repeat;
  width: 100%;
  height: 20px;
  padding-left: 18px;
}

.down_arow {
  cursor: pointer;
  background: url("arrow_down_icon.0533e333.svg") 100% / 8px no-repeat;
  padding-right: 14px;
}

.prjct_popup_algn .popup_section3 {
  top: 41px !important;
  left: 10px !important;
}

.private {
  float: left;
  box-sizing: border-box;
  color: #a2a19f;
  cursor: pointer;
  background: url("lock_closed_icon.f7c926be.svg") 0 0 / 11px no-repeat;
  padding-left: 13px;
  font-size: 11px;
}

.shared {
  float: left;
  color: #a2a19f;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 11px;
}

.folder_cntnt {
  color: #494846;
  background: url("folder.acdc785c.svg") 0 / 16px no-repeat;
  padding-left: 22px;
  font-size: 15px;
  position: relative;
}

.calendar_cntnt {
  cursor: pointer;
  color: #494846;
  background: url("calendar_icon.0fbd8507.svg") 0 / 16px no-repeat;
  padding-left: 22px;
  font-size: 15px;
  position: relative;
}

.calendar_cntnt2 {
  cursor: pointer;
  color: #494846;
  background: url("calendar_icon.0fbd8507.svg") 0 / 15px no-repeat;
  padding-left: 20px;
  font-size: 14px;
  position: relative;
}

.comnt_count {
  color: #494846;
  background: url("comment__grey_icon.190788c1.svg") 0 / 18px no-repeat;
  padding-left: 22px;
  font-size: 15px;
}

.comnt_count2 {
  color: #494846;
  background: url("comment__grey_icon.190788c1.svg") 0 / 17px no-repeat;
  padding-left: 20px;
  font-size: 14px;
}

.user_first_ltr {
  text-align: center;
  color: #fff;
  background: #e80703;
  border-radius: 18px;
  width: 18px;
  height: 18px;
  font-size: 10px;
  line-height: 18px;
}

.user_first_ltr2 {
  text-align: center;
  color: #fff;
  background: #e80703;
  border-radius: 22px;
  width: 22px;
  height: 22px;
  font-size: 10px;
  line-height: 22px;
}

.user_first_ltr2.yellow {
  background: #f7b851 !important;
}

.user_first_ltr2.voilet {
  background: #cd43f0 !important;
}

.user_first_ltr3 {
  text-align: center;
  color: #fff;
  background: #e80703;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
}

.user_first_ltr4 {
  text-align: center;
  color: #fff;
  background: #e80703;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  font-size: 9px;
  line-height: 20px;
}

.user_first_ltr5 {
  text-align: center;
  color: #2c5efb;
  background: #fff;
  border: 1px solid #bcbcbd;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  font-family: intersemi_bold;
  font-size: 9px;
  line-height: 20px;
}

.assign_cntnt {
  cursor: pointer;
  color: #494846;
  background: url("create_user_profile_grey.b34e62cf.svg") -3px / 24px no-repeat;
  padding-left: 22px;
  font-size: 15px;
  position: relative;
}

.warng_cntnt {
  cursor: pointer;
  color: #494846;
  background: url("exclamation.9fc97b64.svg") -3px / 14px no-repeat;
  padding-left: 13px;
  font-size: 15px;
}

.warng_red_cntnt {
  color: #494846;
  background: url("warning.f0dce574.svg") 0 / 14px no-repeat;
  padding-left: 18px;
  font-size: 15px;
}

.warng_red_cntnt2 {
  color: #494846;
  background: url("warning.f0dce574.svg") 0 / 13px no-repeat;
  padding-left: 18px;
  font-size: 14px;
}

.warng_green_cntnt {
  color: #494846;
  background: url("low_warning.c1125bac.svg") 0 / 14px no-repeat;
  padding-left: 18px;
  font-size: 15px;
}

.warng_orange_cntnt {
  color: #494846;
  background: url("medium_warning.f75c9b93.svg") 0 / 14px no-repeat;
  padding-left: 18px;
  font-size: 15px;
}

.contact_count {
  cursor: pointer;
  color: #494846;
  background: url("conatct.9dd33b47.svg") 0 / 19px no-repeat;
  padding-left: 27px;
  font-size: 15px;
  position: relative;
}

.folder_cntnt_link {
  color: #2c5efb;
  background: url("folder_blue.b6f60d8e.svg") 0 0 / 13px no-repeat;
  padding-left: 18px;
  font-size: 12px;
}

.section_link {
  color: #2c5efb;
  background: url("section_icon_blue.2b2b5bf5.svg") 0 0 / 16px no-repeat;
  padding-left: 20px;
  font-size: 12px;
}

.attachment_cntnt {
  color: #2c5efb;
  cursor: pointer;
  background: url("attachment_icon.9f661954.svg") 0 / 17px no-repeat;
  height: 20px;
  padding-left: 22px;
  font-family: intermedium;
  font-size: 14px;
  line-height: 20px;
}

.set_time_cntnt {
  color: #2c5efb;
  cursor: pointer;
  background: url("time_blue.da4fb4a9.svg") 0 .5px / 14px no-repeat;
  padding-left: 19px;
  font-size: 13px;
}

.set_time_cntnt2 {
  color: #524f4c;
  cursor: pointer;
  background: url("time.d9583d49.svg") 0 .5px / 14px no-repeat;
  padding-left: 19px;
  font-size: 13px;
  position: relative;
}

.plus_cntnt {
  color: #a19c98;
  cursor: pointer;
  background: url("plus_icon.89631652.svg") 0 / 11px no-repeat;
  padding-left: 27px;
  font-size: 14px;
}

.notification_cntnt {
  color: #524f4c;
  cursor: pointer;
  background: url("notifications_icon.e154c9e5.svg") 0 1px / 15px no-repeat;
  padding-left: 19px;
  font-size: 13px;
  position: relative;
}

.notification_cntnt2 {
  cursor: pointer;
  background: url("notifications_icon_red.e205a80c.svg") center / 16px no-repeat;
  width: 16px;
  height: 16px;
}

.notification_cntnt3 {
  color: #2c5efb;
  cursor: pointer;
  background: url("notifications_icon_blue.609b2118.svg") 0 1px / 15px no-repeat;
  padding-left: 19px;
  font-size: 13px;
  position: relative;
}

.Refresh {
  color: #2c5efb;
  cursor: pointer;
  background: url("refresh_icon.853af887.svg") 0 1px / 15px no-repeat;
  padding-left: 19px;
  font-size: 13px;
}

.Refresh_grey {
  color: #aca9a6;
  cursor: pointer;
  background: url("refresh_icon_grey.87300df3.svg") 0 -1px / 15px no-repeat;
  padding-left: 21px;
  font-size: 13px;
}

.Refresh_grey2 {
  cursor: pointer;
  background: url("refresh_icon_dark.c99ca4ae.svg") center / 16px no-repeat;
  width: 16px;
  height: 16px;
}

.Refresh_grey3 {
  color: #524f4c;
  cursor: pointer;
  background: url("refresh_icon_dark.c99ca4ae.svg") 0 1px / 15px no-repeat;
  padding-left: 19px;
  font-size: 13px;
}

.clear {
  color: #f11521;
  cursor: pointer;
  background: url("clear_all.26400cc4.svg") 0 1px / 14px no-repeat;
  padding-left: 19px;
  font-size: 13px;
}

.time_popup {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 300px;
  padding: 20px;
  position: absolute;
  bottom: 28px;
  left: -1px;
  box-shadow: 0 0 4px #0000001c;
}

.time_popup .css-4pax7l-MuiPickersLayout-root {
  min-width: inherit;
  width: 100%;
}

.time_popup .css-1q48g88-MuiPickersToolbar-root-MuiTimePickerToolbar-root {
  padding: 0;
}

.time_popup .css-ku1d3k-MuiTimeClock-root {
  width: 100%;
}

.time_popup .css-2x8kvt-MuiPickersArrowSwitcher-root-MuiTimeClock-arrowSwitcher {
  right: -16px;
}

.time_popup .css-knqc4i-MuiDialogActions-root {
  padding: 0;
}

.sub {
  cursor: pointer;
  color: #000;
  background: url("branch.e3a1ab49.svg") 0 / 15px no-repeat;
  padding-left: 19px;
  font-family: intermedium;
  font-size: 14px;
  position: relative;
}

.add_plus {
  cursor: pointer;
  background: url("plus_circle.a16a8814.svg") top / 29px no-repeat;
  width: 29px;
  height: 29px;
}

.add_plus2 {
  cursor: pointer;
  background: url("plus_circle.a16a8814.svg") top / 20px no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 28px;
}

.add_plus3 {
  cursor: pointer;
  background: url("plus_circle.a16a8814.svg") top / 20px no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
}

.more {
  cursor: pointer;
  background: url("more.bd69c638.svg") center / 16px no-repeat;
  width: 20px;
  height: 20px;
}

.more2 {
  cursor: pointer;
  background: url("more.bd69c638.svg") center / 20px no-repeat;
  width: 20px;
  height: 20px;
}

.more3 {
  cursor: pointer;
  background: url("more_vertcal.cc76a7bf.svg") center / 19px no-repeat;
  width: 20px;
  height: 20px;
}

.dot_grey {
  cursor: pointer;
  background: url("dot_grey.13fa260c.svg") center / 4px no-repeat;
  width: 15px;
  height: 18px;
}

.dot_dark_grey {
  cursor: pointer;
  background: url("dot_dark_grey.026ebb79.svg") center / 4.5px no-repeat;
  width: 30px;
  height: 18px;
}

.pipline {
  cursor: pointer;
  background: #dadada;
  width: 1px;
  height: 16px;
  margin-left: 16px;
  margin-right: 16px;
}

.switcher {
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  height: 23px;
}

.switcher ul li {
  float: left;
  color: #686765;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 20px;
  height: 23px;
  padding: 0 12px;
  font-family: intersemi_bold;
  font-size: 9px;
  line-height: 24px;
}

.switcher ul li.active {
  color: #000;
  background: #ededed;
}

.switcher ul li:hover {
  color: #000;
}

.filter {
  cursor: pointer;
  color: #4c4b49;
  background: url("filter_icon.f6195d2f.svg") 0 / 16px no-repeat;
  height: 20px;
  padding-left: 22px;
  font-family: intermedium;
  font-size: 14px;
  line-height: 20px;
}

.filter2 {
  cursor: pointer;
  background: url("filter_icon.f6195d2f.svg") center / 16px no-repeat;
  width: 20px;
  height: 20px;
  font-size: 14px;
}

.sort {
  cursor: pointer;
  color: #4c4b49;
  background: url("sort_icon.56a92b7d.svg") 0 / 16px no-repeat;
  height: 20px;
  padding-left: 22px;
  font-family: intermedium;
  font-size: 14px;
  line-height: 20px;
}

.sort2 {
  cursor: pointer;
  background: url("sort_icon.56a92b7d.svg") center / 16px no-repeat;
  width: 20px;
  height: 20px;
}

.add_a_task {
  cursor: pointer;
  color: #2c5efb;
  background: url("plus_icon_ho.8f61e91d.svg") 0 / 12px no-repeat;
  height: 20px;
  padding-left: 20px;
  font-family: intermedium;
  font-size: 14px;
  line-height: 20px;
}

.create_ai {
  cursor: pointer;
  color: #2c5efb;
  background: url("magic.1b799d38.svg") 0 / 14px no-repeat;
  height: 20px;
  padding-left: 19px;
  font-family: intermedium;
  font-size: 14px;
  line-height: 20px;
}

.create_ai2 {
  cursor: pointer;
  color: #000;
  background: url("magic_black.f85288b0.svg") 0 / 14px no-repeat;
  height: 20px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 20px;
}

.red_curv {
  color: #f11521;
  cursor: pointer;
  background: #f8eae9;
  border-radius: 7px;
  padding: 4px 8px;
  font-family: intermedium;
  font-size: 14px;
}

.grey_curv {
  color: #828282;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 14px;
}

.comment {
  cursor: pointer;
  background: url("comment_icon.770521c7.svg") center / 22px no-repeat;
  width: 20px;
  height: 20px;
}

.comment2 {
  cursor: pointer;
  background: url("comment_icon.770521c7.svg") center / 20px no-repeat;
  width: 20px;
  height: 16px;
}

.calender {
  cursor: pointer;
  background: url("calendar_icon_ho.c8db1871.svg") center / 20px no-repeat;
  width: 20px;
  height: 20px;
}

.calender2 {
  cursor: pointer;
  background: url("calendar_icon_ho.c8db1871.svg") center / 18px no-repeat;
  width: 18px;
  height: 18px;
}

.user_add_pus {
  cursor: pointer;
  background: url("create_user_profile.cd4050e3.svg") center / 29px no-repeat;
  width: 20px;
  height: 20px;
}

.close {
  cursor: pointer;
  background: url("close.a7413790.svg") center / 15px no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 16px;
  right: 24px;
}

.close2 {
  cursor: pointer;
  background: url("close_black.f56a49a8.svg") center / 15px no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 16px;
  right: 24px;
}

.close3 {
  cursor: pointer;
  background: url("close_black.f56a49a8.svg") center / 13px no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 14px;
  right: 18px;
}

.close4 {
  cursor: pointer;
  background: url("close_red.caa56ca3.svg") center / 15px no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: -1px;
  right: 0;
}

.close5 {
  cursor: pointer;
  background: url("close_red.caa56ca3.svg") center / 15px no-repeat;
  width: 15px;
  height: 15px;
}

.green_btn {
  color: #fff;
  cursor: pointer;
  background: #2dd573;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 15px;
}

.green_btn2 {
  color: #fff;
  cursor: pointer;
  background: #2dd573;
  border-radius: 20px;
  padding: 7px 24px;
  font-size: 14px;
}

.green_btn3 {
  color: #fff;
  cursor: pointer;
  background: #2dd573;
  border-radius: 20px;
  padding: 9px 24px;
  font-size: 14px;
}

.white_btn {
  color: #000;
  cursor: pointer;
  background: #fff;
  border-radius: 20px;
  padding: 9px 24px;
  font-family: intermedium;
  font-size: 14px;
  box-shadow: 0 0 4px #0000000d;
}

.red_btn {
  color: #fff;
  cursor: pointer;
  background: #fb002e;
  border-radius: 20px;
  padding: 9px 24px;
  font-size: 14px;
}

.archive {
  cursor: pointer;
  background: url("archive_icon_blue.204ffb8d.svg") center / 15px no-repeat;
  width: 15px;
  height: 15px;
}

.link {
  cursor: pointer;
  background: url("link_icon.77ae1418.svg") center / 16px no-repeat;
  width: 15px;
  height: 15px;
}

.chart_tin {
  cursor: pointer;
  background: url("chart_tin_blue.5630a799.svg") center / 14px no-repeat;
  width: 15px;
  height: 15px;
}

.chart_tin2 {
  cursor: pointer;
  background: url("chart_tin.4ce6d8da.svg") center / 14px no-repeat;
  width: 20px;
  height: 20px;
}

.add_pus_blue {
  cursor: pointer;
  background: url("plus_icon_ho.8f61e91d.svg") center / 12px no-repeat;
  width: 12px;
  height: 12px;
}

.remove {
  cursor: pointer;
  background: url("remove.553fbd5b.svg") center / 14px no-repeat;
  width: 18px;
  height: 14px;
}

.download {
  cursor: pointer;
  background: url("download.311768f2.svg") center / 12px no-repeat;
  width: 18px;
  height: 14px;
}

.zoom_in {
  cursor: pointer;
  background: url("zoom_in.96496086.svg") center / 17px no-repeat;
  width: 18px;
  height: 15px;
}

.tick {
  cursor: pointer;
  background: url("tick_blue.63f71159.svg") center / 12px no-repeat;
  width: 16px;
  height: 10px;
}

.search {
  cursor: pointer;
  background: url("search_icon.e2173900.svg") center / 14px no-repeat;
  width: 20px;
  height: 20px;
}

.search2 {
  cursor: pointer;
  background: url("search_icon_black.fd76adcc.svg") center / 16px no-repeat;
  width: 20px;
  height: 20px;
}

.ai {
  cursor: pointer;
  background: url("magic.1b799d38.svg") center / 15px no-repeat;
  width: 15px;
  height: 15px;
}

.add_plus_blue_btn {
  color: #000;
  cursor: pointer;
  background: url("plus_circle_blue.6a643663.svg") 0 0 / 28px no-repeat;
  height: 28px;
  padding-left: 40px;
  font-family: intermedium;
  font-size: 15px;
  line-height: 28px;
}

.send_green {
  cursor: pointer;
  background: url("send_green.f365dff0.svg") center / 20px no-repeat;
  border: 0;
  width: 30px;
  height: 30px;
}

.change_grid {
  cursor: pointer;
  background: url("change_grid.71ba242a.svg") center / 11px no-repeat;
  width: 14px;
  height: 25px;
  position: absolute;
  top: 4px;
  left: 3px;
}

.edit_modify {
  cursor: pointer;
  background: url("edit_modify_icon.61aa8e69.svg") center / 22px no-repeat;
  width: 22px;
  height: 22px;
}

.edit_modify2 {
  cursor: pointer;
  background: url("edit_modify_icon.61aa8e69.svg") center / 22px no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 22px;
  right: 56px;
}

.help {
  cursor: pointer;
  background: url("question_icon.9ea94c3d.svg") center / 12px no-repeat;
  width: 12px;
  height: 12px;
  display: block;
}

.enter {
  cursor: pointer;
  background: url("enter_icon.e7969fe0.svg") center / 17px no-repeat;
  width: 22px;
  height: 22px;
}

.manage_projcts {
  float: left;
  background: #fff;
  width: 100%;
  padding: 0;
}

.manage_projcts ul {
  float: left;
  width: 100%;
}

.manage_projcts ul li {
  color: #434240;
  float: left;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 20px;
  width: 100%;
  height: 38px;
  padding-left: 56px;
  padding-right: 25px;
  font-family: intermedium;
  font-size: 14px;
  line-height: 38px;
}

.manage_projcts ul li.folders {
  background: url("folder.acdc785c.svg") 27px 11px / 18px no-repeat;
}

.manage_projcts ul li:hover .remove, .manage_projcts ul li:hover .edit_modify {
  display: inherit;
}

.manage_projcts ul li .remove, .manage_projcts ul li .edit_modify {
  display: none;
}

.edit_delete_pannel {
  position: absolute;
  top: 28px;
  right: 20px;
}

.workflow_pannel2 ul li:hover .remove, .workflow_pannel2 ul li:hover .edit_modify {
  display: inherit;
}

.workflow_pannel2 ul li .remove, .workflow_pannel2 ul li .edit_modify {
  display: none;
}

.custmzd_combo .css-13cymwt-control {
  min-height: inherit;
  border: 0;
}

.custmzd_combo .css-t3ipsp-control {
  min-height: inherit;
  box-shadow: none;
  border: 0;
}

.custmzd_combo .css-t3ipsp-control:hover {
  min-height: inherit;
  box-shadow: none;
  border: 0 !important;
}

.custmzd_combo .css-1fdsijx-ValueContainer {
  padding: 0 8px;
}

.custmzd_combo .css-qbdosj-Input {
  margin: 0;
  padding: 0;
}

.custmzd_combo .css-1xc3v61-indicatorContainer {
  padding: 0 !important;
}

.custmzd_combo .css-1u9des2-indicatorSeparator {
  display: none;
}

.custmzd_combo .css-1dimb5e-singleValue {
  font-family: intermedium;
  font-size: 15px;
  color: #2c5efb !important;
}

.custmzd_combo .css-1jqq78o-placeholder {
  font-size: 15px;
}

.custmzd_combo .css-15lsz6c-indicatorContainer {
  padding: 0 !important;
}

.slide-in-left {
  animation: 2s cubic-bezier(.19, 1, .22, 1) both slide-in-left;
}

@keyframes slide-in-left {
  0% {
    opacity: 1;
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.slide-in-right {
  animation: 2s cubic-bezier(.19, 1, .22, 1) both slide-in-right;
}

@keyframes slide-in-right {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.slide-in-bottom {
  animation: 2s cubic-bezier(1, 0, 0, 1) both slide-in-bottom;
}

@keyframes slide-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(1000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide-in-top {
  animation: 2s cubic-bezier(.19, 1, .22, 1) both slide-in-top;
}

@keyframes slide-in-top {
  0% {
    opacity: 1;
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-left {
  animation: 2s cubic-bezier(.19, 1, .22, 1) both fade-in-left;
}

@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fade-in-left2 {
  animation: 2s cubic-bezier(.19, 1, .22, 1) both fade-in-left2;
}

@keyframes fade-in-left2 {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fade-in-right {
  animation: 2s cubic-bezier(.19, 1, .22, 1) both fade-in-right;
}

@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fade-in-bottom {
  animation: 2s cubic-bezier(.19, 1, .22, 1) both fade-in-bottom;
}

@keyframes fade-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-top {
  animation: 2s cubic-bezier(.19, 1, .22, 1) both fade-in-top;
}

@keyframes fade-in-top {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.shake-horizontal:hover {
  animation: 1s cubic-bezier(.455, .03, .515, .955) both shake-horizontal;
}

@keyframes shake-horizontal {
  0%, 60% {
    transform: translateX(0);
  }

  10%, 30% {
    transform: translateX(-2px);
  }

  20% {
    transform: translateX(2px);
  }

  40% {
    transform: translateX(1px);
  }

  50% {
    transform: translateX(-1px);
  }
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: #ffffffb3;
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
  padding: 4px;
  position: fixed;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (width <= 480px) {
  .Toastify__toast-container {
    width: 100vw;
    margin: 0;
    padding: 0;
    left: 0;
  }

  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }

  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }

  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}

.Toastify__toast {
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  z-index: 0;
  border-radius: 4px;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 8px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 10px #0000001a, 0 2px 15px #0000000d;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-body {
  flex: auto;
  align-items: center;
  margin: auto 0;
  padding: 6px;
  display: flex;
}

.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  flex-shrink: 0;
  width: 20px;
  margin-inline-end: 10px;
  display: flex;
}

.Toastify--animate {
  animation-duration: .7s;
  animation-fill-mode: both;
}

.Toastify--animate-icon {
  animation-duration: .3s;
  animation-fill-mode: both;
}

@media only screen and (width <= 480px) {
  .Toastify__toast {
    border-radius: 0;
    margin-bottom: 0;
  }
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  cursor: pointer;
  opacity: .7;
  background: none;
  border: none;
  outline: none;
  align-self: flex-start;
  padding: 0;
  transition: all .3s;
}

.Toastify__close-button--light {
  color: #000;
  opacity: .3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  width: 14px;
  height: 16px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  z-index: var(--toastify-z-index);
  opacity: .7;
  transform-origin: 0;
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.Toastify__progress-bar--animated {
  animation: linear forwards Toastify__trackProgress;
}

.Toastify__progress-bar--controlled {
  transition: transform .2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: 100%;
}

.Toastify__spinner {
  box-sizing: border-box;
  border: 2px solid;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  border-radius: 100%;
  width: 20px;
  height: 20px;
  animation: .65s linear infinite Toastify__spin;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    opacity: 0;
    animation-timing-function: ease-in;
    transform: perspective(400px)rotate3d(1, 0, 0, 90deg);
  }

  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px)rotate3d(1, 0, 0, -20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px)rotate3d(1, 0, 0, 10deg);
  }

  80% {
    transform: perspective(400px)rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }

  30% {
    opacity: 1;
    transform: perspective(400px)rotate3d(1, 0, 0, -20deg);
  }

  to {
    opacity: 0;
    transform: perspective(400px)rotate3d(1, 0, 0, 90deg);
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    visibility: visible;
    transform: translate3d(110%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    visibility: visible;
    transform: translate3d(-110%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    visibility: visible;
    transform: translate3d(0, 110%, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    visibility: visible;
    transform: translate3d(0, -110%, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.tasks_wrapper {
  position: absolute;
  inset: 0;
}

.left_nav {
  z-index: 3;
  background: #fff;
  width: 75px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 2px 0 2px -1px #0000001c;
}

.left_nav .menu_icon {
  cursor: pointer;
  background: url("menu_icon.ec53f79f.svg") 50% 22px / 22px no-repeat;
  width: 100%;
  height: 65px;
}

.left_nav ul {
  float: left;
  width: 100%;
}

.left_nav ul li {
  float: left;
  color: #aca8a5;
  cursor: pointer;
  text-align: center;
  width: 100%;
  margin: 20px 0;
  padding-top: 31px;
  font-family: intermedium;
  font-size: 9px;
  position: relative;
}

.left_nav ul li .brdr_right {
  background: #2c5efb;
  border-radius: 2px 0 0 2px;
  width: 2px;
  height: 16px;
  display: none;
  position: absolute;
  top: 10px;
  right: 0;
}

.left_nav ul li.active .brdr_right {
  display: inherit;
}

.left_nav ul li.home {
  background: url("home_icon.8cba69d4.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.home.active {
  color: #2c5efb;
  background: url("home_icon_ho.e1d1ba8f.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.home:hover {
  background: url("home_icon_ho.e1d1ba8f.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.tasks {
  background: url("task_square_icon.5d88e4af.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.tasks.active {
  color: #2c5efb;
  background: url("task_square_icon_ho.30fa35bf.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.tasks:hover {
  background: url("task_square_icon_ho.30fa35bf.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.reports {
  background: url("reports_icon.e569f0b3.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.reports.active {
  color: #2c5efb;
  background: url("reports_icon_ho.438a6d09.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.reports:hover {
  background: url("reports_icon_ho.438a6d09.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul.btm_nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  float: inherit !important;
}

.left_nav ul.btm_nav li {
  margin: 10px 0 !important;
}

.left_nav ul li.search {
  background: url("search_icon.e2173900.svg") 50% 0 / 20px no-repeat;
}

.left_nav ul li.search.active {
  color: #2c5efb;
  background: url("search_icon_ho.b5de369f.svg") 50% 0 / 20px no-repeat;
}

.left_nav ul li.search:hover {
  background: url("search_icon_ho.b5de369f.svg") 50% 0 / 20px no-repeat;
}

.left_nav ul li.settings {
  background: url("setting_icon.ec0228f2.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.settings.active {
  color: #2c5efb;
  background: url("setting_icon_ho.9751ef46.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.settings:hover {
  background: url("setting_icon_ho.9751ef46.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.user {
  background: url("user_square_icon.dcdf82d5.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.user.active {
  color: #2c5efb;
  background: url("user_square_icon_ho.11627db4.svg") 50% 0 / 26px no-repeat;
}

.left_nav ul li.user:hover {
  background: url("user_square_icon_ho.11627db4.svg") 50% 0 / 26px no-repeat;
}

.second_nav {
  z-index: 1;
  background: #fff;
  width: 222px;
  padding: 24px 10px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 75px;
  overflow-y: auto;
  box-shadow: 2px 0 2px -1px #0000001c;
}

.second_nav ul {
  float: left;
  width: 100%;
}

.second_nav ul li {
  color: #434240;
  float: left;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 20px;
  width: 100%;
  height: 38px;
  padding-left: 45px;
  padding-right: 25px;
  font-family: intermedium;
  font-size: 14px;
  line-height: 38px;
}

.second_nav ul li span {
  color: #878380;
}

.second_nav ul li.active span {
  color: #464543;
}

.second_nav ul li.active {
  border: 1px solid #f2f2f2;
}

.second_nav ul li.today {
  background: url("calendar_icon.0fbd8507.svg") 15px 9px / 19px no-repeat;
}

.second_nav ul li.today:hover {
  background: url("calendar_icon_ho.c8db1871.svg") 15px 9px / 19px no-repeat;
}

.second_nav ul li.today.active {
  color: #2c5efb;
  background: #f7f7f7 url("calendar_icon_ho.c8db1871.svg") 15px 9px / 19px no-repeat;
}

.second_nav ul li.next_7_days {
  background: url("next_7_days.af8172e5.svg") 15px 10px / 18px no-repeat;
}

.second_nav ul li.next_7_days:hover {
  background: url("next_7_days_ho.272bbbd8.svg") 15px 10px / 18px no-repeat;
}

.second_nav ul li.next_7_days.active {
  color: #2c5efb;
  background: #f7f7f7 url("next_7_days_ho.272bbbd8.svg") 15px 10px / 18px no-repeat;
}

.second_nav ul li.my_tasks {
  background: url("tasks_document_icon.0dc10b55.svg") 14px 9px / 20px no-repeat;
}

.second_nav ul li.my_tasks:hover {
  background: url("tasks_document_icon_ho.53b67be3.svg") 14px 9px / 20px no-repeat;
}

.second_nav ul li.my_tasks.active {
  color: #2c5efb;
  background: #f7f7f7 url("tasks_document_icon_ho.53b67be3.svg") 14px 9px / 20px no-repeat;
}

.second_nav ul li.team_tasks {
  background: url("team_tasks_icon.eb479d52.svg") 14px 9px / 20px no-repeat;
}

.second_nav ul li.team_tasks:hover {
  background: url("team_tasks_icon_ho.6a678430.svg") 14px 9px / 20px no-repeat;
}

.second_nav ul li.team_tasks.active {
  color: #2c5efb;
  background: #f7f7f7 url("team_tasks_icon_ho.6a678430.svg") 14px 9px / 20px no-repeat;
}

.second_nav ul li.new_tasks {
  background: url("task_square_icon_dark.7a96acc7.svg") 15px 9px / 19px no-repeat;
}

.second_nav ul li.new_tasks:hover {
  background: url("task_square_icon_ho.30fa35bf.svg") 15px 9px / 19px no-repeat;
}

.second_nav ul li.new_tasks.active {
  color: #2c5efb;
  background: #f7f7f7 url("task_square_icon_ho.30fa35bf.svg") 15px 9px / 19px no-repeat;
}

.second_nav ul li.folder2 {
  background: url("folder.acdc785c.svg") 16px 11px / 18px no-repeat;
}

.second_nav ul li.folder2:hover {
  background: url("folder_blue.b6f60d8e.svg") 16px 11px / 18px no-repeat;
}

.second_nav ul li.folder2.active {
  color: #2c5efb;
  background: #f7f7f7 url("folder_blue.b6f60d8e.svg") 16px 11px / 18px no-repeat;
}

.second_nav ul li.new_workflow {
  background: url("workflow.dac068cb.svg") 15px 9px / 19px no-repeat;
}

.second_nav ul li.new_workflow:hover {
  background: url("workflow_ho.b77ef313.svg") 15px 9px / 19px no-repeat;
}

.second_nav ul li.new_workflow.active {
  color: #2c5efb;
  background: #f7f7f7 url("workflow_ho.b77ef313.svg") 15px 9px / 19px no-repeat;
}

.second_nav ul li.new_workspace {
  background: url("workspace.9586797c.svg") 15px 9.5px / 19px no-repeat;
}

.second_nav ul li.new_workspace:hover {
  background: url("workspace_ho.f488bd6b.svg") 15px 9.5px / 19px no-repeat;
}

.second_nav ul li.new_workspace.active {
  color: #2c5efb;
  background: #f7f7f7 url("workspace_ho.f488bd6b.svg") 15px 9.5px / 19px no-repeat;
}

.second_nav ul li.invite_people {
  background: url("create_user_profile_grey.b34e62cf.svg") 11px 4.5px / 27px no-repeat;
}

.second_nav ul li.invite_people:hover {
  background: url("create_user_profile.cd4050e3.svg") 11px 4.5px / 27px no-repeat;
}

.second_nav ul li.invite_people.active {
  color: #2c5efb;
  background: #f7f7f7 url("create_user_profile.cd4050e3.svg") 11px 4.5px / 27px no-repeat;
}

.second_nav ul li.folder {
  background: url("folder.acdc785c.svg") 16px 11px / 18px no-repeat;
}

.second_nav ul li.folder.active {
  background: #f7f7f7 url("folder.acdc785c.svg") 16px 11px / 18px no-repeat;
}

.second_nav ul li.create_ai2 {
  background: url("magic_dark_grey.f13a09ca.svg") 16px 11px / 15px no-repeat;
}

.second_nav ul li.create_ai2.active {
  background: #f7f7f7 url("magic_dark_grey.f13a09ca.svg") 16px 11px / 15px no-repeat;
}

.second_nav ul li.add_plus {
  background: url("plus_icon.89631652.svg") 17px 14px / 11px no-repeat;
  color: #9f9f9f !important;
}

.second_nav ul li.add_plus:hover {
  background: url("plus_icon_ho.8f61e91d.svg") 17px 14px / 11px no-repeat;
  color: #2c5efb !important;
}

.right_pannel {
  background: #fafafa;
  padding: 25px 30px;
  position: fixed;
  inset: 0 0 0 317px;
  overflow-y: auto;
}

.no_curvd_bx {
  z-index: 1;
  background: #fff;
  border: 1px solid #e6e6e4;
  width: 100%;
  margin-top: 16px;
  margin-bottom: -16px;
  margin-left: -26px;
  padding: 18px 25px;
  position: relative;
  box-shadow: 0 0 4px -1px #0000001c;
}

.curvd_bx {
  z-index: 1;
  box-sizing: border-box;
  background: #fff url("arrow_top_icon.d9856c23.svg") 98% / 22px no-repeat;
  border-radius: 14px;
  width: 100%;
  height: 50px;
  padding: 15px 25px 0;
  line-height: 50px;
}

.curvd_bx2 {
  z-index: 1;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e6e6e4;
  border-radius: 14px;
  width: 100%;
  padding: 18px 25px;
  position: relative;
  box-shadow: 0 0 4px -1px #0000001c;
}

.curvd_bx3 {
  z-index: 1;
  background: #fff;
  border: 1px solid #e6e6e4;
  width: 100%;
  padding: 18px 25px;
  position: relative;
  box-shadow: 0 0 4px -1px #0000001c;
}

.treemenu {
  float: left;
  width: 100%;
}

.treemenu ul li {
  float: left;
  box-sizing: border-box;
  background: #fafafa;
  border-radius: 14px;
  width: 100%;
  margin-bottom: 14px;
  padding: 18px 25px;
  border: 1px solid #fafafa !important;
}

.treemenu ul li.expand {
  background: url("expand_arrow.c864b8c3.svg") 97.7% / 15px no-repeat;
}

.treemenu ul li.collapse {
  background: #fff url("collapse_arrow.c676a2c7.svg") 97.7% 18px / 15px no-repeat;
  border: 1px solid #eee;
  padding-bottom: 0;
}

.treemenu ul li.collapse .divider, .treemenu ul li.collapse .divider .left_contnt_bx, .treemenu ul li.collapse .divider .right_contnt_bx {
  background: #fff;
}

.treemenu ul li .divider {
  float: left;
  background: url("line.e378719a.jpg") 50% 8px repeat-x;
  width: 96%;
}

.treemenu ul li .divider .left_contnt_bx {
  float: left;
  background: #fafafa;
  padding-right: 40px;
}

.treemenu ul li .divider .right_contnt_bx {
  float: right;
  background: #fafafa;
  padding-left: 40px;
  font-family: intermedium;
  font-size: 14px;
}

.treemenu ul li ul {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.treemenu ul li ul li {
  float: left;
  box-sizing: inherit;
  background: inherit;
  border: 0;
  border-radius: 0;
  width: 100%;
  margin-bottom: 0;
  margin-left: -25px;
  padding: 18px 25px;
}

.treemenu ul li ul li .right_side_content_bx {
  float: right;
  width: 96%;
}

.treemenu ul li ul li .no_curvd_bx {
  margin-top: -19px !important;
  margin-bottom: -19px !important;
}

.add_task_row {
  float: left;
  width: 100%;
}

.add_task_row ul li {
  float: left;
  width: 100%;
  margin-top: 16px;
}

.sub_task_row {
  float: left;
  width: 100%;
}

.sub_task_row ul li {
  float: left;
  box-sizing: border-box;
  background: #f7f7f7;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  width: 100%;
  margin-top: 8px;
  padding: 7px 16px;
  font-family: intermedium;
  font-size: 16px;
}

.attachments {
  float: left;
  width: 100%;
}

.attachments ul li {
  float: left;
  width: 100%;
  margin-top: 16px;
}

.development_raw {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding-left: 18px;
}

.development_raw ul {
  float: left !important;
  width: 100% !important;
  margin-top: 0 !important;
}

.development_raw ul li {
  cursor: pointer;
  float: left !important;
  color: #4f4c49 !important;
  box-sizing: border-box !important;
  margin-bottom: 12px !important;
  margin-left: inherit !important;
  background: url("folder.acdc785c.svg") 0 0 / 14px no-repeat !important;
  border-top: 0 !important;
  width: 100% !important;
  padding: 0 0 0 28px !important;
  font-size: 13px !important;
}

.development_raw ul li:last-child {
  margin-bottom: 0;
}

.treemenu ul li .development_raw ul li {
  border: 0 !important;
}

.development_raw ul li ul {
  float: left;
  width: 100%;
  margin-top: 4px;
}

.development_raw ul li ul li {
  float: left;
  color: #64615e;
  background: url("section_icon.4c55683d.svg") 4px 3px / 17px no-repeat;
  border-radius: 6px;
  width: 100%;
  margin-top: 2px;
  margin-bottom: 0;
  margin-left: -5px;
  padding: 5px 5px 5px 25px;
  font-size: 12px;
}

.development_raw ul li ul li.active {
  color: #2c5efb;
  background: #fafafa url("section_icon_blue.2b2b5bf5.svg") 4px 3px / 17px no-repeat;
  font-family: intersemi_bold;
}

.duedate_pannel {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 18px 10px;
}

.duedate_pannel ul {
  float: left !important;
  width: 100% !important;
  margin-top: 0 !important;
}

.duedate_pannel ul li {
  background: #2c5efb;
  border-radius: 4px;
  margin-right: 6px;
  float: left !important;
  margin-left: inherit !important;
  color: #fff !important;
  box-sizing: border-box !important;
  border: 0 !important;
  margin-bottom: 6px !important;
  padding: 4px 8px !important;
  font-family: interregular !important;
  font-size: 11px !important;
  position: relative !important;
}

.duedate_pannel ul li:last-child {
  margin-bottom: 0 !important;
}

.duedate_pannel .css-1q04gal-MuiDateCalendar-root {
  width: 297px !important;
  max-height: 230px !important;
}

.duedate_pannel .css-jgls56-MuiButtonBase-root-MuiPickersDay-root, .duedate_pannel .css-jgls56-MuiButtonBase-root-MuiPickersDay-root.Mui-selected, .duedate_pannel .css-1u23akw-MuiButtonBase-root-MuiPickersDay-root {
  margin: 0 8px;
  line-height: inherit !important;
  width: 24px !important;
  height: 24px !important;
}

.duedate_pannel .css-rhmlg1-MuiTypography-root-MuiDayCalendar-weekDayLabel {
  height: 30px !important;
}

.duedate_pannel .css-168nijn-MuiPickersDay-root {
  margin: 0 8px;
  line-height: inherit !important;
  width: 24px !important;
  height: 24px !important;
}

.duedate_pannel2 {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
}

.duedate_pannel2 ul {
  float: left;
  width: 100%;
  margin-top: 0 !important;
}

.duedate_pannel2 ul li {
  float: left !important;
  color: #4f4c49 !important;
  box-sizing: border-box !important;
  margin-left: inherit !important;
  border: 0 !important;
  border-bottom: 1px solid #e9e9e9 !important;
  width: 100% !important;
  padding: 14px 18px !important;
  font-size: 13px !important;
  position: relative !important;
}

.duedate_pannel2 ul li:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.assign_pannel {
  float: left;
  width: 106%;
  margin-left: -8px;
  overflow-x: hidden;
  overflow-y: auto;
}

.assign_pannel ul {
  float: left;
  width: 100%;
  margin-top: 0 !important;
}

.assign_pannel ul li {
  float: left !important;
  color: #4f4c49 !important;
  box-sizing: border-box !important;
  margin-left: inherit !important;
  border: 0 !important;
  border-bottom: 1px solid #f6f6f6 !important;
  width: 100% !important;
  padding: 6px 19px !important;
  font-size: 13px !important;
}

.assign_pannel ul li:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.assign_pannel ul li .assig_name {
  text-align: center;
  text-transform: uppercase;
  color: #2c5efb;
  border: 1px solid #b2a9a7;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  font-family: intermedium;
  font-size: 9px;
  line-height: 20px;
}

.botm_sectn {
  border-top: 1px solid #f6f6f6;
  padding: 6px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.botm_sectn2 {
  border-top: 1px solid #f6f6f6;
  padding: 18px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.contact_pannel {
  float: left;
  width: 106%;
  margin-left: -8px;
  overflow-x: auto;
}

.contact_pannel ul {
  float: left;
  width: 100%;
  margin-top: 0 !important;
}

.contact_pannel ul li {
  float: left !important;
  color: #4f4c49 !important;
  box-sizing: border-box !important;
  margin-left: inherit !important;
  border: 0 !important;
  border-bottom: 1px solid #f6f6f6 !important;
  width: 100% !important;
  padding: 10px 19px !important;
  font-size: 13px !important;
}

.contact_pannel ul li:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.contact_pannel ul li .contact_name {
  text-align: center;
  color: #54504c;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  font-family: intersemi_bold;
  font-size: 11px;
  line-height: 20px;
}

.contact_pannel ul li .contact_details {
  float: right;
  width: 85%;
}

.contact_pannel ul li .contact_details .firs_name {
  color: #45403d;
  font-size: 13px;
}

.contact_pannel ul li.active .contact_name {
  color: #2c5efb;
}

.contact_pannel ul li.active .contact_details .firs_name {
  color: #2c5efb;
  font-family: intermedium;
  font-size: 13px;
  font-weight: 500;
}

.new_project_menu_popup {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 200px;
  position: absolute;
  top: 22px;
  right: 0;
  box-shadow: 0 0 4px #0000001c;
}

.new_project_menu_popup ul {
  float: left;
  width: 100%;
}

.new_project_menu_popup ul li {
  cursor: pointer;
  float: left;
  line-height: inherit;
  color: #000;
  box-sizing: border-box;
  border: 0;
  border-top: 1px solid #f6f6f6;
  border-radius: 0;
  width: 100%;
  height: auto;
  padding: 16px 18px 16px 38px;
  font-family: intermedium;
  font-size: 13px;
  position: relative;
}

.new_project_menu_popup ul li.build_template {
  background: url("build_icon.89a7f0ba.svg") 15px / 16px no-repeat;
}

.new_project_menu_popup ul li.import {
  background: url("import.5921c536.svg") 15px / 13px no-repeat;
}

.new_project_menu_popup ul li.create_ai {
  background: url("magic_black.f85288b0.svg") 15px / 13px no-repeat;
}

.quick_add {
  z-index: 2;
}

.select_switcher, .select_switcher ul {
  float: left;
  width: 100%;
}

.select_switcher ul li {
  cursor: pointer;
  color: #45403c;
  float: left;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  width: 36%;
  height: 42px;
  margin-right: 15px;
  padding: 0 12px 0 40px;
  font-family: intermedium;
  font-size: 16px;
  line-height: 42px;
}

.select_switcher ul li:last-child {
  margin-right: 0;
}

.select_switcher ul li.kanban_view {
  background: url("kanban.4756d02a.svg") 13px / 18px no-repeat;
}

.select_switcher ul li.kanban_view.active, .select_switcher ul li.kanban_view:hover {
  color: #000;
  background: url("kanban_blue.094f00d8.svg") 13px / 18px no-repeat;
}

.select_switcher ul li.list_view {
  background: url("list_view.b6ccb28b.svg") 11px / 24px no-repeat;
  padding: 0 12px 0 46px !important;
}

.select_switcher ul li.list_view.active, .select_switcher ul li.list_view:hover {
  color: #000;
  background: url("list_view_blue.1f0e3c8a.svg") 11px / 24px no-repeat;
}

.workflow_pannel, .workflow_pannel ul {
  float: left;
  width: 100%;
}

.workflow_pannel ul li {
  cursor: pointer;
  float: left;
  box-sizing: border-box;
  background: url("workflow_ho.b77ef313.svg") 0 0 / 24px no-repeat, url("line_arrow_right.b95787d5.svg") 100% / 6px no-repeat;
  width: 100%;
  padding: 0 12px 0 40px;
  position: relative;
}

.workflow_pannel2, .workflow_pannel2 ul {
  float: left;
  width: 100%;
  position: relative;
}

.workflow_pannel2 ul {
  height: 416px;
  overflow-x: auto;
}

.workflow_pannel2 ul li {
  cursor: pointer;
  color: #4b4744;
  float: left;
  box-sizing: border-box;
  background: url("workflow.dac068cb.svg") 20px 17px / 19px no-repeat;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  padding: 17px 12px 17px 55px;
  position: relative;
}

.workflow_pannel2 ul li.active {
  background: url("workflow_ho.b77ef313.svg") 20px 17px / 19px no-repeat, url("tick_blue.63f71159.svg") 96% / 13px no-repeat;
}

.workflow_pannel2 ul li:hover {
  background-color: #f9f9f9;
  background-image: url("workflow_ho.b77ef313.svg");
  background-position: 20px 17px;
  background-repeat: no-repeat;
  background-size: 19px, 13px;
  background-attachment: scroll;
  background-origin: padding-box;
  background-clip: border-box;
}

.workflow_pannel2 ul li .acti_clr, .workflow_pannel2 ul li.active .acti_clr {
  color: #000 !important;
}

.workflow_pannel2 ul li .edit_modify2 {
  display: none;
}

.workflow_pannel2 ul li:hover .edit_modify2 {
  display: inherit;
}

.workflow_pannel2 ul li:hover .remove_grid2 {
  cursor: pointer;
  background: url("remove.553fbd5b.svg") center / 14px no-repeat;
  width: 18px;
  height: 14px;
  position: absolute;
  top: 26px;
  right: 22px;
}

.workflow_pannel3, .workflow_pannel3 ul {
  float: left;
  width: 100%;
  position: relative;
}

.workflow_pannel3 ul {
  height: 450px;
  overflow-x: auto;
}

.workflow_pannel3 ul li {
  cursor: pointer;
  float: left;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  padding: 12px 12px 12px 32px;
  position: relative;
}

.workflow_pannel4, .workflow_pannel4 ul {
  float: left;
  width: 100%;
  position: relative;
}

.workflow_pannel4 ul {
  height: 360px;
  overflow-x: auto;
}

.workflow_pannel4 ul li {
  cursor: pointer;
  float: left;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  padding: 12px 12px 12px 32px;
  position: relative;
}

.comment_type_pannel {
  position: absolute;
  bottom: 20px;
  left: 30px;
  right: 12px;
}

.comment_type_pannel .comment_box {
  float: left;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  width: 100%;
  padding: 8px 12px;
}

.btm_pannel {
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 17px;
  right: 0;
}

.notification_popup {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 180px;
  padding: 10px 20px;
  position: absolute;
  bottom: 28px;
  right: 6px;
  box-shadow: 0 0 4px #0000001c;
}

.notification_popup ul {
  float: left;
  width: 100%;
}

.notification_popup ul li {
  cursor: pointer;
  color: #000;
  float: left !important;
  border: 0 !important;
  width: 100% !important;
  padding: 8px 0 !important;
  font-size: 13px !important;
}

.notification_popup ul li.grey_color {
  color: #615f5d !important;
}

.recurring_popup {
  z-index: 999999;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 12px;
  width: 280px;
  position: absolute;
  bottom: 41px;
  right: 9px;
  box-shadow: 0 0 4px #0000001c;
}

.recurring_popup ul {
  float: left;
  width: 100%;
  height: 250px;
  margin-bottom: 45px;
  overflow-y: auto;
}

.recurring_popup ul li {
  float: left;
  color: #0d0d0d;
  border-top: 1px solid #f2f2f2;
  border-bottom: 0;
  width: 100%;
  padding: 10px 20px;
  font-size: 13px;
}

.recurring_popup .recurring_btm_sectn {
  border-top: 1px solid #f2f2f2;
  padding: 16px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.recurring_popup .recurring_btm_sectn span {
  float: left;
  cursor: pointer;
  text-align: center;
  width: 48%;
  font-family: intermedium;
  font-size: 12px;
}

.recurring_popup .css-13cymwt-control {
  float: right;
  min-height: inherit;
  border: 0;
  margin-top: -4px;
}

.recurring_popup .css-1u9des2-indicatorSeparator {
  display: none;
}

.recurring_popup .css-1fdsijx-ValueContainer {
  padding: 0;
}

.recurring_popup .css-1xc3v61-indicatorContainer {
  padding: 0 0 0 8px !important;
}

.recurring_popup .css-qbdosj-Input {
  padding: 0;
}

.recurring_popup .css-t3ipsp-control:hover {
  border: 0;
}

.recurring_popup .css-t3ipsp-control {
  float: right;
  min-height: inherit;
  box-shadow: none;
  border: 0;
  margin-top: -4px;
}

.recurring_popup .css-15lsz6c-indicatorContainer {
  padding: 0 0 0 8px !important;
}

.recurring_popup .css-1nmdiq5-menu {
  width: 50%;
  margin-top: 20px;
  right: 0;
}

.recurring_popup .css-1dimb5e-singleValue {
  color: #2c5efb;
}

.active_stages {
  float: left;
  width: 100%;
}

.active_stages ul li {
  float: left;
  box-sizing: border-box;
  width: 100%;
  margin-top: 9px;
  padding-right: 30px;
  position: relative;
}

.active_stages ul li .active_stage_bx {
  float: left;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  width: 100%;
  height: 32px;
  padding: 2px 24px;
}

.active_stages ul li:hover .remove_grid {
  cursor: pointer;
  background: url("remove.553fbd5b.svg") center / 14px no-repeat;
  width: 18px;
  height: 14px;
  position: absolute;
  top: 9px;
  right: 0;
}

.active_stages ul li:hover .edit_modify {
  display: inherit;
}

.active_stages ul li .edit_modify {
  display: none;
}

.active_stages ul li:hover .active_stage_bx {
  background: #f9f9f9;
}

.kanban_wrapper ul {
  margin: 0;
  padding: 0;
}

.kanban_wrapper ul li {
  float: left;
  cursor: pointer;
  border: 1px solid #fafafa;
  border-radius: 6px;
  width: 20px;
  height: 20px;
}

.kanban_wrapper ul li.kanban_grid {
  background: url("kanban.4756d02a.svg") center / 11px no-repeat;
}

.kanban_wrapper ul li.kanban_grid:hover {
  background: url("kanban_blue.094f00d8.svg") center / 11px no-repeat;
}

.kanban_wrapper ul li.kanban_grid.active {
  background: #fff url("kanban_blue.094f00d8.svg") center / 11px no-repeat;
  border: 1px solid #ebe8e6;
}

.kanban_wrapper ul li.kanban_list {
  background: url("list_view.b6ccb28b.svg") center / 14px no-repeat;
}

.kanban_wrapper ul li.kanban_list:hover {
  background: url("list_view_blue.1f0e3c8a.svg") center / 14px no-repeat;
}

.kanban_wrapper ul li.kanban_list.active {
  background: #fff url("list_view_blue.1f0e3c8a.svg") center / 14px no-repeat;
  border: 1px solid #ebe8e6;
}

.kanban_grid_pannel {
  border-top: 1px solid #e3e3e3;
  padding: 19px 10px 20px 30px;
  display: flex;
  position: absolute;
  inset: 67px 0 0;
}

.kanban_grid_pannel ul li {
  float: left;
  box-sizing: border-box;
  width: 32%;
  height: 100%;
  margin-right: 17px;
  padding-top: 0;
  padding-right: 5px;
  position: relative;
  overflow-y: auto;
}

.kanban_grid_pannel ul li:last-child {
  margin-right: 0;
}

.kanban_grid_pannel ul li .kanban_header {
  box-sizing: border-box;
  float: left;
  z-index: 99999;
  background: #f9f9f9;
  width: 100%;
  padding: 4px 20px 9px;
  position: sticky;
  top: 0;
}

.kanban_grid_pannel ul li .hover_link {
  display: none;
}

.kanban_grid_pannel ul li:hover .hover_link {
  display: inherit;
}

.kanban_grid_pannel ul li .kanban_cuvd_bx {
  float: left;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e8e6e6;
  border-radius: 12px;
  width: 100%;
  padding: 16px 20px;
}

.kanban_grid_pannel ul li .kanban_botom {
  float: left;
  border-top: 1px solid #eae9e9;
  width: 100%;
  padding: 12px 20px 0;
}

.kanban_grid_pannel ul li.done .kanban_cuvd_bx {
  background: #ebfee5 !important;
  border: 1px solid #daf9d1 !important;
}

.kanban_grid_pannel ul li.done .kanban_botom {
  border-top: 1px solid #daf9d1 !important;
}

.kanban_grid_pannel ul li .kanban_done {
  background: #ecffe5 !important;
}

.add_person_pannel, .add_person_pannel ul {
  float: right;
}

.add_person_pannel ul li {
  float: right;
  overflow-y: inherit;
  text-align: center;
  color: #464545;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 14px;
  width: 23px;
  height: 23px;
  margin: 0;
  padding: 0;
  font-family: intersemi_bold;
  font-size: 11.5px;
  line-height: 23px;
  margin-right: -7px !important;
}

.add_person_pannel ul li.pic {
  float: right;
  text-align: center;
  color: #fff;
  overflow-y: inherit;
  background: #e40404;
  border: 0;
  border-radius: 14px;
  width: 23px;
  height: 23px;
  padding: 0;
  font-family: intermedium;
  font-size: 12px;
  line-height: 23px;
}

.add_person_pannel ul li.img {
  float: right;
  text-align: center;
  color: #fff;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 14px;
  width: 23px;
  height: 23px;
  padding: 0;
  font-family: intermedium;
  font-size: 12px;
  line-height: 23px;
  overflow: hidden;
  overflow-y: hidden !important;
}

.add_person_pannel ul li.img img {
  width: 100%;
}

.top_tiny_menu, .top_tiny_menu ul {
  float: right;
}

.top_tiny_menu ul li {
  float: left;
  cursor: pointer;
  border-radius: 27px;
  width: 27px;
  height: 27px;
  margin-right: 4px;
}

.top_tiny_menu ul li.tiny_archive {
  background: url("archive_icon.f8664bc1.svg") center / 15px no-repeat;
}

.top_tiny_menu ul li.tiny_archive.active {
  background: #f9f9f9 url("archive_icon_blue.204ffb8d.svg") center / 15px no-repeat;
}

.top_tiny_menu ul li.tiny_archive:hover {
  background: url("archive_icon_blue.204ffb8d.svg") center / 15px no-repeat;
}

.top_tiny_menu ul li.tiny_link {
  background: url("link_icon_grey.16f900a1.svg") center / 16px no-repeat;
}

.top_tiny_menu ul li.tiny_link.active {
  background: #f9f9f9 url("link_icon.77ae1418.svg") center / 16px no-repeat;
}

.top_tiny_menu ul li.tiny_link:hover {
  background: url("link_icon.77ae1418.svg") center / 16px no-repeat;
}

.top_tiny_menu ul li.tiny_chart {
  background: url("chart_tin.4ce6d8da.svg") center / 14.5px no-repeat;
}

.top_tiny_menu ul li.tiny_chart.active {
  background: #f9f9f9 url("chart_tin_blue.5630a799.svg") center / 14.5px no-repeat;
}

.top_tiny_menu ul li.tiny_chart:hover {
  background: url("chart_tin_blue.5630a799.svg") center / 14.5px no-repeat;
}

.top_tiny_menu ul li.tiny_comment {
  background: url("comment__grey_icon.190788c1.svg") center / 19px no-repeat;
}

.top_tiny_menu ul li.tiny_comment.active {
  background: #f9f9f9 url("comment_icon.770521c7.svg") center / 19px no-repeat;
}

.top_tiny_menu ul li.tiny_comment:hover {
  background: url("comment_icon.770521c7.svg") center / 19px no-repeat;
}

.map_botm_btn_section {
  position: absolute;
  bottom: 30px;
  left: 55px;
  right: 40px;
}