body {
  font-family: "Poppins", sans-serif;
}
body button,
body .MuiButtonBase-root,
body .MuiTableCell-root,
body .MuiChip-root,
body .MuiTypography-root,
body .MuiPickersSectionList-section,
body .MuiPickersSectionList-sectionContent,
body .MuiFormLabel-root {
  font-family: "Poppins", sans-serif;
}
body .MuiButtonBase-root {
  text-transform: capitalize !important;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

* {
  box-sizing: border-box;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

img {
  max-width: 100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

select {
  appearance: initial;
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00003%2011C7.87216%2011%207.74416%2010.9511%207.64653%2010.8535L2.64653%205.8535C2.45116%205.65813%202.45116%205.34175%202.64653%205.1465C2.84191%204.95125%203.15828%204.95113%203.35353%205.1465L8.00003%209.793L12.6465%205.1465C12.8419%204.95113%2013.1583%204.95113%2013.3535%205.1465C13.5488%205.34188%2013.5489%205.65825%2013.3535%205.8535L8.35353%2010.8535C8.25591%2010.9511%208.12791%2011%208.00003%2011Z'%20fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 95% center;
}

.gren_button a,
.gren_button button {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 6px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #33CB33;
  border: solid 1px #33CB33;
  cursor: pointer;
  border-radius: 70px;
}
.gren_button a:hover,
.gren_button button:hover {
  background: #19c819;
  border: solid 1px #19c819;
}

.red_button_outline a,
.red_button_outline button {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 6px;
  color: #DC3545;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: transparent;
  border: solid 1px #DC3545;
  cursor: pointer;
  border-radius: 70px;
}
.red_button_outline a:hover,
.red_button_outline button:hover {
  background: #DC3545;
  color: #fff;
}

.green_btn.MuiButton-contained {
  background-color: #1FCF43;
  border: solid 1px #1FCF43;
  border-radius: 8px;
  color: #fff;
  padding: 11px 16px;
}
.green_btn.MuiButton-contained:hover {
  background: #19c819;
  border: solid 1px #19c819;
}

.grey_btn.MuiButton-outlined {
  background-color: transparent;
  border: solid 1px #CECECE;
  border-radius: 8px;
  color: #000;
  padding: 11px 16px;
}
.grey_btn.MuiButton-outlined:hover {
  background: #CECECE;
}

.form_group .MuiFormLabel-root {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 10px;
  display: inline-block;
}

.custom_datepicker_main {
  position: relative;
}
.custom_datepicker_main .date_filter_btn {
  width: auto !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
.custom_datepicker_main .custom_datepicker {
  position: absolute;
  left: auto;
  right: 0;
  top: 45px;
  z-index: 9;
  box-shadow: 0 24px 64px 0 rgba(0, 0, 0, 0.15);
}
.custom_datepicker_main .custom_datepicker .rdrCalendarWrapper .rdrDateDisplayWrapper {
  background: #e5f9e9;
}
.custom_datepicker_main .custom_datepicker .rdrCalendarWrapper .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateDisplayItemActive {
  border-color: #33CB33;
}
.custom_datepicker_main .custom_datepicker .rdrCalendarWrapper .rdrMonths .rdrDays button.rdrDay {
  min-width: 44px !important;
  border: none !important;
}
.custom_datepicker_main .custom_datepicker .rdrCalendarWrapper .rdrMonths .rdrDays button.rdrDay.rdrDayToday .rdrDayNumber span::after {
  background: #33CB33;
}
.custom_datepicker_main .custom_datepicker .rdrCalendarWrapper .rdrMonths .rdrDays button.rdrDayHovered .rdrDayEndPreview {
  border-color: #33CB33 !important;
}
.custom_datepicker_main .custom_datepicker .rdrCalendarWrapper .rdrMonths .rdrDays button .rdrSelected,
.custom_datepicker_main .custom_datepicker .rdrCalendarWrapper .rdrMonths .rdrDays button .rdrInRange,
.custom_datepicker_main .custom_datepicker .rdrCalendarWrapper .rdrMonths .rdrDays button .rdrStartEdge,
.custom_datepicker_main .custom_datepicker .rdrCalendarWrapper .rdrMonths .rdrDays button .rdrEndEdge {
  background: #33CB33;
}
.custom_datepicker_main .custom_datepicker .date_range_actions {
  background-color: #fff;
  padding: 0 16px 16px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.custom_datepicker_main .custom_datepicker .date_range_actions button.calendar_button {
  border: 1px solid #33CB33 !important;
  background: #33CB33 !important;
  color: #fff !important;
  min-width: 120px !important;
  height: 40px !important;
  border-radius: 8px !important;
  cursor: pointer;
}
.custom_datepicker_main .custom_datepicker .date_range_actions button.calendar_button:hover {
  background: #23bb23 !important;
}
.custom_datepicker_main .custom_datepicker .date_range_actions button.calendar_button.calendar_button_border {
  color: #33CB33 !important;
  background: #fff !important;
}
.custom_datepicker_main .custom_datepicker .date_range_actions button.calendar_button.calendar_button_border:hover {
  color: #fff !important;
  background: #33CB33 !important;
}

.loader_theme svg {
  color: #16AE35;
}

.button-red.MuiButton-outlined {
  border-color: #dc3545;
  color: #dc3545;
  border-radius: 50px;
}
.button-red.MuiButton-outlined:hover {
  background: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.small_grey_btn.MuiButton-contained {
  background-color: #EFEFEF;
  padding: 6px 20px;
  font-size: 14px;
  color: #000;
  border-radius: 999px;
}
.small_grey_btn.MuiButton-contained:hover {
  background-color: #494949;
  color: #fff;
}
.small_grey_btn.MuiButton-contained:hover img {
  filter: brightness(0) invert(1);
}

.small_lightgreen_btn.MuiButton-contained {
  background-color: #D1FFD1;
  padding: 6px 20px;
  font-size: 14px;
  color: #000;
  border-radius: 999px;
}
.small_lightgreen_btn.MuiButton-contained:hover {
  background-color: #33CB33;
  color: #fff;
}
.small_lightgreen_btn.MuiButton-contained:hover img {
  filter: brightness(0) invert(1);
}

.small_red_btn.MuiButton-contained {
  background-color: #FFD1D1;
  padding: 6px 20px;
  font-size: 14px;
  color: #A90000;
  border-radius: 999px;
}
.small_red_btn.MuiButton-contained:hover {
  background-color: #A90000;
  color: #fff;
}
.small_red_btn.MuiButton-contained:hover img {
  filter: brightness(0) invert(1);
}

.red_btn.MuiButton-contained {
  background-color: #A90000 !important;
  padding: 6px 20px;
  font-size: 14px;
  color: #fff;
  border-radius: 8px;
}
.red_btn.MuiButton-contained:hover {
  background-color: #cf1f1f !important;
  color: #fff;
}
.red_btn.MuiButton-contained:hover img {
  filter: brightness(0) invert(1);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

.text-center {
  text-align: center;
}

a {
  text-decoration: none;
}

.auth_page {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  background: #EBF3F9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  padding: 0 15px;
}
.auth_page .before_login_sec {
  width: 100%;
  max-width: 415px;
  padding: 20px 0;
}
.auth_page .before_login_sec .logo {
  text-align: center;
  margin-bottom: 35px;
}
.auth_page .before_login_sec .wrap_box {
  width: 100%;
  padding: 40px 30px 50px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
.auth_page .before_login_sec .wrap_box .head {
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 30px;
}
.auth_page .before_login_sec .wrap_box .head h2 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 10px;
}
.auth_page .before_login_sec .wrap_box .form-group {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 5px;
}
.auth_page .before_login_sec .wrap_box .form-group label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.auth_page .before_login_sec .wrap_box .form-group .field {
  width: 100%;
  position: relative;
}
.auth_page .before_login_sec .wrap_box .form-group .field .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  margin: auto;
  z-index: 1;
}
.auth_page .before_login_sec .wrap_box .form-group .field .eye {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 13px;
  margin: auto;
  z-index: 1;
  cursor: pointer;
}
.auth_page .before_login_sec .wrap_box .form-group .field .form-control {
  width: 100%;
  height: 47px;
  padding: 10px;
  border-radius: 6px;
  border: none;
  background: rgba(52, 132, 188, 0.1);
}
.auth_page .before_login_sec .wrap_box .form-group .field .form-control:focus {
  outline: none;
  box-shadow: none;
}
.auth_page .before_login_sec .wrap_box .form-group .field:has(.icon) .form-control {
  padding-left: 45px;
}
.auth_page .before_login_sec .wrap_box .form-group .field:has(.eye) .form-control {
  padding-right: 45px;
}
.auth_page .before_login_sec .wrap_box .form-group .field.otp_field {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.auth_page .before_login_sec .wrap_box .form-group .field.otp_field .form-control {
  width: calc(20% - 10px);
  text-align: center;
  height: 55px;
}
.auth_page .before_login_sec .wrap_box .form-group.forgot_password {
  text-align: right;
}
.auth_page .before_login_sec .wrap_box .form-group.forgot_password a {
  color: #33CB33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.auth_page .before_login_sec .wrap_box .form-group .login {
  width: 226px;
  height: 53px;
  border-radius: 6px;
  background: #33CB33;
  padding: 15px 30px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto 0;
  border: none;
}
.auth_page .before_login_sec .allready_account {
  text-align: center;
  margin-top: 20px;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.auth_page .before_login_sec .allready_account a {
  color: #33CB33;
}

.MuiButtonBase-root:disabled {
  opacity: 0.7 !important;
}
.MuiButtonBase-root .MuiButton-loadingIndicator {
  position: unset !important;
  color: inherit !important;
}

.dashboard_header {
  width: 100%;
  padding: 10px 15px;
  position: fixed;
  top: 0;
  z-index: 500;
  right: 0;
  background: #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 767px) {
  .dashboard_header {
    width: calc(100% - 48px);
    padding: 10px 5px;
  }
}
.dashboard_header .dashboard_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .dashboard_header .dashboard_container .logo img {
    max-width: 80px;
  }
}
.dashboard_header .dashboard_container .right_header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .dashboard_header .dashboard_container .right_header {
    gap: 10px;
  }
}
.dashboard_header .dashboard_container .right_header .notification {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dashboard_header .dashboard_container .right_header .notification a {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .dashboard_header .dashboard_container .right_header .notification img {
    max-width: 24px;
  }
}
.dashboard_header .dashboard_container .right_header .userInfo {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin: 0;
  cursor: pointer;
}
.dashboard_header .dashboard_container .right_header .userInfo .icon-container {
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  width: 33px;
  height: 33px;
  text-transform: uppercase;
  color: var(--primary);
}
@media screen and (max-width: 767px) {
  .dashboard_header .dashboard_container .right_header .userInfo .icon-container {
    width: 30px;
    height: 30px;
  }
}
.dashboard_header .dashboard_container .right_header .userInfo .icon-container img,
.dashboard_header .dashboard_container .right_header .userInfo .icon-container div {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.dashboard_header .dashboard_container .right_header .userInfo figcaption {
  font-weight: 400;
  font-size: 16px;
  color: var(--black);
  text-transform: capitalize;
}
.dashboard_header .dashboard_container .right_header .userInfo .down-arow {
  display: flex;
  margin-left: -5px;
  border: 0;
  background-color: transparent;
  padding-right: 0;
}

.dashboard_container {
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .dashboard_container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.dashboard_main_body_container {
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.dashboard_layout {
  width: 100%;
  min-height: 100vh;
  font-family: "Poppins", sans-serif;
  background: #EFFAF1;
  display: inline-block;
  padding-top: 66px;
}
.dashboard_layout .dashboard_sidebar {
  width: 100%;
  max-width: 88px;
  background-color: #fff;
  border-right: 1px solid #E0DDFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
  padding-top: 68px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.3s;
  z-index: 500;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .dashboard_sidebar {
    max-width: 48px;
  }
}
.dashboard_layout .dashboard_sidebar ul li a {
  width: 100%;
  padding: 15px 10px 10px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 8px;
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .dashboard_sidebar ul li a {
    padding: 10px 6px 8px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .dashboard_sidebar ul li a span {
    display: none;
  }
}
.dashboard_layout .dashboard_sidebar ul li a.active {
  color: #FFF;
  background: #33CB33;
}
.dashboard_layout .dashboard_sidebar ul li a.active .icon svg path {
  fill: #fff;
}
.dashboard_layout .main_content_area {
  width: 100%;
  height: 100%;
  padding: 10px 0;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area {
    padding: 0;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body {
  width: 100%;
  padding: 15px 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body {
    padding: 10px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_heading {
  width: 100%;
  margin-bottom: 6px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_heading h2 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_heading h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_heading h2 {
    font-size: 20px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item {
  display: flex;
  flex: 1;
}
@media screen and (max-width: 1140px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item {
    flex: 0 0 calc(33.33% - 10px);
    width: calc(33.33% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item {
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item {
    flex: 0 0 100%;
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box {
  width: 100%;
  min-height: 120px;
  padding: 15px 15px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box {
    padding: 10px;
    font-size: 12px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left span {
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left span {
    font-size: 12px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left p {
  margin: 0;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #696969;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left h3 {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left h3 {
    font-size: 17px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left .green {
  color: #33CB33 !important;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left .red {
  color: #FF0909 !important;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left .progress_bar {
  width: 200px;
  border-radius: 0;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left .progress_bar {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_right {
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box:has(.dashboard_widget_item_box_right) .dashboard_widget_item_box_left {
  width: calc(100% - 70px);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list {
  width: 100%;
  padding: 7px;
  border-radius: 8px;
  background: rgba(51, 203, 51, 0.2);
  display: flex;
  gap: 8px;
  border: none;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list {
    flex-wrap: wrap;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
  width: calc(14.2% - 6px);
  background: #fff;
  border-radius: 6px;
  color: #33CB33;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: none;
  padding: 10px;
}
@media screen and (max-width: 1120px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
    width: auto;
    min-width: calc(14% - 6px);
  }
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
    min-width: auto;
    width: calc(25% - 6px);
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
    width: calc(33.33% - 6px);
    padding: 10px 7px;
    font-size: 11px;
  }
}
@media screen and (max-width: 640px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
    min-width: auto;
    width: calc(50% - 4px);
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab::after {
  display: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab.react-tabs__tab--selected {
  background: #33CB33;
  color: #fff;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .react-tabs .react-tabs__tab-panel {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs {
  width: 100%;
  padding: 15px 22px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs {
    margin-top: 15px;
    padding: 10px 15px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head {
    flex-wrap: wrap;
    margin-bottom: 15px;
    gap: 10px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .left {
  color: #696969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .left {
    font-size: 13px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .left h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .left h4 {
    font-size: 16px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .left p {
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .right {
    width: 100%;
    justify-content: flex-start;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .right button {
  width: auto;
  min-width: 40px;
  height: 40px;
  padding: 0px 10px;
  border-radius: 4px;
  border: 1px solid #E5E3FB;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .right button.active {
  background: #33CB33;
  border-color: #33CB33;
  color: #fff;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .right .MuiFormControl-root .MuiPickersInputBase-root {
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .head .right .MuiFormControl-root button {
  border: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph img {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul {
    gap: 10px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li {
  border-radius: 8px;
  background: #F4F4F4;
  padding: 18px 35px;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #696969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1340px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li {
    padding: 12px 25px;
  }
}
@media screen and (max-width: 1240px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li {
    padding: 12px 20px;
  }
}
@media screen and (max-width: 1180px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li {
    padding: 10px 15px;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li {
    padding: 8px 10px;
    font-size: 12px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li .arrow {
  display: flex;
  align-items: center;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li b {
  font-weight: 600;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li.green b {
  color: #1FCF43;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li.black b {
  color: #000000;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li.red b {
  color: #FF0909;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes {
  width: calc(25% - 16px);
  border-radius: 8px;
  background: #EFFAF1;
  padding: 15px 20px;
}
@media screen and (max-width: 1280px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes {
    padding: 15px 15px;
  }
}
@media screen and (max-width: 1190px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes {
    width: calc(33% - 12px);
  }
}
@media screen and (max-width: 992px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes {
    padding: 10px 15px;
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top .left {
  width: calc(100% - 30px);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top .left h4 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top .left h4 {
    font-size: 14px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top .right .round {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #33CB33;
  border: solid 3px #fff;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top .right .round.yellow {
  background: #FFCE09;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: 50%;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li p {
  margin: 0 0 6px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.green {
  color: #589C05;
  font-weight: 500;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.green h5 {
  color: #589C05;
  font-weight: 500;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.pairs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.pairs p {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.pairs span {
  padding: 6px 10px;
  border-radius: 4px;
  background: #FFF;
  color: #33CB33;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom .progress_bar {
  background: #fff;
  margin: 20px 0 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom .progress_bar .bar {
  background: #33CB33;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap {
  border: 1px solid #CBC8EB;
  border-radius: 4px;
  overflow: hidden;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items {
  width: 100%;
  background: #FFF;
  padding: 15px 17px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items {
    padding: 12px 14px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .left {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .left h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .left h5 {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .left h5 {
    font-size: 13px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .right {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .right h6 {
  color: #16AE35;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .right button {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: none;
  background: transparent;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li {
    width: calc(50% - 5px);
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li h5 {
    font-size: 14px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li h6 {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li p {
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button {
    justify-content: flex-start;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button h3 {
  color: #589C05;
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button h3 {
    font-size: 16px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button .buy {
  min-width: 62px;
  text-align: center;
  padding: 6px 12px;
  display: inline-block;
  border-radius: 4px;
  background: rgba(88, 156, 5, 0.2);
  color: #589C05;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button .buy.sell {
  color: #FF0C0C;
  background: rgba(255, 12, 12, 0.2);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box {
  width: 100%;
  padding: 15px 17px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in 0.2s;
}
@media screen and (max-width: 1190px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box {
    gap: 10px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list {
  width: auto;
  display: block;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1190px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list {
    width: calc(25% - 10px);
  }
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list {
    width: calc(33.33% - 7px);
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list {
    width: calc(50% - 5px);
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list p {
  margin: 0;
  font-size: 13px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list span {
  color: #000;
  display: block;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap.show .live_trade_items .top_journal .right button {
  transform: rotate(180deg);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap.show .journal_content_box {
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #CBC8EB;
  visibility: visible;
  opacity: 1;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .head {
  width: 100%;
  color: #565656;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 10px;
  margin-bottom: 15px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .head h3 {
  color: #000;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .head h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .head h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .head .form-group {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .head .form-group .form-control {
  width: 220px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background: #FFF;
  padding: 10px 15px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background: #FFF;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .head .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .head .form-group .form-control {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .head .form-group .form-control {
    width: 160px;
  }
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .head .form-group .form-control {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .react-tabs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .react-tabs .capital_allocation_wrap {
  width: 100%;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  padding: 20px;
  transition-duration: 0.15s;
  margin-top: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .react-tabs .capital_allocation_wrap .top {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .react-tabs .capital_allocation_wrap .top .left h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .react-tabs .capital_allocation_wrap .top .middle {
  width: 100%;
  padding: 20px 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .react-tabs .capital_allocation_wrap .top .middle ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .react-tabs .capital_allocation_wrap .top .middle ul li {
  color: #5B6166;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .react-tabs .capital_allocation_wrap .top .middle ul li span {
  color: #000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .react-tabs .capital_allocation_wrap .top .middle ul li h3 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul.react-tabs__tab-list {
  width: auto;
  padding: 7px;
  margin: 0;
  border-radius: 8px;
  background: rgba(51, 203, 51, 0.2);
  background: #f1f5f9;
  display: inline-flex;
  gap: 8px;
  border: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul.react-tabs__tab-list li.react-tabs__tab {
  width: auto;
  min-width: 140px;
  max-width: max-content;
  font-size: 13px;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul.react-tabs__tab-list li.react-tabs__tab {
    min-width: 120px;
  }
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul.react-tabs__tab-list li.react-tabs__tab {
    min-width: calc(50% - 4px);
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul.react-tabs__tab-list li.react-tabs__tab a {
  background: #fff;
  border-radius: 6px;
  color: #33CB33;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: none;
  padding: 7px 15px;
  display: inline-block;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul.react-tabs__tab-list li.react-tabs__tab.active a {
  background: #33CB33;
  color: #fff;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategi_menu .right .add_button button {
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #33CB33;
  border-radius: 70px;
  border: none;
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .total_allocation_amount {
  width: 100%;
  padding: 15px 20px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .total_allocation_amount .top h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .total_allocation_amount .bottom .form-group {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .total_allocation_amount .bottom .form-group .field {
  width: 300px;
  position: relative;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .total_allocation_amount .bottom .form-group .field .form-control {
  width: 100%;
  height: 45px;
  border-radius: 4px;
  border: 1px solid #CBC8EB;
  background: #FFF;
  padding: 10px 15px;
  font-size: 15px;
  color: #000;
  font-weight: 500;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .total_allocation_amount .bottom .form-group .field .parcentage {
  width: 40px;
  height: 96%;
  background: #f1f0f0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  border-radius: 0 4px 4px 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .total_allocation_amount .bottom .form-group .field:has(.parcentage) .form-control {
  padding-right: 25px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .total_allocation_amount .bottom .form-group .allocation_button {
  width: auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .total_allocation_amount .bottom .form-group .allocation_button button {
  padding: 12px 20px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 6px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #33CB33;
  border: solid 1px #33CB33;
  cursor: pointer;
  border-radius: 5px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment {
  width: 100%;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item {
  width: calc(100% - 8px);
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  padding: 0px 20px;
  transition-duration: 0.15s;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up {
  width: 100%;
  padding: 15px 5px;
  border-bottom: solid 1px #E8E6FF;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left {
  width: auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .one {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .one .round {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #33CB33;
  display: block;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .one h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .one .connected,
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .one .dis_connected {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: solid 1px #33CB33;
  color: #33CB33;
  padding: 2px 10px;
  border-radius: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .one .dis_connected {
  border: solid 1px #FF0909;
  color: #FF0909;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .short_content {
  color: #696969;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .right {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .right .switch_button .MuiFormControlLabel-root {
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .right .switch_button .MuiFormControlLabel-root .MuiSwitch-root {
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .right .settings {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .right .settings a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33CB33;
  font-size: 22px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle {
  width: 100%;
  padding: 20px 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li {
  color: #5B6166;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li span {
  color: #000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li span img {
  width: 18px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li h3 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li h3.green {
  color: #589C05;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li h3.red {
  color: #FF0909;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li p {
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li .progress_bar {
  width: 100%;
  min-width: 200px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom {
  width: 100%;
  padding: 15px 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .left {
  width: 55%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
@media screen and (min-width: 1024px) and (max-width: 1190px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .left {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .left {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .left h6 {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 6px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .left span {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: inline-block;
  background: #f2f2f2;
  padding: 2px 8px;
  border-radius: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right {
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media screen and (min-width: 1024px) and (max-width: 1190px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a,
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button {
  min-height: 42px;
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: #33CB33;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 4px;
  background: transparent;
  border: solid 1px #33CB33;
  border-radius: 70px;
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a svg,
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button svg {
  font-size: 1.2rem;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a:hover,
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button:hover {
  color: #33CB33;
  background: #f4f6fb;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a.contained,
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button.contained {
  background: #33CB33;
  color: #fff;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a.contained:hover,
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button.contained:hover {
  background: #19c819;
}
@media screen and (max-width: 1190px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a,
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button {
    min-height: 36px;
    padding: 8px 10px;
    font-size: 13px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .pause {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #33CB33;
  background: #FFF;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33CB33;
  font-size: 22px;
  border-radius: 70px;
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .pause:hover {
  background: #19c819;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .pause:hover svg {
  stroke: #fff;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .pause.red_btn {
  border-color: #FF0909;
  color: #FF0909;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .pause.red_btn:hover {
  background-color: #FF0909;
  color: #fff;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item img {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec {
  width: 100%;
  border-radius: 8px;
  background: #FFF;
  padding: 19px 15px 19px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec:not(:last-child) {
  margin-bottom: 18px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head p span {
  color: #000;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head .right .trade_analysis_wrap {
  min-width: 300px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head .right .trade_analysis_wrap .form-group {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head .right .trade_analysis_wrap .form-group .field .search {
  width: 100%;
  height: 47px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background: #FFF;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head .right .trade_analysis_wrap .form-group .field .search button {
  font-size: 24px;
  border: none;
  background: transparent;
  color: #A8A8A8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head .right .trade_analysis_wrap .form-group .field .search .form-control {
  border: none;
  padding: 0;
  height: 100%;
  cursor: auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head .right .trade_analysis_wrap .form-group .field .search .form-control::placeholder {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head .right .trade_analysis_wrap .form-group .field .search .search_clear {
  color: #dc3545;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head .right .trade_analysis_wrap .form-group .field .search .search_clear button {
  font-size: 16px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .trade_analysis_wrap {
  width: calc(25% - 13px);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .trade_analysis_wrap .form-group {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .trade_analysis_wrap .form-group .field .search {
  width: 100%;
  height: 43px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background: #FFF;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .trade_analysis_wrap .form-group .field .search button {
  font-size: 24px;
  border: none;
  background: transparent;
  color: #A8A8A8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .trade_analysis_wrap .form-group .field .search .form-control {
  border: none;
  padding: 0;
  height: 100%;
  cursor: auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .trade_analysis_wrap .form-group .field .search .form-control::placeholder {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .trade_analysis_wrap .form-group .field .search .search_clear {
  color: #dc3545;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .trade_analysis_wrap .form-group .field .search .search_clear button {
  font-size: 16px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group.small_part {
  flex: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group.small_part {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group.small_part .date_filter_btn {
  width: 100% !important;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group.w-full {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group label {
  color: #565656;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
  display: block;
  position: absolute;
  background: #fff;
  padding: 0 8px;
  top: -8px;
  left: 7px;
  z-index: 9;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control {
  width: 100%;
  height: 43px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background-color: #FFF;
  padding: 10px;
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control.react_select_control {
  height: auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control::placeholder {
  color: #565656;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control:focus {
  outline: none;
  box-shadow: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control.mui_select_control {
  padding: 0;
  border: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control.mui_select_control .select__control {
  min-height: 43px;
  border: 1px solid #E3E3E3;
  border-radius: 6px;
  padding: 0 2px;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control.mui_select_control .select__control .select__menu {
  z-index: 10;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control.mui_select_control .select__control .select__placeholder {
  color: #000;
  font-size: 13px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .apply_button_wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .apply_button_wrap .filter_button {
  padding: 10px 32px;
  font-size: 14px;
  line-height: normal;
  border-radius: 6px;
  border: solid 1px transparent;
  box-shadow: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .apply_button_wrap .filter_button:hover {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .apply_button_wrap .filter_button.MuiButton-contained {
  background: #33CB33;
  border-color: #33CB33;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .apply_button_wrap .filter_button.MuiButton-outlined {
  border-color: #dc3545;
  color: #dc3545;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .apply_button_wrap .filter_button.MuiButton-outlined:hover {
  background: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .graph img {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 30px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes {
  width: calc(33.33% - 17px);
  padding: 40px;
  border-radius: 8px;
  background: #EFFAF1;
}
@media screen and (max-width: 992px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes {
    padding: 25px 15px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes {
    padding: 30px 15px;
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes .bottom h4 {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes .bottom h4 {
    font-size: 20px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes .bottom .green {
  color: #589C05;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  justify-content: center;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: 100%;
  color: #565656;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_strategy .dashboard_perfomance .dashboard_perfomance_itmes {
  width: calc(50% - 16px);
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background: #FFF;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_strategy .dashboard_perfomance .dashboard_perfomance_itmes {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_strategy .dashboard_perfomance .dashboard_perfomance_itmes .top {
  width: 100%;
  margin-bottom: 12px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_strategy .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  justify-content: space-between;
  gap: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_strategy .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec {
  margin-top: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_allocation_box .head {
  margin-bottom: 30px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .left {
  width: calc(50% - 15px);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .left .head {
  width: 100%;
  margin-bottom: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .left .head .left {
  display: block;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .left .left {
  width: calc(60% - 15px);
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .left .right {
  width: calc(40% - 15px);
  display: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .right {
  width: calc(50% - 15px);
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .top {
  margin-bottom: 14px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: 20%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.w_50 {
  width: 50%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.w_33 {
  width: 33.33%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment {
  width: 100%;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item {
  width: calc(50% - 8px);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up {
  border: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .top {
  margin-bottom: 15px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .top .left .one {
  margin: 0;
  gap: 8px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .top .right ul {
  gap: 12px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .top .right ul li {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  background: #f1f5f9;
  padding: 5px 8px;
  border-radius: 6px;
  font-size: 13px;
  padding: 3px 12px;
  border-radius: 38px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #D4EDDA;
  color: #28A745;
  font-weight: 600;
  margin-top: 6px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .top .right ul li h3 {
  font-size: 13px;
  font-weight: 500;
  color: #28A745;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .top .right ul li span {
  gap: 8px;
  font-size: 12px;
  color: #5B6166;
  font-weight: 400;
  display: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap {
  background: #EFFAF1;
  padding: 15px;
  border-radius: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap .capital_form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap .capital_form .top {
  margin-bottom: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap .strategy_analysis_wrap .strategy_analysis_item_box {
  width: calc(50% - 8px);
  flex: 0 0 calc(50% - 8px);
  background: #fbfffc;
  padding: 10px 10px;
  border-radius: 10px;
}
@media screen and (max-width: 992px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap .strategy_analysis_wrap .strategy_analysis_item_box {
    width: calc(50% - 9px);
    flex: 0 0 calc(50% - 9px);
  }
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap .strategy_analysis_wrap .strategy_analysis_item_box {
    width: 100%;
    flex: 0 0 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap.capital_allocation_wrap {
  margin-top: 20px;
  background: #effaf1;
  background: #fff;
  border: 1px solid #E4E4E4;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap.capital_allocation_wrap .strategy_analysis_wrap {
  margin-top: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap.capital_allocation_wrap .strategy_analysis_wrap .strategy_analysis_item_box {
  background: #EFFAF1;
  padding: 15px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap.capital_allocation_wrap .strategy_analysis_wrap .strategy_analysis_item_box .capital_form .top h4 {
  font-weight: 600;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap.capital_allocation_wrap .strategy_analysis_wrap .strategy_analysis_item_box .capital_form .form-group label {
  font-size: 12px;
  color: #5B6166;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .middle {
  padding: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .middle ul li {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .middle ul li h3 {
  font-size: 16px;
  font-weight: 500;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item.active {
  border-color: #33CB33;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .edit_icon {
  float: right;
  margin: 0 0 0 auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .edit_icon button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #EFFAF1;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #33CB33;
  font-size: 20px;
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .edit_icon button:hover {
  background: #e5fae8;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_form .top {
  width: 100%;
  margin-bottom: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_form .top h4 {
  font-size: 14px;
  font-weight: 500;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group {
  width: calc(50% - 5px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group label {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 6px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group .field {
  width: 100%;
  position: relative;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group .field .form-control {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #CBC8EB;
  background: #FFF;
  padding: 10px 15px;
  font-size: 14px;
  color: #000;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group .field .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #000;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group .field .parcentage {
  position: absolute;
  top: 12px;
  right: 10px;
  bottom: auto;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group .field:has(.parcentage) .form-control {
  padding-right: 25px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_allocation_sec .button_wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_top {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_top ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_top ul li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_top ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .left {
  width: calc(45% - 15px);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .left .head {
  flex-direction: column;
  align-items: flex-start;
  color: #696969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .left .head h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .left .graph {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .left .graph .graph_list {
  width: 100%;
  margin-top: 15px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .left .graph .graph_list ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .left .graph .graph_list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .left .graph .graph_list ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .left .graph .graph_list ul li .gl_right {
  color: #565656;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .right {
  width: calc(55% - 15px);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .right .dashboard_perfomance .dashboard_perfomance_itmes {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  align-items: center;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_instrument_sec .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance {
  gap: 25px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes {
  width: calc(33.33% - 17px);
  padding: 40px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom h4 {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom h4 {
    font-size: 14px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom .green {
  color: #33CB33;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  justify-content: center;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: 100%;
  color: #5B6166;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li h6 {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box {
  width: calc(50% - 10px);
  padding: 0px;
  border-radius: 12px;
  background: #FFF;
  display: flex;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment {
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item {
  padding: 0;
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item:hover {
  box-shadow: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up {
  border: none;
  padding: 15px 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .top {
  padding: 0 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .top .right h6 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .middle {
  padding: 10px 15px 15px;
  gap: 15px;
  display: flex;
  flex-wrap: wrap;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .middle ul {
  gap: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .middle ul li {
  gap: 3px;
  font-size: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .middle ul li h3 {
  font-size: 13px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .middle ul li .progress_bar {
  min-width: 150px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .middle ul li:last-child {
  text-align: right;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom {
  padding: 15px 15px 10px;
  border-top: 1px solid #E3E3E3;
  flex-wrap: wrap;
  gap: 14px;
  max-height: 116px;
  overflow-y: auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs {
  width: calc(50% - 7px);
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs:first-child:nth-last-child(1) {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs .left {
  margin-bottom: 5px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs .left h6 {
  font-weight: 600;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs .right h6 {
  font-size: 12px;
  font-weight: 500;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px;
  padding-top: 5px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs ul li {
  width: auto;
  color: #5B6166;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs ul li h5 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs ul li p {
  margin: 0 0 5px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs ul li:last-child {
  text-align: right;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs ul li.green {
  color: #589C05;
  font-weight: 500;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec .portfolio_box_sec .portfolio_box .strategies_managment .strategies_managment_item .up .bottom .trade_pairs ul li.green h5 {
  color: #589C05;
  font-weight: 500;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec2 {
  width: 100%;
  padding-top: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec2 .react-tabs ul.react-tabs__tab-list {
  background: #EFFAF1;
  padding: 6px;
  border-radius: 12px;
  display: flex;
  gap: 6px;
  border: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec2 .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
  flex: 1;
  background: transparent;
  border-radius: 10px;
  color: #33CB33;
  font-size: 14px;
  font-weight: 500;
  border: none;
  padding: 10px 14px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec2 .react-tabs ul.react-tabs__tab-list li.react-tabs__tab::after {
  display: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec2 .react-tabs ul.react-tabs__tab-list li.react-tabs__tab.react-tabs__tab--selected {
  background: #fff;
  color: #33CB33;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .dashboard_tabs_sec2 .react-tabs ul.react-tabs__tab-list li.react-tabs__tab:hover:not(.react-tabs__tab--selected) {
  color: #111;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 18px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box {
  display: flex;
  flex: 0 0 calc(50% - 9px);
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box {
    flex: 0 0 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item {
  width: 100%;
  border-radius: 6px;
  background: #FFF;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .top .left h4 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .top .right .button a,
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .top .right .button button {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #33CB33;
  border-radius: 70px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul {
  display: flex;
  gap: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li h5.green {
  color: #589C05;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li h5 .MuiChip-root {
  background: #000;
  color: #fff;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li .active_trade {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li .active_trade a {
  padding: 4px 8px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #000;
  border-radius: 70px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .left {
  width: calc(30% - 15px);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right {
  width: calc(70% - 15px);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .head {
  width: 100%;
  margin-bottom: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .head h3 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .head.capital_strategy_box_head {
  margin-bottom: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .head.capital_strategy_box_head .left {
  width: auto;
  max-width: 50%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .head.capital_strategy_box_head .left h3 {
  font-size: 18px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .head.capital_strategy_box_head .right {
  width: auto;
  max-width: 50%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .head.capital_strategy_box_head .right .allocation {
  font-size: 13px;
  font-weight: 400;
  color: #5B6166;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .head.capital_strategy_box_head .right .allocation h4 {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance {
  gap: 12px 16px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes {
  width: calc(50% - 8px);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .top {
  margin-bottom: 16px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .top .w_auto {
  width: auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  gap: 5px 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: 33.33%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.w_50 {
  width: 50%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.w_33 {
  width: 33.33%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li h5 {
  font-size: 12px;
  font-weight: 500;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.green {
  color: #5B6166;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.green h5 {
  font-weight: 400;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.red h5 {
  color: #FF0C0C;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list {
  display: flex;
  align-items: flex-start;
  justify-items: flex-start;
  justify-content: flex-start;
  overflow: auto;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list::-webkit-scrollbar {
  width: 0;
  height: 0;
  /* Chrome/Safari */
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list::-webkit-scrollbar {
  height: 6px;
  /* horizontal */
  width: 6px;
  /* vertical */
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list {
  /* track background */
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list::-webkit-scrollbar-track {
  background: #e5e7eb;
  border-radius: 50px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list {
  /* thumb */
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list::-webkit-scrollbar-thumb {
  background: #33CB33;
  border-radius: 50px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list {
  /* hover */
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list::-webkit-scrollbar-thumb:hover {
  background: #33CB33;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list::-webkit-scrollbar-button {
  width: 0px;
  height: 14px;
  background: #111827;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list::-webkit-scrollbar-button:horizontal:decrement {
  background: url("/src/renderer/src/assets/images/arrow-button.png") center/10px no-repeat;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list::-webkit-scrollbar-button:horizontal:increment {
  background: url("/src/renderer/src/assets/images/arrow-button.png") center/10px no-repeat;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .react-tabs .react-tabs__tab-list .react-tabs__tab {
  white-space: nowrap;
  flex: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box {
  width: 100%;
  padding: 15px 20px;
  border-radius: 6px;
  border: solid 1px #E8E6FF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .top .left {
  width: auto;
  max-width: 50%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .top .left h4 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .top .right {
  width: auto;
  max-width: 50%;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .top .right .strategy_allocation_wrap {
  background: #EFFAF1;
  padding: 5px 10px;
  border-radius: 8px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .top .right .strategy_allocation_wrap .strategy_allocation {
  font-size: 12px;
  font-weight: 400;
  color: #5B6166;
  margin-bottom: 3px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .top .right .strategy_allocation_wrap .strategy_amount {
  color: #33CB33;
  font-size: 14px;
  font-weight: 500;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom {
  width: 100%;
  padding-top: 15px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap .pair_box {
  width: calc(25% - 12px);
  padding: 15px 15px;
  background: #fff;
  border: 1px solid #E4E4E4;
  border-radius: 8px;
  position: relative;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap .pair_box .pair_name {
  font-size: 12px;
  font-weight: 500;
  color: #000;
  background: #EFFAF1;
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-block;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap .pair_box .pair_allocation_wrap {
  width: 100%;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap .pair_box .pair_allocation_wrap .pair_icon {
  width: 36px;
  height: 36px;
  padding: 4px;
  border-radius: 50%;
  border: solid 1px #E4E4E4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap .pair_box .pair_allocation_wrap .pair_icon img {
  max-width: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap .pair_box .pair_allocation_wrap .pair_content {
  width: calc(100% - 45px);
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap .pair_box .pair_allocation_wrap .pair_content .pair_amount {
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap .pair_box .pair_allocation_wrap .pair_content .pair_parcentage {
  font-size: 14px;
  padding: 0;
  border-radius: 38px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* background: #D4EDDA; */
  color: #33CB33;
  font-weight: 600;
  margin-top: 6px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap .pair_box.pause_box {
  border-color: #FF0909;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .capital_box_wrap .right .capital_strategy_box_sec .capital_strategy_box .bottom .pair_box_wrap .pair_box.pause_box .paused {
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 2px 8px;
  border-radius: 20px;
  border: solid 1px #FF0909;
  color: #FF0909;
  position: absolute;
  right: 7px;
  bottom: 7px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .portofolio_top {
  width: 100%;
  padding-top: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .portofolio_top.funds_top .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left {
  color: #000;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .portofolio_top .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box {
  padding: 20px 15px;
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .portofolio_top .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box {
    padding: 15px 10px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .portofolio_top .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left {
  gap: 0;
  color: #5B6166;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .portofolio_top .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left h3.green {
  color: #589C05 !important;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .portofolio_top .dashboard_widget .dashboard_widget_item.green_box .dashboard_widget_item_box {
  background: #33CB33;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .portofolio_top .dashboard_widget .dashboard_widget_item.green_box .dashboard_widget_item_box .dashboard_widget_item_box_left {
  color: #fff;
}
.dashboard_layout .main_content_area .dashboard_main_body .dashboard_main_sec .portofolio_top .dashboard_widget .dashboard_widget_item.green_box .dashboard_widget_item_box .dashboard_widget_item_box_left h3.green {
  color: #fff !important;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec {
  width: 100%;
  height: 100%;
  padding: 25px 0 40px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec {
    padding: 20px 0;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec::-webkit-scrollbar {
  display: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box {
  width: 60%;
  margin: auto;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box {
    width: 90%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top {
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top {
    margin-bottom: 20px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_image_wrap {
  width: 185px;
  height: 185px;
  margin: 0 auto 20px;
  border-radius: 50%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_image_wrap {
    width: 130px;
    height: 130px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_image_wrap .account_image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_image_wrap .account_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_image_wrap .upload_image {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border-radius: 200px;
  border: 2px solid #FFF;
  background: #EBF3F9;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_image_wrap .upload_image {
    width: 45px;
    height: 45px;
    padding: 5px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_image_wrap .upload_image img {
    max-width: 20px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_details {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_details h3 {
    font-size: 17px;
    margin-bottom: 5px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_details ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_details ul {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_details ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_top .account_details ul li {
    line-height: 20px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom .list_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom .list_wrap .list {
  width: 100%;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom .list_wrap .list a {
  width: 100%;
  padding: 14px 16px;
  border-radius: 36px;
  border-radius: 8px;
  border: 1px solid #E5E5E5;
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom .list_wrap .list a {
    padding: 10px 12px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom .list_wrap .list a .left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
}
@media screen and (max-width: 575px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom .list_wrap .list a .left {
    gap: 10px;
    font-size: 13px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom .list_wrap .list a .left .icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #EFFAF1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom .list_wrap .list a .right .icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom .logout_button {
  width: auto;
  text-align: center;
  margin-top: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .account_main_box .account_bottom .logout_button button {
  width: 225px;
  height: 50px;
  border-radius: 8px;
  border: 2px solid #33CB33;
  background: #33CB33;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-transform: capitalize;
  cursor: pointer;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box {
  width: 30%;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box {
    width: 45%;
    margin: 0 auto auto;
  }
}
@media screen and (max-width: 1024px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box {
    width: 60%;
    margin: 0 auto auto;
  }
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box {
    width: 85%;
    margin: 0 auto auto;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .head {
  width: 100%;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .head {
    font-size: 12px;
    line-height: 18px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .head h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .head h4 {
    font-size: 18px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form {
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form {
    margin-top: 20px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 5px;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group label {
    font-size: 13px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group .field {
  width: 100%;
  position: relative;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group .field .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  margin: auto;
  z-index: 1;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group .field .form-control {
  width: 100%;
  height: 47px;
  padding: 10px;
  border-radius: 6px;
  border: none;
  background: rgba(51, 203, 51, 0.1);
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group .field .form-control::placeholder {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group .field .form-control:focus {
  outline: none;
  box-shadow: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group .field textarea.form-control {
  height: 150px;
  resize: none;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group .field:has(.icon) .form-control {
  padding-left: 45px;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group.forgot_password {
  text-align: right;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group.forgot_password a {
  color: #33CB33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group .login {
  width: 226px;
  height: 53px;
  border-radius: 6px;
  background: #33CB33;
  padding: 15px 30px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto 0;
  border: none;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box .profile_form .form-group .login {
    width: 200px;
    height: 45px;
    padding: 10px 20px;
    font-size: 14px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box {
  width: 45%;
}
@media screen and (max-width: 1340px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box {
    width: 50%;
  }
}
@media screen and (max-width: 1199px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box {
    width: 60%;
  }
}
@media screen and (max-width: 1099px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box {
    width: 65%;
  }
}
@media screen and (max-width: 992px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box {
    width: 90%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box .help_box {
  width: 100%;
  margin-top: 20px;
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box .help_box ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box .help_box ul {
    flex-wrap: wrap;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box .help_box ul li {
  width: calc(50% - 6px);
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box .help_box ul li {
    width: 100%;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box .help_box ul li a {
  width: 100%;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #AABFCF;
  background: #FFF;
  color: #000;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
}
@media screen and (max-width: 767px) {
  .dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box .help_box ul li a {
    padding: 8px 10px;
    gap: 8px;
  }
}
.dashboard_layout .main_content_area .dashboard_main_body .account_main_sec .profile_main_box.help_main_box .help_box ul li a .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border-radius: 24px;
  background: #33CB33;
  display: flex;
  align-items: center;
  justify-content: center;
}
.short_text {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 15px 0;
}

.progress_bar {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 8px;
  overflow: hidden;
  background: #f1f5f9;
  border-radius: 6px;
}
.progress_bar .bar {
  position: relative;
  float: left;
  min-width: 1%;
  height: 100%;
  background: #33CB33;
}

.ReactModal__Overlay {
  background-color: rgba(0, 0, 0, 0.3) !important;
  z-index: 9999;
}

.custom_modal {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
}
.custom_modal .custom_modal_boxes {
  width: 620px;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
  padding: 30px;
  position: relative;
}
@media screen and (max-width: 620px) {
  .custom_modal .custom_modal_boxes {
    width: 500px;
    padding: 20px;
  }
}
@media screen and (max-width: 520px) {
  .custom_modal .custom_modal_boxes {
    width: 450px;
  }
}
@media screen and (max-width: 460px) {
  .custom_modal .custom_modal_boxes {
    width: 400px;
  }
}
@media screen and (max-width: 420px) {
  .custom_modal .custom_modal_boxes {
    width: 360px;
  }
}
@media screen and (max-width: 375px) {
  .custom_modal .custom_modal_boxes {
    width: 330px;
  }
}
@media screen and (max-width: 340px) {
  .custom_modal .custom_modal_boxes {
    width: 300px;
  }
}
.custom_modal .custom_modal_boxes::-webkit-scrollbar {
  display: none;
}
.custom_modal .custom_modal_boxes .main_boxes {
  margin: auto;
}
.custom_modal .custom_modal_boxes .main_boxes .top {
  width: 100%;
  text-align: center;
  color: #5B6166;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 0;
}
.custom_modal .custom_modal_boxes .main_boxes .top h3 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .custom_modal .custom_modal_boxes .main_boxes .top h3 {
    font-size: 18px;
  }
}
.custom_modal .custom_modal_boxes .main_boxes .top .close {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form {
  width: 100%;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form h4 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 15px;
  display: inline-block;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .form-group {
  margin-bottom: 10px;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .form-group label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 6px;
  display: block;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .form-group .field {
  width: 100%;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .form-group .field .form-control {
  width: 100%;
  height: 45px;
  padding: 10px 15px;
  border-radius: 6px;
  background: rgba(51, 203, 51, 0.1);
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .form-group .field .form-control::placeholder {
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .form-group .field .form-control:focus {
  outline: none;
  box-shadow: none;
  border: none;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .form-group .save {
  padding: 12px 40px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #33CB33;
  border-radius: 70px;
  border: none;
  cursor: pointer;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .form-group .save {
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 400;
  }
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .accordian {
  width: 100%;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .accordian .szh-accordion__item {
  width: 100%;
  margin-bottom: 10px;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .accordian .szh-accordion__item .szh-accordion__item-heading {
  width: 100%;
  display: flex;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .accordian .szh-accordion__item .szh-accordion__item-heading .szh-accordion__item-btn {
  width: 100%;
  text-align: left;
  padding: 10px;
  background: transparent;
  border: none;
  border-bottom: solid 1px #ccc;
  padding-bottom: 15px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.custom_modal .custom_modal_boxes .main_boxes .custom_modal_form .accordian .szh-accordion__item .szh-accordion__item-heading .szh-accordion__item-btn[aria-expanded=true] svg {
  transform: rotate(-180deg);
}

.custom_modal_v1 .MuiDialog-paper {
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .custom_modal_v1 .MuiDialog-paper {
    margin: 15px;
  }
}
.custom_modal_v1 .MuiDialog-paper .MuiDialogTitle-root {
  font-weight: 500;
  font-size: 20px;
}
.custom_modal_v1 .textarea-field {
  padding: 14px 20px;
  font-family: var(--font-poppins);
  font-size: 14px;
  background: #edeef2 !important;
  border: solid 1px transparent;
  border-radius: 4px;
}
.custom_modal_v1 .textarea-field:hover {
  border-color: #000;
}
.custom_modal_v1 .textarea-field:focus {
  outline: none;
  box-shadow: none;
}

.custom_table .MuiPaper-root {
  border: none;
  box-shadow: none;
  padding-right: 4px;
}
.custom_table .MuiPaper-root::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.custom_table .MuiPaper-root .MuiTable-root {
  border: none;
  box-shadow: none;
  white-space: nowrap;
  min-width: 100%;
  width: max-content;
}
@media screen and (max-width: 1050px) {
  .custom_table .MuiPaper-root .MuiTable-root .MuiTableHead-root {
    display: none;
  }
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableHead-root tr th {
  background-color: #edfbf0;
  color: #000;
  border: none;
  font-size: 14px;
  font-weight: 500;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableHead-root tr th:first-child {
  border-radius: 8px 0 0 8px;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableHead-root tr th:last-child {
  border-radius: 0px 8px 8px 0px;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root {
  border: none;
}
@media screen and (max-width: 1050px) {
  .custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #dde5eb;
    padding: 1.3rem 0;
    margin-bottom: 15px;
    border-radius: 10px;
  }
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  position: relative;
  border-bottom: solid 1px #E4E4E4;
}
@media screen and (max-width: 1050px) {
  .custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td {
    width: 50%;
    display: flex;
    text-align: left !important;
    border: none;
    max-width: unset !important;
    padding: 8px 12px;
  }
}
@media screen and (max-width: 600px) {
  .custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td {
    width: 100%;
  }
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .gray {
  color: #565656;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .green {
  color: #1FCF43;
  font-weight: 500;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .red {
  color: #FE4141;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .buy {
  color: #33CB33;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: transparent;
  padding: 5px 15px;
  border: none;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .status_button {
  border-radius: 30px;
  background: #33CB33;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 6px 16px 8px;
  display: inline-flex;
  align-items: center;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .MuiChip-root {
  border-radius: 4px;
  background: rgba(126, 126, 126, 0.1);
  color: #3F3F3F;
  font-weight: 500;
  min-width: 90px;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .MuiChip-root.complete, .custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .MuiChip-root.MuiChip-colorSuccess {
  background: #C6FFD3;
  color: #32AE53;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .MuiChip-root.fail, .custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .MuiChip-root.MuiChip-colorError {
  background: rgba(255, 2, 2, 0.1019607843);
  color: #C40000;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .MuiChip-root.online {
  background: rgba(0, 128, 128, 0.1019607843);
  color: #008080;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .MuiChip-root.buy_chip {
  background: #D4EDDA;
  color: #28A745;
}
.custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td .MuiChip-root.sell_chip {
  background: #F8D7DA;
  color: #DC3545;
}
@media screen and (max-width: 1050px) {
  .custom_table .MuiPaper-root .MuiTable-root .MuiTableBody-root tr td::before {
    content: attr(data-th) ":";
    color: #000;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
    display: inline-block;
    width: 90px;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    padding-right: 10px;
    flex: 0 0 auto;
  }
}
.custom_table .overflow_box {
  scrollbar-color: transparent transparent;
  transition: scrollbar-color 0.3s;
}
.custom_table .overflow_box:hover {
  scrollbar-color: grey transparent;
}

.action_button {
  border: none;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.action_button .MuiList-root {
  min-width: 220px;
  padding: 0;
}
.action_button .MuiList-root li {
  color: #000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #D0E4F4;
  background: #FFF;
}
.action_button .MuiList-root li:hover {
  color: #33CB33;
}
.action_button .MuiList-root li.delete_list {
  color: #D80027;
}
.action_button .MuiList-root li.delete_list:hover {
  color: #f00;
}

.error {
  font-size: 12px;
  color: #FF0909;
  margin-top: 2px;
}

.main_content_area {
  width: calc(100% - 88px);
  background: #f8f8f8;
  display: flex;
}
@media screen and (max-width: 1099px) {
  .main_content_area {
    width: calc(100% - 160px);
  }
}
@media screen and (max-width: 767px) {
  .main_content_area {
    width: calc(100% - 0px);
  }
}
.main_content_area .main_header {
  position: sticky;
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  .main_content_area .main_header {
    position: fixed;
    width: 100%;
  }
}
.main_content_area .main_header .site_container {
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1024px) {
  .main_content_area .main_header .site_container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .main_header .site_container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.main_content_area .child_contentarea {
  width: 100%;
  padding: 0;
  min-height: calc(100vh - 140px);
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1099px) {
  .main_content_area .child_contentarea {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea {
    padding-bottom: 40px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec {
  width: 100%;
  padding-top: 20px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list {
  width: 100%;
  padding: 7px;
  border-radius: 8px;
  background: rgba(51, 203, 51, 0.2);
  display: flex;
  gap: 8px;
  border: none;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list {
    flex-wrap: wrap;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
  width: calc(14.2% - 6px);
  background: #fff;
  border-radius: 6px;
  color: #33CB33;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: none;
  padding: 10px;
}
@media screen and (max-width: 1120px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
    width: auto;
    min-width: calc(14% - 6px);
  }
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
    min-width: auto;
    width: calc(25% - 6px);
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
    width: calc(33.33% - 6px);
    padding: 10px 7px;
    font-size: 11px;
  }
}
@media screen and (max-width: 640px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab {
    min-width: auto;
    width: calc(50% - 4px);
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab::after {
  display: none;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .react-tabs ul.react-tabs__tab-list li.react-tabs__tab.react-tabs__tab--selected {
  background: #33CB33;
  color: #fff;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .react-tabs .react-tabs__tab-panel {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs {
  width: 100%;
  padding: 24px;
  border-radius: 8px;
  background: #FFF;
  margin-top: 20px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs {
    margin-top: 15px;
    padding: 10px 15px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head {
    flex-wrap: wrap;
    margin-bottom: 15px;
    gap: 10px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head .left {
  color: #696969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head .left {
    font-size: 13px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head .left h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head .left h4 {
    font-size: 16px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head .left p {
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head .right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head .right {
    width: 100%;
    justify-content: flex-start;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head .right button {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #E5E3FB;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .head .right button.active {
  background: #33CB33;
  border-color: #33CB33;
  color: #fff;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph img {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul {
    gap: 10px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li {
  border-radius: 8px;
  background: #F4F4F4;
  padding: 18px 35px;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #696969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1340px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li {
    padding: 12px 25px;
  }
}
@media screen and (max-width: 1240px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li {
    padding: 12px 20px;
  }
}
@media screen and (max-width: 1180px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li {
    padding: 10px 15px;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li {
    padding: 8px 10px;
    font-size: 12px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li .arrow {
  display: flex;
  align-items: center;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li b {
  font-weight: 600;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li.green b {
  color: #1FCF43;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li.black b {
  color: #000000;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .graph .graph_button_sec ul li.red b {
  color: #FF0909;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes {
  width: calc(25% - 16px);
  border-radius: 8px;
  background: #EFFAF1;
  padding: 15px 20px;
}
@media screen and (max-width: 1280px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes {
    padding: 15px 15px;
  }
}
@media screen and (max-width: 1190px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes {
    width: calc(33% - 12px);
  }
}
@media screen and (max-width: 992px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes {
    padding: 10px 15px;
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top .left {
  width: calc(100% - 30px);
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top .left h4 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top .left h4 {
    font-size: 14px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top .right .round {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #33CB33;
  border: solid 3px #fff;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .top .right .round.yellow {
  background: #FFCE09;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: 50%;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li p {
  margin: 0 0 6px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.green {
  color: #589C05;
  font-weight: 500;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.green h5 {
  color: #589C05;
  font-weight: 500;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.pairs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.pairs p {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.pairs span {
  padding: 6px 10px;
  border-radius: 4px;
  background: #FFF;
  color: #33CB33;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom .progress_bar {
  background: #fff;
  margin: 20px 0 10px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .dashboard_perfomance .dashboard_perfomance_itmes .bottom .progress_bar .bar {
  background: #33CB33;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap {
  border: 1px solid #CBC8EB;
  border-radius: 4px;
  overflow: hidden;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items {
  width: 100%;
  background: #FFF;
  padding: 15px 17px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items {
    padding: 12px 14px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .left {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .left h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .left h5 {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .left h5 {
    font-size: 13px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .right {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .right h6 {
  color: #16AE35;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items .top_journal .right button {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: none;
  background: transparent;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li {
    width: calc(50% - 5px);
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li h5 {
    font-size: 14px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li h6 {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li p {
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button {
    justify-content: flex-start;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button h3 {
  color: #589C05;
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button h3 {
    font-size: 16px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button .buy {
  min-width: 62px;
  text-align: center;
  padding: 6px 12px;
  display: inline-block;
  border-radius: 4px;
  background: rgba(88, 156, 5, 0.2);
  color: #589C05;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .live_trade_items ul li .price_button .buy.sell {
  color: #FF0C0C;
  background: rgba(255, 12, 12, 0.2);
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box {
  width: 100%;
  padding: 15px 17px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in 0.2s;
}
@media screen and (max-width: 1190px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box {
    gap: 10px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list {
  width: auto;
  display: block;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1190px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list {
    width: calc(25% - 10px);
  }
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list {
    width: calc(33.33% - 7px);
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list {
    width: calc(50% - 5px);
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list p {
  margin: 0;
  font-size: 13px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap .journal_content_box .list span {
  color: #000;
  display: block;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap.show .live_trade_items .top_journal .right button {
  transform: rotate(180deg);
}
.main_content_area .child_contentarea .dashboard_tabs_sec .tabs_inside_boxs .live_trades .journal_box_wrap.show .journal_content_box {
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #CBC8EB;
  visibility: visible;
  opacity: 1;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .head {
  width: 100%;
  color: #565656;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 10px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .head h3 {
  color: #000;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .head h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .head h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .head .form-group {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .head .form-group .form-control {
  width: 220px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background: #FFF;
  padding: 10px 15px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background: #FFF;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .head .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .head .form-group .form-control {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .head .form-group .form-control {
    width: 160px;
  }
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .head .form-group .form-control {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategi_menu {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul {
  width: auto;
  padding: 7px;
  margin: 0;
  border-radius: 8px;
  background: rgba(51, 203, 51, 0.2);
  background: #f1f5f9;
  display: inline-flex;
  gap: 8px;
  border: none;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul li {
  width: auto;
  min-width: 140px;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul li {
    min-width: 120px;
  }
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul li {
    min-width: calc(50% - 4px);
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul li a {
  background: #fff;
  border-radius: 6px;
  color: #33CB33;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: none;
  padding: 7px 15px;
  display: inline-block;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategi_menu .left ul li.active a {
  background: #33CB33;
  color: #fff;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategi_menu .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategi_menu .right .add_button button {
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #33CB33;
  border-radius: 70px;
  border: none;
  cursor: pointer;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment {
  width: 100%;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item {
  width: calc(50% - 8px);
  border-radius: 6px;
  background: #FFF;
  padding: 3px;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up {
  width: 100%;
  padding: 15px;
  border-bottom: solid 1px #E8E6FF;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left {
  width: auto;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .one {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .one .round {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #33CB33;
  display: block;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .one h5 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .one .connected {
  color: #33CB33;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .left .short_content {
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .right {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .right .switch_button .MuiFormControlLabel-root {
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .right .switch_button .MuiFormControlLabel-root .MuiSwitch-root {
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .right .settings {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .top .right .settings a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33CB33;
  font-size: 22px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle {
  width: 100%;
  padding: 20px 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li {
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li span {
  color: #5B6166;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li h3 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li h3.green {
  color: #589C05;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li h3.red {
  color: #FF0909;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li p {
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .up .middle ul li .progress_bar {
  width: 100%;
  min-width: 200px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom {
  width: 100%;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .left {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
@media screen and (min-width: 1024px) and (max-width: 1190px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .left {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .left {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .left h6 {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 6px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .left span {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  background: #f2f2f2;
  padding: 4px 8px;
  border-radius: 4px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
@media screen and (min-width: 1024px) and (max-width: 1190px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a,
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button {
  min-height: 42px;
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: #33CB33;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 4px;
  background: transparent;
  border-radius: 70px;
  border: solid 1px #33CB33;
  cursor: pointer;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a svg,
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button svg {
  font-size: 1.2rem;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a:hover,
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button:hover {
  background: #f4f6fb;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a.contained,
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button.contained {
  background: #33CB33;
  color: #fff;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a.contained:hover,
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button.contained:hover {
  background: #19c819;
}
@media screen and (max-width: 1190px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button a,
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .button button {
    min-height: 36px;
    padding: 8px 10px;
    font-size: 13px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .pause {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #EDEDED;
  background: #FFF;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33CB33;
  font-size: 22px;
  border-radius: 70px;
  cursor: pointer;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .pause:hover {
  background: #19c819;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .pause:hover svg {
  stroke: #fff;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item .bottom .right .pause.red_btn {
  border-color: #FF0909;
  color: #FF0909;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .strategies_managment .strategies_managment_item img {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec {
  width: 100%;
  border-radius: 8px;
  background: #FFF;
  padding: 12px 15px 32px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec:not(:last-child) {
  margin-bottom: 18px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .head p span {
  color: #000;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 25px 12px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group.small_part {
  width: calc(33.33% - 8px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group.small_part {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group.w-full {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 5px;
  display: block;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control {
  width: 100%;
  height: 47px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background-color: #FFF;
  padding: 14px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control::placeholder {
  color: #565656;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .form-control:focus {
  outline: none;
  box-shadow: none;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .search {
  width: 100%;
  height: 47px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background: #FFF;
  padding: 4px 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .search button {
  font-size: 24px;
  border: none;
  background: transparent;
  color: #A8A8A8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_analysis_wrap .form-group .field .search .form-control {
  border: none;
  padding: 0;
  height: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .graph img {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 30px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes {
  width: calc(33.33% - 17px);
  padding: 40px;
  border-radius: 8px;
  background: #EFFAF1;
}
@media screen and (max-width: 992px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes {
    padding: 25px 15px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes {
    padding: 30px 15px;
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes .bottom h4 {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes .bottom h4 {
    font-size: 20px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes .bottom .green {
  color: #589C05;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  justify-content: center;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .daily_pl .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: 100%;
  color: #565656;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_strategy .dashboard_perfomance .dashboard_perfomance_itmes {
  width: calc(50% - 16px);
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background: #FFF;
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_strategy .dashboard_perfomance .dashboard_perfomance_itmes {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_strategy .dashboard_perfomance .dashboard_perfomance_itmes .top {
  width: 100%;
  margin-bottom: 12px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_strategy .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  justify-content: space-between;
  gap: 10px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .strategies_sec .trade_analysis_sec .trade_strategy .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: auto;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_allocation_box .head {
  margin-bottom: 30px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .left {
  width: calc(40% - 15px);
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .left .head {
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .left .head .left {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .instrument_allocation .capital_box_wrap .right {
  width: calc(60% - 15px);
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment {
  width: 100%;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item {
  width: 100%;
  border: solid 1px #E3E3E3;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up {
  border: none;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .top {
  margin-bottom: 15px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap {
  background: #EFFAF1;
  padding: 15px;
  border-radius: 10px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap .capital_form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap .capital_form .top {
  margin-bottom: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap .strategy_analysis_wrap .strategy_analysis_item_box {
  width: calc(33.33% - 12px);
  flex: 0 0 calc(33.33% - 12px);
  background: #fbfffc;
  padding: 10px 10px;
  border-radius: 10px;
}
@media screen and (max-width: 992px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap .strategy_analysis_wrap .strategy_analysis_item_box {
    width: calc(50% - 9px);
    flex: 0 0 calc(50% - 9px);
  }
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .up .strategy_capital_wrap .strategy_analysis_wrap .strategy_analysis_item_box {
    width: 100%;
    flex: 0 0 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .middle {
  padding: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .middle ul li {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item .middle ul li h3 {
  font-size: 16px;
  font-weight: 500;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_box_wrap .strategies_managment .strategies_managment_item.active {
  border-color: #33CB33;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .edit_icon {
  float: right;
  margin: 0 0 0 auto;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .edit_icon button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #EFFAF1;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #33CB33;
  font-size: 20px;
  cursor: pointer;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .edit_icon button:hover {
  background: #e5fae8;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_form .top {
  width: 100%;
  margin-bottom: 0;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_form .top h4 {
  font-size: 14px;
  font-weight: 500;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group {
  width: calc(50% - 5px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group label {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 6px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group .field {
  width: 100%;
  position: relative;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group .field .form-control {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #CBC8EB;
  background: #FFF;
  padding: 10px 15px;
  font-size: 14px;
  color: #000;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group .field .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #000;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group .field .parcentage {
  position: absolute;
  top: 12px;
  right: 10px;
  bottom: auto;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .capital_form .form-group .field:has(.parcentage) .form-control {
  padding-right: 25px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_allocation_sec .button_wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_top {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_top ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_top ul li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_top ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .left {
  width: calc(45% - 15px);
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .left .head {
  flex-direction: column;
  align-items: flex-start;
  color: #696969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .left .head h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .left .graph {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .left .graph .graph_list {
  width: 100%;
  margin-top: 15px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .left .graph .graph_list ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .left .graph .graph_list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .left .graph .graph_list ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .left .graph .graph_list ul li .gl_right {
  color: #565656;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .right {
  width: calc(55% - 15px);
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .right .dashboard_perfomance .dashboard_perfomance_itmes {
  width: 100%;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  align-items: center;
  justify-content: space-between;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_instrument_sec .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: auto;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance {
  gap: 25px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes {
  width: calc(33.33% - 17px);
  padding: 40px;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom h4 {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom h4 {
    font-size: 14px;
  }
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom .green {
  color: #33CB33;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  justify-content: center;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: 100%;
  color: #5B6166;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .dashboard_tabs_sec .capital_risk_matrix .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li h6 {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .strategy_analysis_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 18px;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box {
  display: flex;
  flex: 0 0 calc(50% - 9px);
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box {
    flex: 0 0 100%;
  }
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item {
  width: 100%;
  border-radius: 6px;
  background: #FFF;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .top .left h4 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .top .right .button a,
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .top .right .button button {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #33CB33;
  border-radius: 70px;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom {
  width: 100%;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul {
  display: flex;
  gap: 20px;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li h5.green {
  color: #589C05;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li h5 .MuiChip-root {
  background: #000;
  color: #fff;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li .active_trade {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main_content_area .child_contentarea .strategy_analysis_wrap .strategy_analysis_item_box .strategy_analysis_item .bottom ul li .active_trade a {
  padding: 4px 8px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #000;
  border-radius: 70px;
}
.main_content_area .child_contentarea .capital_box_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.main_content_area .child_contentarea .capital_box_wrap .left {
  width: calc(25% - 15px);
}
.main_content_area .child_contentarea .capital_box_wrap .right {
  width: calc(75% - 15px);
}
.main_content_area .child_contentarea .capital_box_wrap .right .head {
  width: 100%;
  margin-bottom: 20px;
}
.main_content_area .child_contentarea .capital_box_wrap .right .head h3 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main_content_area .child_contentarea .capital_box_wrap .right .dashboard_perfomance {
  gap: 12px 16px;
}
.main_content_area .child_contentarea .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes {
  width: calc(50% - 8px);
}
.main_content_area .child_contentarea .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .top {
  margin-bottom: 10px;
}
.main_content_area .child_contentarea .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul {
  gap: 10px 0;
}
.main_content_area .child_contentarea .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li {
  width: 33.33%;
}
.main_content_area .child_contentarea .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li h5 {
  font-size: 14px;
  font-weight: 400;
}
.main_content_area .child_contentarea .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.green {
  color: #5B6166;
}
.main_content_area .child_contentarea .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.green h5 {
  font-weight: 400;
}
.main_content_area .child_contentarea .capital_box_wrap .right .dashboard_perfomance .dashboard_perfomance_itmes .bottom ul li.red h5 {
  color: #FF0C0C;
}
.main_content_area .child_contentarea .portofolio_top {
  width: 100%;
}
.main_content_area .child_contentarea .portofolio_top.funds_top .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left {
  color: #000;
}
.main_content_area .child_contentarea .portofolio_top .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box {
  padding: 20px 15px;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .portofolio_top .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box {
    padding: 15px 10px;
  }
}
.main_content_area .child_contentarea .portofolio_top .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left {
  gap: 0;
  color: #5B6166;
}
.main_content_area .child_contentarea .portofolio_top .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left h3.green {
  color: #589C05 !important;
}
.main_content_area .child_contentarea .portofolio_top .dashboard_widget .dashboard_widget_item.green_box .dashboard_widget_item_box {
  background: #33CB33;
}
.main_content_area .child_contentarea .portofolio_top .dashboard_widget .dashboard_widget_item.green_box .dashboard_widget_item_box .dashboard_widget_item_box_left {
  color: #fff;
}
.main_content_area .child_contentarea .portofolio_top .dashboard_widget .dashboard_widget_item.green_box .dashboard_widget_item_box .dashboard_widget_item_box_left h3.green {
  color: #fff !important;
}
.main_content_area .child_contentarea .advance_widget_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 10px;
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item {
  width: calc(50% - 5px);
  padding: 20px 25px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 992px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item {
    width: 100%;
    padding: 15px 20px;
  }
}
@media screen and (max-width: 480px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left {
  width: calc(100% - 160px);
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 480px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left {
    width: 100%;
  }
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left h4 {
    font-size: 18px;
  }
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left ul {
    gap: 8px;
  }
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left ul li {
  width: 100%;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 20px;
  position: relative;
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left ul li::before {
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  background: #1FCF43;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left ul li {
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .left ul li {
    font-size: 13px;
  }
}
@media screen and (max-width: 480px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .right {
    width: 100%;
  }
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .right .image {
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(5, 215, 194, 0.1);
  padding: 10px;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .right .image {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .right .image {
    width: 140px;
    height: 140px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .right .image {
    width: 80px;
    height: 80px;
  }
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item .right .image img {
  max-width: 100%;
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border-radius: 8px;
  opacity: 0.5;
  background: linear-gradient(103deg, rgba(5, 215, 194, 0) 0.76%, #00766A 76.32%);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .left {
  width: calc(100% - 295px);
  width: 50%;
  position: relative;
  z-index: 2;
  color: #FFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .left {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .left {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .left {
    width: 100%;
  }
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .left h3 {
  color: #FFF;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .left h3 {
    font-size: 22px;
    line-height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .left h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .left h3 {
    font-size: 18px;
  }
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .left .button a {
  display: inline-block;
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .right {
  width: 295px;
  width: 50%;
  position: relative;
  z-index: 2;
}
.main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .right img {
  max-width: 100%;
}
@media screen and (max-width: 480px) {
  .main_content_area .child_contentarea .advance_widget_wrap .advance_widget_wrap_box_item.advance_widget_wrap_box_item_2 .right {
    width: 100%;
  }
}
.main_content_area .child_contentarea .dashboard_widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main_content_area .child_contentarea .dashboard_widget {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main_content_area .child_contentarea .dashboard_widget {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .main_content_area .child_contentarea .dashboard_widget {
    gap: 10px;
  }
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item {
  display: flex;
  flex: 1;
}
@media screen and (max-width: 1190px) {
  .main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item {
    flex: none;
    width: calc(33.33% - 10px);
  }
}
@media screen and (max-width: 480px) {
  .main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item {
    width: calc(50% - 5px);
  }
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box {
  width: 100%;
  padding: 15px 15px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  gap: 6px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box {
    padding: 10px;
  }
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #696969;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left span {
    font-size: 14px;
  }
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left p {
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left h3 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left .green {
  color: #33CB33 !important;
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left .red {
  color: #FF0909 !important;
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_left .progress_bar {
  width: 200px;
  border-radius: 0;
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box .dashboard_widget_item_box_right {
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main_content_area .child_contentarea .dashboard_widget .dashboard_widget_item .dashboard_widget_item_box:has(.dashboard_widget_item_box_right) .dashboard_widget_item_box_left {
  width: calc(100% - 70px);
}
.main_content_area .child_contentarea .tabs_inside_boxs {
  width: 100%;
  padding: 15px 22px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: none;
  margin-top: 20px;
}
.main_content_area .child_contentarea .tabs_inside_boxs:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .tabs_inside_boxs {
    padding: 10px 15px;
  }
}
.main_content_area .child_contentarea .tabs_inside_boxs .head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .head {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .left {
  color: #696969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .head .left {
    width: 50%;
  }
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .left h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .head .left h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .head .left h4 {
    font-size: 18px;
  }
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .left p {
  margin: 0;
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .head .right {
    width: 50%;
  }
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .right button,
.main_content_area .child_contentarea .tabs_inside_boxs .head .right .link_button {
  width: auto;
  padding: 0 10px;
  min-width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #E5E3FB;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #5B6166 !important;
  border: 1px solid #5B6166;
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .right button.link_button:hover,
.main_content_area .child_contentarea .tabs_inside_boxs .head .right .link_button.link_button:hover {
  color: #33CB33 !important;
  border-color: #33CB33;
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .right button.white_text,
.main_content_area .child_contentarea .tabs_inside_boxs .head .right .link_button.white_text {
  color: #fff !important;
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .right button.active,
.main_content_area .child_contentarea .tabs_inside_boxs .head .right .link_button.active {
  background: #33CB33;
  border-color: #33CB33;
  color: #fff !important;
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .right button.active:hover,
.main_content_area .child_contentarea .tabs_inside_boxs .head .right .link_button.active:hover {
  color: #fff !important;
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .right .MuiFormControl-root .MuiInputAdornment-root button {
  border: none;
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .right .MuiFormControl-root fieldset {
  border: 1px solid #E5E3FB;
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .right .form-control {
  width: auto;
  padding: 0 13px;
  min-width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #E5E3FB;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main_content_area .child_contentarea .tabs_inside_boxs .head .right .form-control:focus {
  outline: none;
  box-shadow: none !important;
}
.main_content_area .child_contentarea .tabs_inside_boxs .graph {
  width: 100%;
}
.main_content_area .child_contentarea .tabs_inside_boxs .graph img {
  width: 100%;
}
.main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec ul li {
  border-radius: 8px;
  background: #F4F4F4;
  padding: 18px 35px;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #696969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 1024px) and (max-width: 1480px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec ul li {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec ul li {
    padding: 15px 15px;
    width: calc(50% - 10px);
    font-size: 13px;
  }
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec ul li {
    width: 100%;
    justify-content: flex-start;
  }
}
.main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec ul li .arrow {
  display: flex;
  align-items: center;
}
.main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec ul li b {
  font-weight: 600;
}
.main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec ul li.green b {
  color: #1FCF43;
}
.main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec ul li.black b {
  color: #000000;
}
.main_content_area .child_contentarea .tabs_inside_boxs .graph .graph_button_sec ul li.red b {
  color: #FF0909;
}
.main_content_area .child_contentarea .tabs_inside_boxs .advance_statics_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.main_content_area .child_contentarea .tabs_inside_boxs .advance_statics_wrap .advance_statics_box {
  width: calc(50% - 20px);
  position: relative;
}
.main_content_area .child_contentarea .tabs_inside_boxs .advance_statics_wrap .advance_statics_box ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.main_content_area .child_contentarea .tabs_inside_boxs .advance_statics_wrap .advance_statics_box ul li {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .advance_statics_wrap .advance_statics_box ul li {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .advance_statics_wrap .advance_statics_box ul li {
    font-size: 12px;
  }
}
.main_content_area .child_contentarea .tabs_inside_boxs .advance_statics_wrap .advance_statics_box:not(:last-child)::before {
  width: 0;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  border-right: solid 1px #ACA5A5;
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .advance_statics_wrap .advance_statics_box:not(:last-child)::before {
    border: none;
  }
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .tabs_inside_boxs .advance_statics_wrap .advance_statics_box {
    width: 100%;
  }
}
.main_content_area .child_contentarea .tabs_inside_boxs .score_prgoress_bar {
  width: 100%;
  margin-top: 10px;
}
.main_content_area .child_contentarea .analysis_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box {
  width: calc(50% - 10px);
  display: flex;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .analysis_wrap .analysis_item_box {
    width: 100%;
  }
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .left {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .left {
    width: 100%;
  }
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right {
  width: 55%;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right {
    width: 100%;
  }
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table {
  max-height: 300px;
  overflow-y: auto;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table::-webkit-scrollbar {
  width: 6px;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table .MuiPaper-root {
  box-shadow: none;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table table {
  min-width: 100%;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table table thead th {
  padding: 5px 0;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none;
  width: 30%;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table table thead th:first-child {
  width: 40%;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table table tbody td {
  padding: 10px 0;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  width: 30%;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table table tbody td:first-child {
  width: 40%;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table table tbody td .d-flex {
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table table tbody td .green {
  color: #11D239;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right .analysis_table table tbody td .gray {
  color: #696969;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .trade_bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .trade_bottom .trade_part {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .trade_bottom .trade_part ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .recharts-responsive-container .recharts-wrapper {
  font-size: 14px;
  font-family: "Poppins", sans-serif !important;
}
.main_content_area .child_contentarea .analysis_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .recharts-responsive-container .recharts-wrapper tspan {
  font-family: "Poppins", sans-serif !important;
}
@media screen and (max-width: 1299px) {
  .main_content_area .child_contentarea .analysis_wrap.chart_wrap .analysis_item_box {
    width: 100%;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1420px) {
  .main_content_area .child_contentarea .analysis_wrap.chart_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .left {
    width: 50%;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1420px) {
  .main_content_area .child_contentarea .analysis_wrap.chart_wrap .analysis_item_box .tabs_inside_boxs .analysis_item_list .right {
    width: 50%;
  }
}
.main_content_area .child_contentarea .live_trades {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main_content_area .child_contentarea .live_trades .live_trade_items {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #CBC8EB;
  background: #FFF;
  padding: 15px 17px;
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .live_trade_items ul {
    flex-wrap: wrap;
  }
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .live_trade_items ul li {
    width: 33.33%;
  }
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul li h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .live_trade_items ul li h5 {
    font-size: 14px;
  }
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul li h6 {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul li p {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .live_trade_items ul li p {
    font-size: 13px;
  }
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul li h3 {
  color: #16AE35;
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .live_trade_items ul li h3 {
    font-size: 16px;
    text-align: left;
  }
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul li h3.red {
  color: #FF0909;
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul li .price_button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .live_trade_items ul li .price_button {
    justify-content: flex-start;
  }
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul li .price_button .buy {
  min-width: 62px;
  text-align: center;
  padding: 6px 12px;
  display: inline-block;
  border-radius: 4px;
  background: rgba(22, 174, 53, 0.2);
  color: #16AE35;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .live_trade_items ul li .price_button .buy {
    min-width: 50px;
    font-size: 12px;
  }
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul li .price_button .buy.sell {
  color: #FF0909;
  background: rgba(255, 9, 9, 0.2);
}
.main_content_area .child_contentarea .live_trades .live_trade_items ul li .price_button .sell {
  min-width: 62px;
  text-align: center;
  padding: 6px 12px;
  display: inline-block;
  border-radius: 4px;
  background: rgba(255, 9, 9, 0.2);
  color: #FF0909;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .live_trade_items ul li .price_button .sell {
    min-width: 50px;
    font-size: 12px;
  }
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap {
  border: 1px solid #CBC8EB;
  border-radius: 4px;
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items {
  border: none;
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items .top_journal {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items .top_journal {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items .top_journal .left {
    width: 100%;
  }
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items .top_journal .left h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items .top_journal .left h5 {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items .top_journal .left h5 {
    font-size: 13px;
  }
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items .top_journal .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items .top_journal .right {
    width: 100%;
  }
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items .top_journal .right h6 {
  color: #16AE35;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap .live_trade_items .top_journal .right button {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: none;
  background: transparent;
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap .journal_content_box {
  width: 100%;
  padding: 15px 17px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in 0.2s;
}
@media screen and (max-width: 992px) {
  .main_content_area .child_contentarea .live_trades .journal_box_wrap .journal_content_box {
    flex-wrap: wrap;
  }
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap .journal_content_box .list {
  width: auto;
  display: block;
  color: #5B6166;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 992px) {
  .main_content_area .child_contentarea .live_trades .journal_box_wrap .journal_content_box .list {
    width: calc(33.33% - 5px);
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .live_trades .journal_box_wrap .journal_content_box .list {
    width: calc(50% - 5px);
  }
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap .journal_content_box .list p {
  margin: 0;
  font-size: 13px;
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap .journal_content_box .list span {
  color: #000;
  display: block;
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap.show .live_trade_items .top_journal .right button {
  transform: rotate(180deg);
}
.main_content_area .child_contentarea .live_trades .journal_box_wrap.show .journal_content_box {
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #CBC8EB;
  visibility: visible;
  opacity: 1;
}
.main_content_area .child_contentarea .settings_page {
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .settings_page {
    padding: 8px;
  }
}
.main_content_area .child_contentarea .settings_page .settings_wrap {
  max-width: 100%;
  margin: auto;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .head {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .head h3 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_risk_account {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_risk_account .account_list {
  width: auto;
  background: #E3F9E7;
  padding: 8px 15px;
  border: solid 1px #E3E3E3;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .main_content_area .child_contentarea .settings_page .settings_wrap .all_risk_account .account_list {
    min-width: 100%;
    padding: 15px 20px;
    gap: 15px;
  }
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_risk_account .account_list .icon {
  color: #16AE35;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_risk_account .account_list .content ul {
  display: flex;
  align-items: center;
  gap: 6px;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_risk_account .account_list .content ul li h6 {
  font-size: 12px;
  margin: 0;
  font-weight: 500;
  color: #030720;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_risk_account .account_list.active {
  border-color: #16AE35;
  background: rgba(31, 207, 67, 0.15);
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .settings_page .settings_wrap .all_settings {
    padding-bottom: 40px;
  }
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part {
  width: 100%;
  padding: 0 20px 20px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part.half_part {
  width: calc(50% - 13px);
}
@media screen and (max-width: 1024px) {
  .main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part.half_part {
    width: 100%;
  }
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .green_btn {
  min-width: 80px;
  padding: 8px 5px;
  border-radius: 4px;
  background: #1FCF43;
  color: #fff !important;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .green_btn.edit_btn {
  background: #E3A93A;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .form-group {
  padding: 20px 0;
  border-bottom: solid 1px #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .form-group {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .form-group label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .form-group .field {
  min-width: 100px;
  position: relative;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  padding: 10px 15px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 575px) {
  .main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .form-group .field {
    width: 100%;
  }
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .form-group .field .form-control {
  width: 100%;
  height: 35px;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .form-group .field .form-control:focus {
  outline: none;
  box-shadow: none;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .form-group .field .parcentage {
  position: absolute;
  top: 7px;
  right: 10px;
  bottom: auto;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .settings_page .settings_wrap .all_settings .settings_part .form-group .field:has(.parcentage) .form-control {
  padding-right: 25px;
}
.main_content_area .child_contentarea .help_page {
  padding: 25px 15px;
}
.main_content_area .child_contentarea .help_page .help_wrap {
  max-width: 700px;
  margin: auto;
}
.main_content_area .child_contentarea .help_page .help_wrap .heading {
  width: 100%;
  text-align: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .child_contentarea .help_page .help_wrap .heading h3 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
}
.main_content_area .child_contentarea .help_page .help_wrap .help_list {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.main_content_area .child_contentarea .help_page .help_wrap .help_list .help_box {
  width: calc(50% - 7px);
  border-radius: 8px;
  border: 1px solid #EDEDEF;
  background: #FFF;
  padding: 18px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .main_content_area .child_contentarea .help_page .help_wrap .help_list .help_box {
    width: 100%;
  }
}
.main_content_area .child_contentarea .help_page .help_wrap .help_list .help_box .icon {
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  background: rgba(31, 207, 67, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_content_area .child_contentarea .help_page .help_wrap .help_list .help_box .content {
  width: 100%;
  text-align: center;
}
.main_content_area .child_contentarea .help_page .help_wrap .help_list .help_box .content h6 {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.main_content_area .child_contentarea .help_page .help_wrap .help_list .help_box .content p {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_content_area .main_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-bottom: 15px;
}
.main_content_area .main_wrap .main_title {
  width: auto;
  margin: 0 auto 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .main_content_area .main_wrap .main_title {
    flex-wrap: wrap;
    margin: 0 auto 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .main_wrap .main_title {
    margin: 0 auto 10px 0;
  }
}
.main_content_area .main_wrap .main_title h3 {
  margin: 0;
  font-weight: 700;
}
.main_content_area .main_wrap .main_title h4 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
  margin: 0;
}
@media screen and (max-width: 1280px) {
  .main_content_area .main_wrap .main_title h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .main_content_area .main_wrap .main_title h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 880px) {
  .main_content_area .main_wrap .main_title h4 {
    order: 1;
    font-size: 18px;
  }
}
.main_content_area .main_wrap .main_bottom {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}
@media screen and (max-width: 1280px) {
  .main_content_area .main_wrap .main_bottom {
    gap: 10px;
  }
}
.main_content_area .main_wrap .main_bottom .left {
  width: auto;
}
.main_content_area .main_wrap .main_bottom .left .connection_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
@media screen and (max-width: 1280px) {
  .main_content_area .main_wrap .main_bottom .left .connection_wrap {
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .main_content_area .main_wrap .main_bottom .left .connection_wrap {
    justify-content: flex-start;
  }
}
.main_content_area .main_wrap .main_bottom .left .connection_wrap .connection {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 10px;
  background: #E3F9E7;
}
@media screen and (max-width: 1280px) {
  .main_content_area .main_wrap .main_bottom .left .connection_wrap .connection {
    padding: 5px 8px;
  }
}
.main_content_area .main_wrap .main_bottom .left .connection_wrap .connection .icon {
  width: 20px;
  color: #16AE35;
}
.main_content_area .main_wrap .main_bottom .left .connection_wrap .connection .content {
  width: auto;
}
.main_content_area .main_wrap .main_bottom .left .connection_wrap .connection .content ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.main_content_area .main_wrap .main_bottom .left .connection_wrap .connection .content ul li {
  font-size: 11px;
  font-weight: 400;
  color: #6D6D6D;
}
.main_content_area .main_wrap .main_bottom .left .connection_wrap .connection .content ul li h6 {
  font-size: 14px;
  font-weight: 500;
  color: #030720;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 1280px) {
  .main_content_area .main_wrap .main_bottom .left .connection_wrap .connection .content ul li h6 {
    font-size: 12px;
  }
}
.main_content_area .main_wrap .main_bottom .left .connection_wrap .connection .toggle_wrap {
  position: relative;
}
.main_content_area .main_wrap .main_bottom .left .connection_wrap .connection.disconnection {
  background: #F9E7E8;
}
.main_content_area .main_wrap .main_bottom .left .connection_wrap .connection.disconnection .icon {
  color: #FF0909;
}
.main_content_area .main_wrap .main_bottom .right {
  width: auto;
}
.main_content_area .main_wrap .main_bottom .right .mt_button {
  display: flex;
  justify-content: flex-end;
}
.main_content_area .main_wrap .main_bottom .right .mt_button .MuiButton-contained {
  padding: 8px 14px !important;
  font-size: 14px !important;
}
@media screen and (max-width: 1280px) {
  .main_content_area .main_wrap .main_bottom .right .mt_button .MuiButton-contained {
    font-size: 12px !important;
    padding: 8px 10px !important;
  }
}
.main_content_area .footer_block {
  background: #FFF;
  padding: 14px 0px 13px 0px;
}
.main_content_area .footer_block p {
  text-align: center;
  margin: 0;
}

.d-flex {
  display: flex !important;
}

.align-items-center {
  align-items: center !important;
}

.pagination_block ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.pagination_block ul li button {
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 50%;
  background: #fff !important;
  border: solid 1px transparent;
}
.pagination_block ul li button.Mui-selected {
  border-color: #33CB33;
  color: #33CB33;
}
.pagination_block ul li button:hover {
  color: #33CB33;
}

.text-danger {
  color: #dc3545;
}

.text-success {
  color: #33CB33;
}

.back_button {
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.back_button button {
  width: auto;
  height: auto;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: transparent;
  border: none;
  font-size: 28px;
  color: #33CB33;
  cursor: pointer;
  padding: 0;
}
.back_button button span {
  font-size: 16px;
}

.button_wrap {
  width: auto;
  padding: 7px;
  margin: 0;
  border-radius: 8px;
  background: rgba(51, 203, 51, 0.2);
  background: #f1f5f9;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  border: none;
}
.button_wrap .button_box {
  width: auto;
  min-width: 140px;
  background: #fff;
  border-radius: 6px;
  color: #33CB33;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: none;
  padding: 10px;
  cursor: pointer;
}
.button_wrap .button_box.active {
  background: #33CB33;
  color: #fff;
}

.socket_status {
  margin-left: 12px;
  font-size: 12px;
  padding: 3px 12px;
  border-radius: 12px;
  top: -6px;
  position: relative;
}

.socket_status.connecting {
  background: #fff3cd;
  color: #856404;
}

.socket_status.connected {
  background: #d4edda;
  color: #155724;
}

.trade_calendar > .MuiBox-root:nth-child(1) {
  justify-content: space-around;
}
.trade_calendar > .MuiBox-root:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.trade_calendar > .MuiBox-root:nth-child(2) > .MuiBox-root {
  justify-content: space-between;
  gap: 10px;
}
.trade_calendar > .MuiBox-root:nth-child(2) > .MuiBox-root .MuiBox-root {
  justify-content: space-between;
}
.trade_calendar > .MuiBox-root:nth-child(2) > .MuiBox-root .MuiBox-root p:not(:nth-child(1)) {
  font-size: 9px;
}
@media screen and (max-width: 600px) {
  .trade_calendar > .MuiBox-root:nth-child(2) > .MuiBox-root .MuiBox-root p:not(:nth-child(1)) {
    font-size: 6px;
  }
}
.trade_calendar > .MuiBox-root:nth-child(3) {
  justify-content: center;
}

.thumb_row {
  margin: 0 -8px;
}
.thumb_row .thumb_col {
  width: 16.666%;
  padding: 8px;
}
.thumb_row.trade_history_thumb_row .thumb_col {
  width: 20%;
}
@media screen and (max-width: 1650px) {
  .thumb_row.trade_history_thumb_row .thumb_col {
    width: 20%;
  }
}
.thumb_row.trade_history_thumb_row .thumb_col p {
  word-break: break-all;
}

.trending_pair {
  margin-top: 20px;
}
.trending_pair .trade_analysis_sec {
  width: 100%;
}
.trending_pair .trade_analysis_sec .head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.trending_pair .trade_analysis_sec .head .left h4 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.trending_pair .trade_analysis_sec .head .right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.trending_pair .trade_analysis_sec .head .right button {
  width: auto;
  min-width: 40px;
  height: 40px;
  padding: 0px 10px;
  border-radius: 4px;
  border: 1px solid #E5E3FB;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.trending_pair .trade_analysis_sec .head .right button.active {
  background: #33CB33;
  border-color: #33CB33;
  color: #fff;
}
.trending_pair .trade_analysis_sec .strategies_managment {
  border-radius: 6px;
  border: 1px solid #E4E4E4;
  background: #FFF;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item {
  box-shadow: none !important;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item .up {
  width: 100%;
  padding: 15px 0 10px !important;
  border-bottom: none !important;
  margin-bottom: 0 !important;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item .up .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item .up .top h5 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  background: #EFFAF1;
  padding: 5px 10px;
  border-radius: 4px;
  color: #33cb33;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item .up .top .middle {
  width: auto !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item .up .top .middle h5 span {
  color: #5B6166;
  font-weight: 400;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item .up .top .right {
  gap: 15px !important;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item .bottom {
  border-top: solid 1px #CFCFCF;
  margin-top: 10px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item .bottom .left {
  justify-content: flex-start !important;
  gap: 10px;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item .bottom .left .icon_with_icon {
  width: 42px;
  height: 42px;
  padding: 4px;
  border-radius: 50%;
  border: solid 1px #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item .bottom .left .icon_with_icon img {
  max-width: 24px;
}
.trending_pair .trade_analysis_sec .strategies_managment .strategies_managment_item:hover {
  box-shadow: none !important;
}

.settings_wrap {
  padding: 0 !important;
}
.settings_wrap .head {
  width: 100%;
  border-bottom: solid 1px #CFCFCF;
  padding: 15px 20px;
}
.settings_wrap .head h4 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.settings_wrap .settings_sec {
  width: 100%;
  padding: 30px 0;
}
.settings_wrap .settings_sec .settings-card {
  width: 700px;
  background: #ffffff;
  margin: 0 auto;
}
.settings_wrap .settings_sec .settings-card .head {
  width: 100%;
}
.settings_wrap .settings_sec .settings-card .row {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #E0E0E0;
}
.settings_wrap .settings_sec .settings-card .row:last-child {
  border-bottom: none;
}
.settings_wrap .settings_sec .settings-card .row label {
  flex: 1;
  font-size: 14px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.settings_wrap .settings_sec .settings-card .row .form-group {
  width: 40%;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.settings_wrap .settings_sec .settings-card .row .form-group input,
.settings_wrap .settings_sec .settings-card .row .form-group select,
.settings_wrap .settings_sec .settings-card .row .form-group .css-b62m3t-container > div {
  width: 220px;
  height: 40px;
  padding: 7px 10px;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  font-size: 14px;
  background: #fff;
}
.settings_wrap .settings_sec .settings-card .row .form-group input:focus,
.settings_wrap .settings_sec .settings-card .row .form-group select:focus,
.settings_wrap .settings_sec .settings-card .row .form-group .css-b62m3t-container > div:focus {
  outline: none;
  box-shadow: none;
}
.settings_wrap .settings_sec .settings-card .row .form-group input::placeholder,
.settings_wrap .settings_sec .settings-card .row .form-group select::placeholder,
.settings_wrap .settings_sec .settings-card .row .form-group .css-b62m3t-container > div::placeholder {
  font-size: 13px;
}
.settings_wrap .settings_sec .settings-card .row .form-group .css-b62m3t-container > div {
  padding: 0;
  height: 40px;
}
.settings_wrap .settings_sec .settings-card .row .form-group .css-b62m3t-container > div > div {
  padding-top: 0;
  padding-bottom: 0;
}
.settings_wrap .settings_sec .settings-card .row .form-group .css-b62m3t-container > div > div > div {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 18px;
}
.settings_wrap .settings_sec .settings-card .row .form-group select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00003%2011C7.87216%2011%207.74416%2010.9511%207.64653%2010.8535L2.64653%205.8535C2.45116%205.65813%202.45116%205.34175%202.64653%205.1465C2.84191%204.95125%203.15828%204.95113%203.35353%205.1465L8.00003%209.793L12.6465%205.1465C12.8419%204.95113%2013.1583%204.95113%2013.3535%205.1465C13.5488%205.34188%2013.5489%205.65825%2013.3535%205.8535L8.35353%2010.8535C8.25591%2010.9511%208.12791%2011%208.00003%2011Z'%20fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 95% center;
}
.settings_wrap .settings_sec .settings-card .row .form-group .input-group {
  display: flex;
  align-items: center;
  position: relative;
}
.settings_wrap .settings_sec .settings-card .row .form-group .input-group span {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.settings_wrap .settings_sec .settings-card .row .form-group .error-message {
  font-size: 11px;
  color: #FF0909;
  position: absolute;
  bottom: -18px;
  right: 0;
}
.settings_wrap .settings_sec .settings-card .row.submit_wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.settings_wrap .settings_sec .settings-card .row.submit_wrap .submit_btn {
  width: 227.625px;
  height: 49.89px;
  border-radius: 8px;
  border: 2px solid #33CB33;
  background: #33CB33;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-transform: capitalize;
  cursor: pointer;
}
.settings_wrap .settings_sec .settings-card .row.submit_wrap .submit_btn:hover {
  background: #0dc60d;
}
.settings_wrap .settings_sec .settings-card .row.submit_wrap .cancel_btn {
  width: 227.625px;
  height: 49.89px;
  border-radius: 8px;
  border: 1px solid #FF0909;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FF0909;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-transform: capitalize;
  cursor: pointer;
}
.settings_wrap .settings_sec .settings-card .row.submit_wrap .cancel_btn:hover {
  background: #FF0909;
  color: #fff;
}

.config_delete_modal h2 {
  padding-bottom: 10px;
}
.config_delete_modal p {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.config_delete_modal .MuiDialogContent {
  padding-bottom: 15px;
}
.config_delete_modal .MuiDialogContent p {
  padding-bottom: 0;
}
.config_delete_modal .MuiDialogActions-root {
  padding-bottom: 20px;
}
.config_delete_modal .delete_button {
  min-width: 50px;
  height: 40px;
  padding: 0px 15px;
  border-radius: 4px;
  border: 1px solid #FF0909;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FF0909;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.config_delete_modal .delete_button:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05) !important;
}
.config_delete_modal .delete_button.active {
  background: #FF0909;
  border-color: #FF0909;
  color: #fff;
}
.config_delete_modal .delete_button.active:hover {
  background: #e70606;
  border-color: #e70606;
}

.add_risk_from .form-group label {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 6px;
}
.add_risk_from .form-group .field {
  position: relative;
}
.add_risk_from .form-group .field .form-control {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #CBC8EB;
  background: #FFF;
  padding: 10px 15px;
  font-size: 14px;
  color: #000;
}
.add_risk_from .form-group .field .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #000;
}
.add_risk_from .form-group .field .parcentage {
  position: absolute;
  top: 12px;
  right: 10px;
  bottom: auto;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
}
.add_risk_from .form-group .field:has(.parcentage) .form-control {
  padding-right: 25px;
}

.bg_red_img {
  background-image: url("data:image/svg+xml,%3csvg%20width='269'%20height='135'%20viewBox='0%200%20269%20135'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='147.5'%20cy='67.625'%20r='147.5'%20fill='url(%23paint0_radial_1003_3377)'/%3e%3ccircle%20cx='163.975'%20cy='67.6253'%20r='131.024'%20fill='url(%23paint1_radial_1003_3377)'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_1003_3377'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(147.5%2067.625)%20rotate(90)%20scale(147.5)'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='%23FFE6E6'/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_1003_3377'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(163.975%2067.6253)%20rotate(90)%20scale(131.024)'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='%23FFBABA'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right;
}.react-tabs {
  -webkit-tap-highlight-color: transparent;
}

.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0;
}

.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: #aaa;
  color: black;
  border-radius: 5px 5px 0 0;
}

.react-tabs__tab--disabled {
  color: GrayText;
  cursor: default;
}

.react-tabs__tab:focus {
  outline: none;
}

.react-tabs__tab:focus:after {
  content: '';
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
  background: #fff;
}

.react-tabs__tab-panel {
  display: none;
}

.react-tabs__tab-panel--selected {
  display: block;
}
.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}