.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 {
  box-shadow: 0 0 5px #0188fe;
  border-color: #0188fe;
  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; }
.BaseTable {
  box-shadow: 0 2px 4px 0 #eeeeee;
  background-color: #ffffff;
  position: relative;
  box-sizing: border-box;
  font-size: 13px; }

.BaseTable--disabled {
  opacity: 0.7;
  pointer-events: none; }

.BaseTable--dynamic .BaseTable__row {
  overflow: hidden;
  -ms-flex-align: stretch;
      -ms-grid-row-align: stretch;
      align-items: stretch; }

.BaseTable:not(.BaseTable--dynamic) .BaseTable__row-cell-text,
.BaseTable .BaseTable__row--frozen .BaseTable__row-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.BaseTable__table {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }

.BaseTable__table-main {
  outline: 1px solid #eeeeee;
  left: 0; }

.BaseTable__table-main .BaseTable__header-cell:first-child, .BaseTable__table-main .BaseTable__row-cell:first-child {
  padding-left: 15px; }

.BaseTable__table-main .BaseTable__header-cell:last-child, .BaseTable__table-main .BaseTable__row-cell:last-child {
  padding-right: 15px; }

.BaseTable__table-main .BaseTable__header {
  background-color: #f8f8f8; }

.BaseTable__table-frozen-left .BaseTable__header,
.BaseTable__table-frozen-left .BaseTable__body, .BaseTable__table-frozen-right .BaseTable__header,
.BaseTable__table-frozen-right .BaseTable__body {
  overflow: hidden !important; }

.BaseTable__table-frozen-left {
  box-shadow: 2px 0 4px 0 #eeeeee;
  top: 0;
  left: 0; }

.BaseTable__table-frozen-left .BaseTable__header-cell:first-child, .BaseTable__table-frozen-left .BaseTable__row-cell:first-child {
  padding-left: 15px; }

.BaseTable__table-frozen-left .BaseTable__header-row,
.BaseTable__table-frozen-left .BaseTable__row {
  padding-right: 0 !important; }

.BaseTable__table-frozen-left .BaseTable__body {
  overflow-y: auto !important; }

.BaseTable__table-frozen-right {
  box-shadow: -2px 0 4px 0 #eeeeee;
  top: 0;
  right: 0; }

.BaseTable__table-frozen-right .BaseTable__header-cell:last-child, .BaseTable__table-frozen-right .BaseTable__row-cell:last-child {
  padding-right: 15px; }

.BaseTable__table-frozen-right .BaseTable__header-row,
.BaseTable__table-frozen-right .BaseTable__row {
  padding-left: 0 !important; }

.BaseTable__table-frozen-right .BaseTable__body {
  overflow-y: auto !important; }

.BaseTable__header {
  overflow: hidden !important; }

.BaseTable .BaseTable__header,
.BaseTable .BaseTable__body {
  outline: none; }

.BaseTable__header-row, .BaseTable__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #eeeeee;
  box-sizing: border-box; }

.BaseTable__header-row {
  background-color: #f8f8f8;
  font-weight: 700; }

.BaseTable__row {
  background-color: #ffffff; }

.BaseTable__row:hover, .BaseTable__row--hovered {
  background-color: #f3f3f3; }

.BaseTable__row-expanded {
  border-bottom: 1px solid #eeeeee; }

.BaseTable__header-cell, .BaseTable__row-cell {
  min-width: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 7.5px;
  box-sizing: border-box; }

.BaseTable__header-cell--align-center, .BaseTable__row-cell--align-center {
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center; }

.BaseTable__header-cell--align-right, .BaseTable__row-cell--align-right {
  -ms-flex-pack: end;
      justify-content: flex-end;
  text-align: right; }

.BaseTable__header-cell {
  position: relative;
  cursor: default; }

.BaseTable__header-cell:hover .BaseTable__column-resizer {
  visibility: visible;
  opacity: 0.5; }

.BaseTable__header-cell:hover .BaseTable__column-resizer:hover {
  opacity: 1; }

.BaseTable__header-cell .BaseTable__sort-indicator {
  display: none; }

.BaseTable__header-cell--sortable:hover {
  background-color: #f3f3f3;
  cursor: pointer; }

.BaseTable__header-cell--sortable:not(.BaseTable__header-cell--sorting):hover .BaseTable__sort-indicator {
  display: block;
  color: #888888; }

.BaseTable__header-cell--sorting .BaseTable__sort-indicator, .BaseTable__header-cell--sorting:hover .BaseTable__sort-indicator {
  display: block; }

.BaseTable__header-cell--resizing .BaseTable__column-resizer {
  visibility: visible;
  opacity: 1; }

.BaseTable__header-cell--resizing .BaseTable__column-resizer::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  content: '';
  left: -9999px; }

.BaseTable__header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; }

.BaseTable__header-row--resizing .BaseTable__header-cell {
  background-color: transparent;
  cursor: col-resize; }

.BaseTable__header-row--resizing .BaseTable__header-cell:not(.BaseTable__header-cell--sorting) .BaseTable__sort-indicator {
  display: none; }

.BaseTable__header-row--resizing .BaseTable__header-cell:not(.BaseTable__header-cell--resizing) .BaseTable__column-resizer {
  visibility: hidden; }

.BaseTable__column-resizer {
  width: 3px;
  visibility: hidden;
  background-color: #cccccc; }

.BaseTable__column-resizer:hover {
  visibility: visible;
  opacity: 1; }

.BaseTable__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #ffffff; }

.BaseTable__resizing-line {
  cursor: col-resize;
  position: absolute;
  top: 0;
  background-color: #cccccc;
  width: 3px;
  transform: translateX(-100%); }

.BaseTable__empty-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #ffffff; }

.BaseTable__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none; }

.BaseTable__overlay > * {
  pointer-events: auto; }
.sun-editor {
  width: auto;
  height: auto;
  box-sizing: border-box;
  font-family: Helvetica Neue,sans-serif;
  border: 1px solid #dadada;
  background-color: #fff;
  color: #000;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.sun-editor * {
  box-sizing: border-box;
  -webkit-user-drag: none;
  overflow: visible; }

.sun-editor-common button, .sun-editor-common input, .sun-editor-common select, .sun-editor-common textarea {
  font-size: 14px;
  line-height: 1.5; }

.sun-editor-common blockquote, .sun-editor-common body, .sun-editor-common button, .sun-editor-common code, .sun-editor-common dd, .sun-editor-common div, .sun-editor-common dl, .sun-editor-common dt, .sun-editor-common fieldset, .sun-editor-common form, .sun-editor-common h1, .sun-editor-common h2, .sun-editor-common h3, .sun-editor-common h4, .sun-editor-common h5, .sun-editor-common h6, .sun-editor-common input, .sun-editor-common legend, .sun-editor-common li, .sun-editor-common ol, .sun-editor-common p, .sun-editor-common pre, .sun-editor-common select, .sun-editor-common td, .sun-editor-common textarea, .sun-editor-common th, .sun-editor-common ul {
  margin: 0;
  padding: 0;
  border: 0; }

.sun-editor-common dl, .sun-editor-common li, .sun-editor-common menu, .sun-editor-common ol, .sun-editor-common ul {
  list-style: none !important; }

.sun-editor-common hr {
  margin: 6px 0 !important; }

.sun-editor textarea {
  resize: none;
  border: 0;
  padding: 0; }

.sun-editor button {
  border: 0;
  background-color: transparent;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  outline: none; }

.sun-editor button, .sun-editor input, .sun-editor select, .sun-editor textarea {
  vertical-align: middle; }

.sun-editor button span {
  display: block;
  margin: 0;
  padding: 0; }

.sun-editor button .txt {
  display: block;
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.sun-editor button * {
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden; }

.sun-editor .se-svg, .sun-editor button > svg {
  width: 16px;
  height: 16px;
  margin: auto;
  fill: currentColor;
  display: block;
  text-align: center;
  float: none; }

.sun-editor .close > svg, .sun-editor .se-dialog-close > svg {
  width: 10px;
  height: 10px; }

.sun-editor .se-btn-select > svg {
  float: right;
  width: 10px;
  height: 10px; }

.sun-editor .se-btn-list > .se-list-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -1px 10px 0 0;
  vertical-align: middle; }

.sun-editor .se-line-breaker > button > svg {
  width: 24px;
  height: 24px; }

.sun-editor button > i:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 15px;
  line-height: 2; }

.sun-editor button > [class=se-icon-text] {
  font-size: 20px;
  line-height: 1; }

.sun-editor .se-arrow, .sun-editor .se-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 11px solid transparent; }

.sun-editor .se-arrow.se-arrow-up {
  top: -11px;
  left: 20px;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #dadada; }

.sun-editor .se-arrow.se-arrow-up:after {
  top: 1px;
  margin-left: -11px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff; }

.sun-editor .se-toolbar .se-arrow.se-arrow-up:after {
  border-bottom-color: #fafafa; }

.sun-editor .se-arrow.se-arrow-down {
  top: 0;
  left: 0;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #dadada; }

.sun-editor .se-arrow.se-arrow-down:after {
  top: -12px;
  margin-left: -11px;
  content: " ";
  border-bottom-width: 0;
  border-top-color: #fff; }

.sun-editor .se-toolbar .se-arrow.se-arrow-down:after {
  border-top-color: #fafafa; }

.sun-editor .se-container {
  position: relative;
  width: 100%;
  height: 100%; }

.sun-editor button {
  color: #000; }

.sun-editor .se-btn {
  float: left;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 4px;
  margin: 1px !important;
  padding: 0;
  font-size: 12px;
  line-height: 27px; }

.sun-editor .se-btn:enabled:focus, .sun-editor .se-btn:enabled:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-btn:enabled:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-btn-primary {
  color: #000;
  background-color: #c7deff;
  border: 1px solid #80bdff;
  border-radius: 4px; }

.sun-editor .se-btn-primary:focus, .sun-editor .se-btn-primary:hover {
  color: #000;
  background-color: #80bdff;
  border-color: #3f9dff;
  outline: 0 none; }

.sun-editor .se-btn-primary:active {
  color: #fff;
  background-color: #3f9dff;
  border-color: #4592ff;
  box-shadow: inset 0 3px 5px #4592ff; }

.sun-editor input, .sun-editor select, .sun-editor textarea {
  color: #000;
  border: 1px solid #ccc;
  border-radius: 4px; }

.sun-editor input:focus, .sun-editor select:focus, .sun-editor textarea:focus {
  border: 1px solid #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem #c7deff;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.sun-editor .se-btn:enabled.active {
  color: #4592ff;
  outline: 0 none; }

.sun-editor .se-btn:enabled.active:focus, .sun-editor .se-btn:enabled.active:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-btn:enabled.active:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-btn:enabled.on {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-btn:enabled.on:focus, .sun-editor .se-btn:enabled.on:hover {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none; }

.sun-editor .se-btn:enabled.on:active {
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  box-shadow: inset 0 3px 5px #b1b1b1; }

.sun-editor .se-btn-list:disabled, .sun-editor .se-btn:disabled, .sun-editor button:disabled {
  cursor: not-allowed;
  background-color: inherit;
  color: #bdbdbd; }

.sun-editor .se-loading-box {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: .7;
  filter: alpha(opacity=70);
  z-index: 2147483647; }

.sun-editor .se-loading-box .se-loading-effect {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 25px;
  width: 25px;
  border-top: 2px solid #07d;
  border-right: 2px solid transparent;
  border-radius: 50%;
  animation: spinner .8s linear infinite;
  margin: -25px 0 0 -25px; }

.sun-editor .se-line-breaker {
  position: absolute;
  display: none;
  width: 100%;
  height: 1px;
  cursor: text;
  border-top: 1px solid #3288ff;
  z-index: 7; }

.sun-editor .se-line-breaker > button.se-btn {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  top: -15px;
  float: none;
  left: -50%;
  background-color: #fff;
  border: 1px solid #0c2240;
  opacity: .6;
  cursor: pointer; }

.sun-editor .se-line-breaker > button.se-btn:hover {
  opacity: .9;
  background-color: #fff;
  border-color: #041b39; }

.sun-editor .se-line-breaker-component {
  position: absolute;
  display: none;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #0c2240;
  opacity: .6;
  border-radius: 4px;
  cursor: pointer;
  z-index: 7; }

.sun-editor .se-line-breaker-component:hover {
  opacity: .9; }

.sun-editor .se-toolbar {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  padding: 0;
  margin: 0;
  background-color: #fafafa;
  outline: 1px solid #dadada;
  z-index: 5; }

.sun-editor .se-toolbar-cover {
  position: absolute;
  display: none;
  font-size: 36px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fefefe;
  opacity: .5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
  z-index: 4; }

.sun-editor .se-toolbar-separator-vertical {
  display: inline-block;
  height: 0;
  width: 0;
  margin: 1px;
  vertical-align: top; }

.sun-editor .se-toolbar.se-toolbar-balloon, .sun-editor .se-toolbar.se-toolbar-inline {
  display: none;
  position: absolute;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.sun-editor .se-toolbar.se-toolbar-balloon {
  z-index: 2147483647;
  width: auto; }

.sun-editor .se-toolbar.se-toolbar-sticky {
  position: fixed;
  top: 0; }

.sun-editor .se-toolbar-sticky-dummy {
  display: none;
  position: static;
  z-index: -1; }

.sun-editor .se-btn-module {
  display: inline-block; }

.sun-editor .se-btn-module-border {
  border: 1px solid #dadada;
  border-radius: 4px; }

.sun-editor .se-btn-module-enter {
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 5px;
  background-color: transparent; }

.sun-editor .se-toolbar-more-layer {
  margin: 0 -3px;
  background-color: #fafafa; }

.sun-editor .se-toolbar-more-layer .se-more-layer {
  display: none;
  border-top: 1px solid #dadada; }

.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 4px 3px 0; }

.sun-editor .se-btn-module .se-btn-more.se-btn-more-text {
  width: auto;
  padding: 0 4px; }

.sun-editor .se-btn-module .se-btn-more:focus, .sun-editor .se-btn-module .se-btn-more:hover {
  color: #000;
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none; }

.sun-editor .se-btn-module .se-btn-more.on {
  color: #333;
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none; }

.sun-editor .se-btn-module .se-btn-more.on:hover {
  color: #000;
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  outline: 0 none; }

.sun-editor .se-menu-list, .sun-editor .se-menu-list li {
  float: left;
  padding: 0;
  margin: 0; }

.sun-editor .se-menu-list li {
  position: relative; }

.sun-editor .se-btn-select {
  width: auto;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 6px; }

.sun-editor .se-btn-select .txt {
  -ms-flex: auto;
      flex: auto;
  text-align: left; }

.sun-editor.se-rtl .se-btn-select svg {
  margin: auto 1px; }

.sun-editor .se-btn-select.se-btn-tool-font {
  width: 100px; }

.sun-editor .se-btn-select.se-btn-tool-format {
  width: 82px; }

.sun-editor .se-btn-select.se-btn-tool-size {
  width: 78px; }

.sun-editor .se-btn-tray {
  position: relative;
  width: 100%;
  height: auto;
  padding: 4px 3px 0;
  margin: 0; }

.sun-editor .se-menu-tray {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0; }

.sun-editor .se-submenu {
  overflow-x: hidden;
  overflow-y: auto; }

.sun-editor .se-list-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  z-index: 5;
  border: 1px solid #bababa;
  border-radius: 4px;
  padding: 6px 0;
  background-color: #fff;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0 none; }

.sun-editor .se-list-layer .se-list-inner {
  padding: 0;
  margin: 0;
  overflow-x: initial;
  overflow-y: initial;
  overflow: visible; }

.sun-editor .se-list-layer button {
  margin: 0;
  width: 100%; }

.sun-editor .se-list-inner ul {
  width: 100%;
  padding: 0; }

.sun-editor .se-list-inner li > button {
  min-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.sun-editor .se-list-inner .se-list-basic li {
  width: 100%; }

.sun-editor .se-list-inner .se-list-basic li button.active {
  background-color: #80bdff;
  border: 1px solid #3f9dff;
  border-left: 0;
  border-right: 0; }

.sun-editor .se-list-inner .se-list-basic li button.active:hover {
  background-color: #3f9dff;
  border: 1px solid #4592ff;
  border-left: 0;
  border-right: 0; }

.sun-editor .se-list-inner .se-list-basic li button.active:active {
  background-color: #4592ff;
  border: 1px solid #407dd1;
  border-left: 0;
  border-right: 0;
  box-shadow: inset 0 3px 5px #407dd1; }

.sun-editor .se-list-inner .se-list-checked li button > .se-svg {
  float: left;
  padding: 6px 6px 0 0; }

.sun-editor .se-list-inner .se-list-checked li button > .se-svg > svg {
  display: none; }

.sun-editor .se-list-inner .se-list-checked li button.se-checked {
  color: #4592ff; }

.sun-editor .se-list-inner .se-list-checked li button.se-checked > .se-svg > svg {
  display: block; }

.sun-editor .se-btn-list {
  width: 100%;
  height: auto;
  min-height: 32px;
  padding: 0 14px;
  cursor: pointer;
  font-size: 12px;
  line-height: normal;
  text-indent: 0;
  text-decoration: none;
  text-align: left; }

.sun-editor .se-btn-list.default_value {
  background-color: #f3f3f3;
  border-top: 1px dotted #b1b1b1;
  border-bottom: 1px dotted #b1b1b1; }

.sun-editor .se-btn-list:focus, .sun-editor .se-btn-list:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-btn-list:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-list-layer.se-list-font-size {
  min-width: 140px;
  max-height: 300px; }

.sun-editor .se-list-layer.se-list-font-family {
  min-width: 156px; }

.sun-editor .se-list-layer.se-list-font-family .default {
  border-bottom: 1px solid #ccc; }

.sun-editor .se-list-layer.se-list-line {
  width: 125px; }

.sun-editor .se-list-layer.se-list-align .se-list-inner {
  left: 9px;
  width: 125px; }

.sun-editor .se-list-layer.se-list-format {
  min-width: 156px; }

.sun-editor .se-list-layer.se-list-format li {
  padding: 0;
  width: 100%; }

.sun-editor .se-list-layer.se-list-format ul .se-btn-list {
  line-height: 100%; }

.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h1] {
  height: 40px; }

.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h2] {
  height: 34px; }

.sun-editor .se-list-layer.se-list-format ul p {
  font-size: 13px; }

.sun-editor .se-list-layer.se-list-format ul div {
  font-size: 13px;
  padding: 4px 2px; }

.sun-editor .se-list-layer.se-list-format ul h1 {
  font-size: 2em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul h2 {
  font-size: 1.5em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul h3 {
  font-size: 1.17em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul h4 {
  font-size: 1em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul h5 {
  font-size: .83em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul h6 {
  font-size: .67em;
  font-weight: 700;
  color: #333; }

.sun-editor .se-list-layer.se-list-format ul blockquote {
  font-size: 13px;
  color: #999;
  height: 22px;
  margin: 0;
  background-color: transparent;
  line-height: 1.5;
  border-color: #b1b1b1;
  padding: 0 0 0 7px;
  border-left: 5px #b1b1b1;
  border-style: solid; }

.sun-editor .se-list-layer.se-list-format ul pre {
  font-size: 13px;
  color: #666;
  padding: 4px 11px;
  margin: 0;
  background-color: #f9f9f9;
  border: 1px solid #e1e1e1;
  border-radius: 4px; }

.sun-editor .se-selector-table {
  display: none;
  position: absolute;
  top: 34px;
  left: 1px;
  z-index: 5;
  padding: 5px 0;
  float: left;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.sun-editor .se-selector-table .se-table-size {
  font-size: 18px;
  padding: 0 5px; }

.sun-editor .se-selector-table .se-table-size-picker {
  position: absolute !important;
  z-index: 3;
  font-size: 18px;
  width: 10em;
  height: 10em;
  cursor: pointer; }

.sun-editor .se-selector-table .se-table-size-highlighted {
  position: absolute !important;
  z-index: 2;
  font-size: 18px;
  width: 1em;
  height: 1em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==") repeat; }

.sun-editor .se-selector-table .se-table-size-unhighlighted {
  position: relative !important;
  z-index: 1;
  font-size: 18px;
  width: 10em;
  height: 10em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }

.sun-editor .se-selector-table .se-table-size-display {
  padding-left: 5px; }

.sun-editor .se-list-layer.se-table-split {
  top: 36px; }

.sun-editor .se-list-layer .se-selector-color {
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 270px;
  height: auto;
  padding: 0;
  margin: auto; }

.sun-editor .se-list-layer .se-selector-color .se-color-pallet {
  width: 100%;
  height: 100%;
  padding: 0; }

.sun-editor .se-list-layer .se-selector-color .se-color-pallet li {
  display: -ms-flexbox;
  display: flex;
  float: left;
  position: relative;
  margin: 0; }

.sun-editor .se-list-layer .se-selector-color .se-color-pallet button {
  display: block;
  cursor: default;
  width: 30px;
  height: 30px;
  text-indent: -9999px; }

.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active, .sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus, .sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover {
  border: 3px solid #fff; }

.sun-editor .se-form-group {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 40px;
  height: auto;
  padding: 4px; }

.sun-editor .se-form-group input {
  -ms-flex: auto;
      flex: auto;
  display: inline-block;
  width: auto;
  height: 33px;
  font-size: 12px;
  margin: 1px 0;
  padding: 0;
  border-radius: .25rem;
  border: 1px solid #ccc; }

.sun-editor .se-form-group button, .sun-editor .se-submenu-form-group button {
  float: right;
  width: 34px;
  height: 34px;
  margin: 0 2px !important; }

.sun-editor .se-form-group button.se-btn {
  border: 1px solid #ccc; }

.sun-editor .se-form-group > div {
  position: relative; }

.sun-editor .se-form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700; }

.sun-editor .se-form-group-label {
  width: 100%;
  height: auto;
  padding: 0 4px; }

.sun-editor .se-form-group-label label {
  font-size: 13px;
  font-weight: 700; }

.sun-editor .se-submenu .se-form-group input {
  width: auto;
  height: 33px;
  color: #555; }

.sun-editor .se-submenu .se-form-group .se-color-input {
  width: 72px;
  text-transform: uppercase;
  border: none;
  border-bottom: 2px solid #b1b1b1;
  outline: none; }

.sun-editor .se-submenu .se-form-group .se-color-input:focus {
  border-bottom: 3px solid #b1b1b1; }

.sun-editor .se-wrapper {
  position: relative !important;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1; }

.sun-editor .se-wrapper .se-wrapper-inner {
  width: 100%;
  height: 100%;
  min-height: 65px;
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto; }

.sun-editor .se-wrapper .se-wrapper-inner:focus {
  outline: none; }

.sun-editor .se-wrapper .se-wrapper-code {
  background-color: #191919;
  color: #fff;
  font-size: 13px;
  word-break: break-all;
  padding: 4px;
  margin: 0;
  resize: none !important; }

.sun-editor .se-wrapper .se-wrapper-wysiwyg {
  background-color: #fff;
  display: block; }

.sun-editor .se-wrapper .se-wrapper-code-mirror {
  font-size: 13px; }

.sun-editor .se-wrapper .se-placeholder {
  position: absolute;
  display: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  color: #b1b1b1;
  font-size: 13px;
  line-height: 1.5;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin-top: 0;
  padding-top: 16px;
  padding-left: 16px;
  margin-left: 0;
  padding-right: 16px;
  margin-right: 0;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden; }

.sun-editor .se-resizing-bar {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  min-height: 16px;
  border-top: 1px solid #dadada;
  padding: 0 4px;
  background-color: #fafafa;
  cursor: ns-resize; }

.sun-editor .se-resizing-bar.se-resizing-none {
  cursor: default; }

.sun-editor .se-resizing-back {
  position: absolute;
  display: none;
  cursor: default;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647; }

.sun-editor .se-resizing-bar .se-navigation {
  -ms-flex: auto;
      flex: auto;
  position: relative;
  width: auto;
  height: auto;
  color: #666;
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.5;
  background: transparent; }

.sun-editor .se-resizing-bar .se-char-counter-wrapper {
  -ms-flex: none;
      flex: none;
  position: relative;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: #999;
  font-size: 13px;
  background: transparent; }

.sun-editor .se-resizing-bar .se-char-counter-wrapper.se-blink {
  color: #b94a48;
  animation: blinker .2s linear infinite; }

.sun-editor .se-resizing-bar .se-char-counter-wrapper .se-char-label {
  margin-right: 4px; }

.sun-editor .se-dialog {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647; }

.sun-editor .se-dialog button, .sun-editor .se-dialog input, .sun-editor .se-dialog label {
  font-size: 14px;
  line-height: 1.5;
  color: #111;
  margin: 0; }

.sun-editor .se-dialog .se-dialog-back {
  background-color: #222;
  opacity: .5; }

.sun-editor .se-dialog .se-dialog-back, .sun-editor .se-dialog .se-dialog-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
  position: relative;
  width: auto;
  max-width: 500px;
  margin: 1.75rem auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 509px) {
  .sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
    width: 100%; } }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-content label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 0 10px !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border-radius: 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-header {
  height: 50px;
  padding: 6px 15px;
  border-bottom: 1px solid #e5e5e5; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {
  float: right;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  -webkit-appearance: none;
  filter: alpha(opacity=100);
  opacity: 1; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {
  float: left;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 2.5; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-body {
  position: relative;
  padding: 15px 15px 5px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form {
  margin-bottom: 10px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer {
  margin-top: 10px;
  margin-bottom: 0; }

.sun-editor .se-dialog .se-dialog-inner input:disabled {
  background-color: #f3f3f3; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text {
  width: 100%; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-h, .sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-w {
  width: 70px;
  text-align: center; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-x {
  margin: 0 8px;
  width: 25px;
  text-align: center; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer {
  height: auto;
  min-height: 55px;
  padding: 10px 15px 0;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div {
  float: left; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div > label {
  margin: 0 5px 0 0; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-radio {
  margin-left: 12px;
  margin-right: 6px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-check {
  margin-left: 12px;
  margin-right: 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer .se-dialog-btn-check {
  margin-left: 0;
  margin-right: 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child {
  margin-right: 16px;
  margin-left: 0; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files > input {
  -ms-flex: auto;
      flex: auto; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button {
  -ms-flex: auto;
      flex: auto;
  opacity: .8;
  border: 1px solid #ccc; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button.se-file-remove > svg {
  width: 8px;
  height: 8px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:hover {
  background-color: #f0f0f0;
  outline: 0 none; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:active {
  background-color: #e9e9e9;
  box-shadow: inset 0 3px 5px #d6d6d6; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select {
  display: inline-block;
  width: auto;
  height: 34px;
  font-size: 14px;
  text-align: center;
  line-height: 1.42857143; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-control {
  display: inline-block;
  width: 70px;
  height: 34px;
  font-size: 14px;
  text-align: center;
  line-height: 1.42857143; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form {
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  padding: 0 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url {
  direction: ltr; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url:disabled {
  text-decoration: line-through;
  color: #999; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio {
  width: 70px;
  margin-left: 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form a {
  color: #004cff; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert {
  border: 1px solid #ccc; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-dialog-tabs {
  width: 100%;
  height: 25px;
  border-bottom: 1px solid #e5e5e5; }

.sun-editor .se-dialog-tabs button {
  background-color: #e5e5e5;
  border-right: 1px solid #e5e5e5;
  float: left;
  outline: none;
  padding: 2px 13px;
  transition: .3s; }

.sun-editor .se-dialog-tabs button:hover {
  background-color: #fff; }

.sun-editor .se-dialog-tabs button.active {
  background-color: #fff;
  border-bottom: 0; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp {
  resize: vertical;
  height: 4rem;
  border: 1px solid #ccc;
  font-size: 13px;
  padding: 4px;
  direction: ltr; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select.se-math-size {
  width: 6em;
  height: 28px;
  margin-left: 1em; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview {
  font-size: 13px; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > span {
  display: inline-block;
  box-shadow: 0 0 0 .1rem #c7deff; }

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > span * {
  direction: ltr; }

.sun-editor .se-dialog .se-dialog-inner .se-link-preview {
  display: block;
  height: auto;
  max-height: 18px;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
  color: #666;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: pre; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-svg.se-anchor-preview-icon {
  -ms-flex: unset;
      flex: unset;
  display: none;
  line-height: 1.5;
  color: #4592ff; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-link-preview {
  -ms-flex: auto;
      flex: auto;
  margin: 0; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel {
  height: 34px; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-btn {
  width: 46px;
  color: #3f9dff; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-wrapper {
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  padding-top: 6px; }

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-preview {
  text-align: left; }

.sun-editor .se-controller .se-arrow.se-arrow-up {
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.sun-editor .se-controller {
  position: absolute;
  display: none;
  overflow: visible;
  z-index: 6;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto; }

.sun-editor .se-controller .se-btn-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  padding: 2px;
  top: 0;
  left: 0; }

.sun-editor .se-controller .se-btn-group .se-btn-group-sub {
  left: 50%;
  min-width: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: none; }

.sun-editor .se-controller .se-btn-group .se-btn-group-sub button {
  margin: 0;
  min-width: 72px; }

.sun-editor .se-controller .se-btn-group button {
  position: relative;
  min-height: 34px;
  height: auto;
  border: none;
  border-radius: 4px;
  margin: 1px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.sun-editor .se-controller .se-btn-group button:focus:enabled, .sun-editor .se-controller .se-btn-group button:hover:enabled {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-controller .se-btn-group button:active:enabled {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-controller .se-btn-group button span {
  display: block;
  padding: 0;
  margin: 0; }

.sun-editor .se-controller .se-btn-group button:enabled.active {
  color: #4592ff;
  outline: 0 none; }

.sun-editor .se-controller .se-btn-group button:enabled.active:focus, .sun-editor .se-controller .se-btn-group button:enabled.active:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-controller .se-btn-group button:enabled.active:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1; }

.sun-editor .se-controller .se-btn-group button:enabled.on {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none; }

.sun-editor .se-controller .se-btn-group button:enabled.on:focus, .sun-editor .se-controller .se-btn-group button:enabled.on:hover {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none; }

.sun-editor .se-controller .se-btn-group button:enabled.on:active {
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  box-shadow: inset 0 3px 5px #b1b1b1; }

.sun-editor .se-controller .se-form-group input {
  min-width: 120px; }

.sun-editor .se-controller-resizing {
  margin-top: -50px !important;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143; }

.sun-editor .se-controller-resizing .se-btn-group .se-btn-group-sub.se-resizing-align-list {
  width: 74px; }

.sun-editor .se-resizing-container {
  position: absolute;
  display: none;
  outline: 1px solid #3f9dff;
  background-color: transparent; }

.sun-editor .se-resizing-container .se-modal-resize {
  position: absolute;
  display: inline-block;
  background-color: #3f9dff;
  opacity: .3; }

.sun-editor .se-resizing-container .se-resize-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.sun-editor .se-resizing-container .se-resize-dot > span {
  position: absolute;
  width: 7px;
  height: 7px;
  background-color: #3f9dff;
  border: 1px solid #4592ff; }

.sun-editor .se-resizing-container .se-resize-dot > span.tl {
  top: -5px;
  left: -5px;
  cursor: nw-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.tr {
  top: -5px;
  right: -5px;
  cursor: ne-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.bl {
  bottom: -5px;
  left: -5px;
  cursor: sw-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.br {
  right: -5px;
  bottom: -5px;
  cursor: se-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.lw {
  left: -7px;
  bottom: 50%;
  cursor: w-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.th {
  left: 50%;
  top: -7px;
  cursor: n-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.rw {
  right: -7px;
  bottom: 50%;
  cursor: e-resize; }

.sun-editor .se-resizing-container .se-resize-dot > span.bh {
  right: 50%;
  bottom: -7px;
  cursor: s-resize; }

.sun-editor .se-resizing-container .se-resize-display {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #333;
  border-radius: 4px; }

.sun-editor .se-controller-table, .sun-editor .se-controller-table-cell {
  width: auto; }

.sun-editor .se-controller-link, .sun-editor .se-controller-table, .sun-editor .se-controller-table-cell {
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143; }

.sun-editor .se-controller-link:after, .sun-editor .se-controller-link:before {
  box-sizing: border-box; }

.sun-editor .se-controller-link .link-content {
  padding: 0;
  margin: 0; }

.sun-editor .se-controller-link .link-content a {
  display: inline-block;
  color: #4592ff;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  margin-left: 5px; }

.sun-editor .se-select-list {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: auto;
  max-width: 100%;
  background-color: #fff;
  padding: 0;
  margin: 0;
  border: 1px solid #bababa;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0 none; }

.sun-editor .se-select-list .se-select-item {
  line-height: 28px;
  min-height: 28px;
  font-size: 13px;
  padding: 0 5px;
  margin: 2px 0;
  cursor: pointer; }

.sun-editor .se-select-list.__se_select-menu-mouse-move .se-select-item:hover, .sun-editor .se-select-list:not(.__se_select-menu-mouse-move) .se-select-item.active {
  background-color: #e1e1e1; }

.sun-editor .se-dialog-form-files .se-select-list {
  width: 100%; }

.sun-editor .se-file-browser {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647; }

.sun-editor .se-file-browser button, .sun-editor .se-file-browser input, .sun-editor .se-file-browser label {
  font-size: 14px;
  line-height: 1.5;
  color: #111;
  margin: 0; }

.sun-editor .se-file-browser .se-file-browser-back {
  background-color: #222;
  opacity: .5; }

.sun-editor .se-file-browser .se-file-browser-back, .sun-editor .se-file-browser .se-file-browser-inner {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
  position: relative;
  width: 960px;
  max-width: 100%;
  margin: 20px auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.sun-editor .se-file-browser .se-file-browser-header {
  height: auto;
  min-height: 50px;
  padding: 6px 15px;
  border-bottom: 1px solid #e5e5e5; }

.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close {
  float: right;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  -webkit-appearance: none;
  filter: alpha(opacity=100);
  opacity: 1; }

.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close > svg {
  width: 12px;
  height: 12px; }

.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 2.2; }

.sun-editor .se-file-browser .se-file-browser-tags {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  margin: 0 -15px; }

.sun-editor .se-file-browser .se-file-browser-tags a {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 6px 12px;
  margin: 8px 0 8px 8px;
  color: #333;
  text-decoration: none;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  background-clip: padding-box;
  cursor: pointer; }

.sun-editor .se-file-browser .se-file-browser-tags a:hover {
  background-color: #e1e1e1; }

.sun-editor .se-file-browser .se-file-browser-tags a:active {
  background-color: #d1d1d1; }

.sun-editor .se-file-browser .se-file-browser-tags a.on {
  background-color: #ebf3fe;
  color: #4592ff; }

.sun-editor .se-file-browser .se-file-browser-tags a.on:hover {
  background-color: #d8e8fe; }

.sun-editor .se-file-browser .se-file-browser-tags a.on:active {
  background-color: #c7deff; }

.sun-editor .se-file-browser .se-file-browser-body {
  position: relative;
  height: auto;
  min-height: 350px;
  padding: 20px;
  overflow-y: auto; }

.sun-editor .se-file-browser .se-file-browser-body .se-file-browser-list {
  position: relative;
  width: 100%; }

@media screen and (max-width: 992px) {
  .sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
    width: 748px; } }

@media screen and (max-width: 768px) {
  .sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
    width: 600px; } }

.sun-editor .se-file-browser .se-file-browser-list .se-file-item-column {
  position: relative;
  display: block;
  height: auto;
  float: left; }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
  width: calc(25% - 20px);
  margin: 0 10px; }

@media screen and (max-width: 992px) {
  .sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
    width: calc(33% - 20px); } }

@media screen and (max-width: 768px) {
  .sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
    width: calc(50% - 20px); } }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  height: auto;
  border-radius: 4px;
  outline: 0;
  margin: 10px 0; }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img:hover {
  opacity: .8;
  box-shadow: 0 0 0 .2rem #3288ff; }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 4px;
  outline: 0;
  height: auto; }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  color: #fff;
  left: 0;
  bottom: 0;
  padding: 5px 10px;
  background-color: transparent;
  width: 100%;
  height: 30px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name.se-file-name-back {
  background-color: #333;
  opacity: .6; }

.sun-editor .se-notice {
  position: absolute;
  top: 0;
  display: none;
  z-index: 7;
  width: 100%;
  height: auto;
  word-break: break-all;
  font-size: 13px;
  color: #b94a48;
  background-color: #f2dede;
  padding: 15px;
  margin: 0;
  border: 1px solid #eed3d7;
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto; }

.sun-editor .se-notice button {
  float: right;
  padding: 7px; }

.sun-editor .se-tooltip {
  position: relative;
  overflow: visible; }

.sun-editor .se-tooltip .se-tooltip-inner {
  visibility: hidden;
  position: absolute;
  display: block;
  width: auto;
  top: 120%;
  left: 50%;
  background: transparent;
  opacity: 0;
  z-index: 1;
  line-height: 1.5;
  transition: opacity .5s;
  margin: 0;
  padding: 0;
  bottom: auto;
  float: none;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden; }

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {
  position: relative;
  display: inline-block;
  width: auto;
  left: -50%;
  font-size: .9em;
  margin: 0;
  padding: 4px 6px;
  border-radius: 2px;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: unset;
  white-space: nowrap;
  cursor: auto; }

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom-color: #333; }

.sun-editor .se-tooltip:hover .se-tooltip-inner {
  visibility: visible;
  opacity: 1; }

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
  display: block !important; }

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut > .se-shortcut-key {
  display: inline;
  font-weight: 700; }

.sun-editor.se-rtl .se-btn-tray {
  direction: rtl; }

.sun-editor.se-rtl .se-btn-select .txt {
  -ms-flex: auto;
      flex: auto;
  text-align: right;
  direction: rtl; }

.sun-editor.se-rtl .se-btn-list {
  text-align: right; }

.sun-editor.se-rtl .se-btn-list > .se-list-icon {
  margin: -1px 0 0 10px; }

.sun-editor.se-rtl .se-menu-list, .sun-editor.se-rtl .se-menu-list li {
  float: right; }

.sun-editor.se-rtl .se-list-layer * {
  direction: rtl; }

.sun-editor.se-rtl .se-list-layer.se-list-format ul blockquote {
  padding: 0 7px 0 0;
  border-right-width: 5px;
  border-left-width: 0; }

.sun-editor.se-rtl .se-list-layer .se-selector-color .se-color-pallet li {
  float: right; }

.sun-editor.se-rtl .se-list-inner .se-list-checked li button > .se-svg {
  float: right;
  padding: 6px 0 0 6px; }

.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text, .sun-editor.se-rtl .se-wrapper .se-placeholder {
  direction: rtl; }

.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
  direction: ltr; }

.sun-editor.se-rtl .se-dialog * {
  direction: rtl; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {
  float: left; }

.sun-editor.se-rtl .se-dialog-tabs button, .sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {
  float: right; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-size-text {
  padding-right: 34px; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer .se-btn-primary {
  float: left; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer > div {
  float: right; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer > div > label {
  margin: 0 0 0 5px; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child {
  margin-left: 16px;
  margin-right: 0; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-preview {
  margin-left: 4px;
  text-align: right; }

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-btn {
  float: right; }

.sun-editor.se-rtl .se-file-browser * {
  direction: rtl; }

.sun-editor.se-rtl .se-file-browser .se-file-browser-tags {
  text-align: right; }

.sun-editor.se-rtl .se-file-browser .se-file-browser-tags a {
  margin: 8px 8px 0; }

.sun-editor.se-rtl .se-file-browser .se-file-browser-header .se-file-browser-close {
  float: left; }

.sun-editor.se-rtl .se-controller .se-btn-group, .sun-editor.se-rtl .se-resizing-container .se-resize-display {
  direction: rtl; }

@keyframes blinker {
  50% {
    opacity: 0; } }

@keyframes spinner {
  to {
    transform: rotate(361deg); } }

.sun-editor-editable {
  font-family: Helvetica Neue,sans-serif;
  font-size: 13px;
  color: #333;
  line-height: 1.5;
  background-color: #fff;
  word-break: normal;
  word-wrap: break-word;
  padding: 16px;
  margin: 0; }

.sun-editor-editable * {
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  white-space: normal !important; }

.sun-editor-editable.se-rtl * {
  direction: rtl; }

.sun-editor-editable audio, .sun-editor-editable figcaption, .sun-editor-editable figure, .sun-editor-editable iframe, .sun-editor-editable img, .sun-editor-editable td, .sun-editor-editable th, .sun-editor-editable video {
  position: relative; }

.sun-editor-editable .__se__float-left {
  float: left; }

.sun-editor-editable .__se__float-right {
  float: right; }

.sun-editor-editable .__se__float-center {
  float: center; }

.sun-editor-editable .__se__float-none {
  float: none; }

.sun-editor-editable span {
  display: inline;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

.sun-editor-editable span.katex {
  display: inline-block; }

.sun-editor-editable span.katex * {
  direction: ltr; }

.sun-editor-editable a {
  color: #004cff;
  text-decoration: none; }

.sun-editor-editable span[style~="color:"] a {
  color: inherit; }

.sun-editor-editable a:focus, .sun-editor-editable a:hover {
  cursor: pointer;
  color: #0093ff;
  text-decoration: underline; }

.sun-editor-editable a.on {
  color: #0093ff;
  background-color: #e8f7ff; }

.sun-editor-editable pre {
  display: block;
  padding: 8px;
  margin: 0 0 10px;
  font-family: monospace;
  color: #666;
  line-height: 1.45;
  background-color: #f9f9f9;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  white-space: pre-wrap !important;
  word-wrap: break-word;
  overflow: visible; }

.sun-editor-editable ol {
  list-style-type: decimal; }

.sun-editor-editable ol, .sun-editor-editable ul {
  list-style-position: outside;
  display: block;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px; }

.sun-editor-editable ul {
  list-style-type: disc; }

.sun-editor-editable li {
  display: list-item;
  text-align: -webkit-match-parent;
  margin-bottom: 5px; }

.sun-editor-editable ol ol, .sun-editor-editable ol ul, .sun-editor-editable ul ol, .sun-editor-editable ul ul {
  margin: 0; }

.sun-editor-editable ol ol, .sun-editor-editable ul ol {
  list-style-type: lower-alpha; }

.sun-editor-editable ol ol ol, .sun-editor-editable ul ol ol, .sun-editor-editable ul ul ol {
  list-style-type: upper-roman; }

.sun-editor-editable ol ul, .sun-editor-editable ul ul {
  list-style-type: circle; }

.sun-editor-editable ol ol ul, .sun-editor-editable ol ul ul, .sun-editor-editable ul ul ul {
  list-style-type: square; }

.sun-editor-editable sub, .sun-editor-editable sup {
  font-size: 75%;
  line-height: 0; }

.sun-editor-editable sub {
  vertical-align: sub; }

.sun-editor-editable sup {
  vertical-align: super; }

.sun-editor-editable p {
  display: block;
  margin: 0 0 10px; }

.sun-editor-editable div {
  display: block;
  margin: 0;
  padding: 0; }

.sun-editor-editable blockquote {
  display: block;
  font-family: inherit;
  font-size: inherit;
  color: #999;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  padding: 0 5px 0 20px;
  border: solid #b1b1b1;
  border-width: 0 0 0 5px; }

.sun-editor-editable blockquote blockquote {
  border-color: #c1c1c1; }

.sun-editor-editable blockquote blockquote blockquote {
  border-color: #d1d1d1; }

.sun-editor-editable blockquote blockquote blockquote blockquote {
  border-color: #e1e1e1; }

.sun-editor-editable.se-rtl blockquote {
  padding-left: 5px;
  padding-right: 20px;
  border-left-width: 0;
  border-right-width: 5px; }

.sun-editor-editable h1 {
  font-size: 2em;
  -webkit-margin-before: .67em;
          margin-block-start: .67em;
  -webkit-margin-after: .67em;
          margin-block-end: .67em; }

.sun-editor-editable h1, .sun-editor-editable h2 {
  display: block;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: 700; }

.sun-editor-editable h2 {
  font-size: 1.5em;
  -webkit-margin-before: .83em;
          margin-block-start: .83em;
  -webkit-margin-after: .83em;
          margin-block-end: .83em; }

.sun-editor-editable h3 {
  font-size: 1.17em;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em; }

.sun-editor-editable h3, .sun-editor-editable h4 {
  display: block;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: 700; }

.sun-editor-editable h4 {
  font-size: 1em;
  -webkit-margin-before: 1.33em;
          margin-block-start: 1.33em;
  -webkit-margin-after: 1.33em;
          margin-block-end: 1.33em; }

.sun-editor-editable h5 {
  font-size: .83em;
  -webkit-margin-before: 1.67em;
          margin-block-start: 1.67em;
  -webkit-margin-after: 1.67em;
          margin-block-end: 1.67em; }

.sun-editor-editable h5, .sun-editor-editable h6 {
  display: block;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: 700; }

.sun-editor-editable h6 {
  font-size: .67em;
  -webkit-margin-before: 2.33em;
          margin-block-start: 2.33em;
  -webkit-margin-after: 2.33em;
          margin-block-end: 2.33em; }

.sun-editor-editable hr {
  display: -ms-flexbox;
  display: flex;
  border-width: 1px 0 0;
  border-color: #000;
  -o-border-image: initial;
     border-image: initial;
  height: 1px; }

.sun-editor-editable hr.__se__solid {
  border-style: solid none none; }

.sun-editor-editable hr.__se__dotted {
  border-style: dotted none none; }

.sun-editor-editable hr.__se__dashed {
  border-style: dashed none none; }

.sun-editor-editable hr.on {
  border-color: #4592ff;
  box-shadow: 0 0 0 .1rem #c7deff; }

.sun-editor-editable table {
  display: table;
  table-layout: auto;
  border: 1px solid #ccc;
  width: 100%;
  max-width: 100%;
  margin: 0 0 10px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse; }

.sun-editor-editable.se-rtl table {
  margin: 0 0 10px auto; }

.sun-editor-editable table thead {
  border-bottom: 2px solid #333; }

.sun-editor-editable table tr {
  border: 1px solid #efefef; }

.sun-editor-editable table th {
  background-color: #f3f3f3; }

.sun-editor-editable table td, .sun-editor-editable table th {
  border: 1px solid #e1e1e1;
  padding: .4em;
  background-clip: padding-box; }

.sun-editor-editable table.se-table-size-auto {
  width: auto !important; }

.sun-editor-editable table.se-table-size-100 {
  width: 100% !important; }

.sun-editor-editable table.se-table-layout-auto {
  table-layout: auto !important; }

.sun-editor-editable table.se-table-layout-fixed {
  table-layout: fixed !important; }

.sun-editor-editable table td.se-table-selected-cell, .sun-editor-editable table th.se-table-selected-cell {
  outline: 1px double #4592ff; }

.sun-editor-editable.se-disabled * {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.sun-editor-editable .se-component {
  display: -ms-flexbox;
  display: flex;
  padding: 1px;
  margin: 0 0 10px; }

.sun-editor-editable[contenteditable=true] .se-component {
  outline: 1px dashed #e1e1e1;
  min-width: 16px;
  min-height: 16px; }

.sun-editor-editable[contenteditable=true] .se-component.se-component-copy {
  box-shadow: 0 0 0 .2rem #3f9dff;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.sun-editor-editable audio, .sun-editor-editable iframe, .sun-editor-editable img, .sun-editor-editable video {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  max-width: 100%; }

.sun-editor-editable[contenteditable=true] figure:after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  display: block;
  background: transparent; }

.sun-editor-editable[contenteditable=true] figure a, .sun-editor-editable[contenteditable=true] figure iframe, .sun-editor-editable[contenteditable=true] figure img, .sun-editor-editable[contenteditable=true] figure video {
  z-index: 0; }

.sun-editor-editable[contenteditable=true] figure figcaption {
  display: block;
  z-index: 2; }

.sun-editor-editable[contenteditable=true] figure figcaption:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem #c7deff; }

.sun-editor-editable .se-image-container, .sun-editor-editable .se-video-container {
  width: auto;
  height: auto;
  max-width: 100%; }

.sun-editor-editable figure {
  display: block;
  outline: none;
  margin: 0;
  padding: 0; }

.sun-editor-editable figure figcaption {
  padding: 1em .5em;
  margin: 0;
  background-color: #f9f9f9;
  outline: none; }

.sun-editor-editable figure figcaption p {
  line-height: 2;
  margin: 0; }

.sun-editor-editable .se-image-container a img {
  padding: 1px;
  margin: 1px;
  outline: 1px solid #4592ff; }

.sun-editor-editable .se-video-container iframe, .sun-editor-editable .se-video-container video {
  outline: 1px solid #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%; }

.sun-editor-editable .se-video-container figure {
  left: 0;
  width: 100%;
  max-width: 100%; }

.sun-editor-editable audio {
  width: 300px;
  height: 54px; }

.sun-editor-editable audio.active {
  outline: 2px solid #80bdff; }

.sun-editor-editable.se-show-block div, .sun-editor-editable.se-show-block h1, .sun-editor-editable.se-show-block h2, .sun-editor-editable.se-show-block h3, .sun-editor-editable.se-show-block h4, .sun-editor-editable.se-show-block h5, .sun-editor-editable.se-show-block h6, .sun-editor-editable.se-show-block li, .sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block p, .sun-editor-editable.se-show-block pre, .sun-editor-editable.se-show-block ul {
  border: 1px dashed #3f9dff !important;
  padding: 14px 8px 8px !important; }

.sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block ul {
  border: 1px dashed #d539ff !important; }

.sun-editor-editable.se-show-block pre {
  border: 1px dashed #27c022 !important; }

.se-show-block p {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==") no-repeat; }

.se-show-block div {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==") no-repeat; }

.se-show-block h1 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC") no-repeat; }

.se-show-block h2 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==") no-repeat; }

.se-show-block h3 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC") no-repeat; }

.se-show-block h4 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC") no-repeat; }

.se-show-block h5 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC") no-repeat; }

.se-show-block h6 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC") no-repeat; }

.se-show-block li {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==") no-repeat; }

.se-show-block ol {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==") no-repeat; }

.se-show-block ul {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==") no-repeat; }

.sun-editor-editable .__se__p-bordered, .sun-editor .__se__p-bordered {
  border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
  padding: 4px 0; }

.sun-editor-editable .__se__p-spaced, .sun-editor .__se__p-spaced {
  letter-spacing: 1px; }

.sun-editor-editable .__se__p-neon, .sun-editor .__se__p-neon {
  font-weight: 200;
  font-style: italic;
  background: #000;
  color: #fff;
  padding: 6px 4px;
  border: 2px solid #fff;
  border-radius: 6px;
  text-transform: uppercase;
  animation: neonFlicker 1.5s infinite alternate; }

@keyframes neonFlicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, to {
    text-shadow: -.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2px #f40,0 0 4px #f40,0 0 6px #f40,0 0 8px #f40,0 0 10px #f40;
    box-shadow: 0 0 .5px #fff,inset 0 0 .5px #fff,0 0 2px #08f,inset 0 0 2px #08f,0 0 4px #08f,inset 0 0 4px #08f; }
  20%, 24%, 55% {
    text-shadow: none;
    box-shadow: none; } }

.sun-editor-editable .__se__t-shadow, .sun-editor .__se__t-shadow {
  text-shadow: -.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 .2rem #999,0 0 .4rem #888,0 0 .6rem #777,0 0 .8rem #666,0 0 1rem #555; }

.sun-editor-editable .__se__t-code, .sun-editor .__se__t-code {
  font-family: monospace;
  color: #666;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 6px;
  padding: .2em .4em; }
@font-face {
  font-family: "Roboto Thin";
  src: local(Roboto Thin), url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJkZmU1NmE4NzZkMDI4MjU1NWQxZTI0NThlMjc4MDYwZi5lb3QiOw==);
  src: url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJkZmU1NmE4NzZkMDI4MjU1NWQxZTI0NThlMjc4MDYwZi5lb3QiOw==?#iefix) format("embedded-opentype"), url(/954bbdeb86483e4ffea00c4591530ece.woff2) format("woff2"), url(/7500519de3d82e33d1587f8042e2afcb.woff) format("woff"), url(/94998475f6aea65f558494802416c1cf.ttf) format("truetype");
  font-weight: 200; }

@font-face {
  font-family: "Roboto Light";
  src: local(Roboto Light), url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJhOTkwZjYxMWYyMzA1ZGMxMjk2NWYxODZjMmVmMjY5MC5lb3QiOw==);
  src: url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJhOTkwZjYxMWYyMzA1ZGMxMjk2NWYxODZjMmVmMjY5MC5lb3QiOw==?#iefix) format("embedded-opentype"), url(/69f8a0617ac472f78e45841323a3df9e.woff2) format("woff2"), url(/3b813c2ae0d04909a33a18d792912ee7.woff) format("woff"), url(/46e48ce0628835f68a7369d0254e4283.ttf) format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIzMDc5OWVmYTViZjc0MTI5NDY4YWQ0ZTI1NzU1MWRjMy5lb3QiOw==);
  src: url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIzMDc5OWVmYTViZjc0MTI5NDY4YWQ0ZTI1NzU1MWRjMy5lb3QiOw==?#iefix) format("embedded-opentype"), url(/2751ee43015f9884c3642f103b7f70c9.woff2) format("woff2"), url(/ba3dcd8903e3d0af5de7792777f8ae0d.woff) format("woff"), url(/df7b648ce5356ea1ebce435b3459fd60.ttf) format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Roboto Medium";
  src: url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICI0ZDlmM2Y5ZTUxOTVlN2IwNzRiYjYzYmE0Y2U0MjIwOC5lb3QiOw==);
  src: url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICI0ZDlmM2Y5ZTUxOTVlN2IwNzRiYjYzYmE0Y2U0MjIwOC5lb3QiOw==?#iefix) format("embedded-opentype"), url(/574fd0b50367f886d359e8264938fc37.woff2) format("woff2"), url(/fc78759e93a6cac50458610e3d9d63a0.woff) format("woff"), url(/894a2ede85a483bf9bedefd4db45cdb9.ttf) format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Roboto Bold";
  src: url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJlY2RkNTA5Y2FkYmYxZWE3OGI4ZDJlMzFlYzUyMzI4Yy5lb3QiOw==);
  src: url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJlY2RkNTA5Y2FkYmYxZWE3OGI4ZDJlMzFlYzUyMzI4Yy5lb3QiOw==?#iefix) format("embedded-opentype"), url(/39b2c3031be6b4ea96e2e3e95d307814.woff2) format("woff2"), url(/dc81817def276b4f21395f7ea5e88dcd.woff) format("woff"), url(/e31fcf1885e371e19f5786c2bdfeae1b.ttf) format("truetype");
  font-weight: 700; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJlNzliZmQ4ODUzN2RlZjQ3NjkxM2YzZWQ1MmY0ZjRiMy5lb3QiOw==);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/a85ccf360fecc9e944dae3617f131577.woff2) format("woff2"), url(/012cf6a10129e2275d79d6adac7f3b02.woff) format("woff"), url(/a37b0c01c0baf1888ca812cc0508f6e2.ttf) format("truetype"); }

@font-face {
  font-family: 'Open Sans';
  src: url(/629a55a7e793da068dc580d184cc0e31.ttf) format("truetype"), url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIwNmEwNDUzN2RiOTI5NDY4MWY5M2JjMTJiZDFkOWM1My5lb3QiOw==), url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIwNmEwNDUzN2RiOTI5NDY4MWY5M2JjMTJiZDFkOWM1My5lb3QiOw==?#iefix) format("embedded-opentype"), url(/ccbcebffbfd5d9bcf561580173711b20.woff) format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans Bold';
  src: url(/50145685042b4df07a1fd19957275b81.ttf) format("truetype"), url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIzMzY5NmMxNjkxYjQzNGY1OGRkMjg4N2YyZmEyYTMwZi5lb3QiOw==), url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIzMzY5NmMxNjkxYjQzNGY1OGRkMjg4N2YyZmEyYTMwZi5lb3QiOw==?#iefix) format("embedded-opentype"), url(/b1672fcdd51416384246caaf940f5c14.woff) format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans Semi Bold';
  src: url(/33f225b8f5f7d6b34a0926f58f96c1e9.ttf) format("truetype"), url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJlMzA5YjRhZWY4ZTM2YTNkNmFhNTRjOWU5ODE0ZjM0OS5lb3QiOw==), url(data:application/vnd.ms-fontobject;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJlMzA5YjRhZWY4ZTM2YTNkNmFhNTRjOWU5ODE0ZjM0OS5lb3QiOw==?#iefix) format("embedded-opentype"), url(/8976f3ef9e3a0f34c34acf69ed0d474a.woff) format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Inter';
  src: url(/35b7cf4cc47ac526b745c7c29d885f60.ttf);
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Inter';
  src: url(/909744bbb5a7ede41ce522a1507e952c.ttf);
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Inter';
  src: url(/6ffbefc66468b90d7af1cbe1e9f13430.ttf);
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Inter';
  src: url(/515cae74eee4925d56e6ac70c25fc0f6.ttf);
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Inter';
  src: url(/5ff1f2a9a78730d7d0c309320ff3c9c7.ttf);
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Inter';
  src: url(/ec60b23f3405050f546f4765a9e90fec.ttf);
  font-weight: 600;
  font-style: normal; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'icomoon';
  src: url(/26d1f988dcb855d02fd669109b7b4637.eot);
  src: url(/26d1f988dcb855d02fd669109b7b4637.eot#iefix) format("embedded-opentype"), url(/42d113a223b1839684ce71cf6d41fc9b.ttf) format("truetype"), url(data:application/font-woff;base64,d09GRgABAAAAABH0AAsAAAAAEagAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxGtFmNtYXAAAAFoAAAAXAAAAFygUKDDZ2FzcAAAAcQAAAAIAAAACAAAABBnbHlmAAABzAAADZQAAA2UuU5ZEmhlYWQAAA9gAAAANgAAADYLZMruaGhlYQAAD5gAAAAkAAAAJAfCA9NobXR4AAAPvAAAAEgAAABIPTMFfmxvY2EAABAEAAAAJgAAACYhVBzwbWF4cAAAECwAAAAgAAAAIAAbAgVuYW1lAAAQTAAAAYYAAAGGmUoJ+3Bvc3QAABHUAAAAIAAAACAAAwAAAAMD0AGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAQAAAAAACAAAAAAAAAAAAAAAQAAAoBQDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAEAIKAJoBT//f//AAAAAAAgoAGgEP/9//8AAf/jYANf/QADAAEAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAEAAoAJgP6AzoAEwAmACoALgAAJSEuATURPgEzIRchHgEVERQGIzEBIgYHExQWMyEyNjURNCYjISchASMRMxchNSEDsPydEzACICcBT3ABoRM0ISn8oxoPAQElAQNgHQ0nAf5PcP7CAb0gIJr+qQFXJgQnLAJzFDanAR0l/iAWNAL0KAT9jyMUJQUB4BgLp/2TAWPDIAAAAAMBpv/AAm0DwAALABcAIwAAARQGIyImNTQ2MzIWERQGIyImNTQ2MzIWERQGIyImNTQ2MzIWAm06KSk7OykpOjopKTs7KSk6OikpOzspKToDXSk6OikpOjr+Oik6OikpOjr+Oik6OikpOjoAAAQAk//AA2oDwAAKACAAZQBvAAABLgEnDgEHPgE3MQEnLgEjISIGFREUFjMhMjY1ETYmJzEDMQ4BIyImJzEuAScOAQ8BDgEjKgExIy4BJyY2NTc+ATc+ATcuATEuATc+ATc2FhceAQcwFDEeARc6ATMyFjMwFhceAQcDIiYnLgE9ARcjAg0fNBQHDgccQyQBWawFCgX+BwoQEAoCowwOAgMDbAUfEwwVAhYuFituMAMRMQ4DBAMHDQIICwMOIxUKHAcHDBMPBQUXBwwaBwwJBRZVNQcSBxsjAisPCQYCagIFAwIBraABnRorERpCGgkQBwFwrQIEEAr8NAoQEAoDIAQKBf5NGBgHAg8dEQITGA05HQINBw8fAgcOHAwkbiEIDBUnEBEQAwIGCQwzJAQVSykDBxMFFQwBeQECAwUCoK0ACAAlAK8DEAOdAMAAxgDMAR0BIQEnAZQCAgAAATsBMDIVMTIwMxUwMhUwMhUwFhUwFBUcARUiFBUwBhUwBjEUBhUUIhUOAQcOAQcOAQcOAQcOAQcOAQcOAQcOAQciMBUiBiMwBjEOAQ8DIgYxBiYnMCY1JwciMCMUIjEiJic0JjE8ATUwNDE+ATUwNjUwNDkBPQE8ATUxMDQ3OAExPgE1PgE3PgE3PgE3PgE3PgE/AjAyNzIWFxQWMTIUMRc+ATc+ATc+ATc+ATc+ATcwNDMwNjM4ATMxMzAyMQEmMDEwFCUwMjEwIicHDgEHDgEHDgEPATc4ATM0MjMyFhcUMhUXPgE3PgE3PgE3MjYzPgE3PgE3PgE3PgE3PgE3PgE/AQ4BDwEOAQcOAQcjBiIjIiYnNCI1Jw4BBxcxOAEzMTc4AQcDOgEXHgEXHgEXHgEXHgEXHgEXHgEXHgEVFgYHDgEHDgEHDgEHDgEHBiYnLgEnIwcwBjEiBiMuAScmNDUiNDU0MjU3LgEjLgEnLgEnLgEnLgEnLgE3PgE3PgE3PgE3PgE3PgE3PgE3NjIzOgEzByIGIw4BBw4BBw4BBw4BBw4BBw4BBw4BBwYWFx4BFx4BFx4BHwEWFDMeARUcARUHPwEwNjMyNhcyMDMyFhceARceATcyNjc+ATc+ATc+ATc+ATU0JicuAScuAScuAScuAScuAScuAScuASMqASMCqwEBAQEBAQEBAQEBAQERIBAPHA8ECAUECAUIEAgIEQkDBgMDBQIBAQEBAQMEAgYGAQEBAwQCAS7YAQECAgQBAQEBAQEBAQEDAQQJBAkRCQsWCwUIBQaAAQECBAIBATIcNxsIEQgQIBAECAQBAgIBAQEBAQH94gEBJwEBaTwHDwcKEwoIEgkFwgEBAQIEAgEtAgQCAQEBAgICAQEBCREJBAoEChIKBw4HCxULCxgLAw4aDhYOHA0QHxABAQEBAgQBATIPHQ5lAQEBFAgPCBAgEAcNBixPIQkQBwgPBgcMBAUGAQUGBxYOEi0aIEgmEicTEycTCxYKArkBAQMBBAUBAQEBNAECAgECAgcOBg4XCQsQBAMBAwIIBgUNBwcPCQcQCSVaMBAfEAcOBwEDAQUGDgcOHA4HDAYpTB8IDgcHDgYHCwQFBwEBAgQFEQsKGA4GDgcBAQEBAS6gAgEBAQMBAQECAwEKFAoSJhITJRMiQx0YKRENFQYFBQUEBAoHBQ0IBg8IH04pBw4GDhsOBg4HAgQDAvEBAQEBAQEBAQEEAgEBAgECAQEBAQEPHg8NGw0ECAQECAQHDwcIEAgCBgMCBQIBAQECBAIFBQEBAQICAQF+kQECAgEBAQEBAQIFAgEBAQEBAQEBAQEBAQEBAgEECQQIEQkKFgoFCAQGewEBAQEBAYQSJBIGCwULFQoDBgIBAQEBAf79AQEDojkHDgcJEwkJEAkGgwEBAgEBfQIDAgEBAQECAQIIEAgECQQJEQkGDQcKFAkLFgsCCRIJDgkTCQoVCwEBAgEBgg4cDpIBAQGcAQEFAwIDAg0rHwgRCQoVCw0bDhEiEhQpFBctFBgqERUdCAQEAQECAwIEA4sBAQEDAwECAQIBAQHFAQICAgEGDQcOHxEULBcTJxMQIA8NGAwLEwoIEAcgKgsDBAEBGAEBBAMBAwILKBwHDggJEwkMFwwPHg8SJBIVKBMPHQwGDAUBAQEBBAIBAQGreAEBAQEBAQIEAQMCAQUEBxsTECYWEygVEiUTDx4PDRkMChQJCQ8IHioMAgMCAgQBAQEAAAAEAAAAMAQAA1MASgBWAGIAbgAAAT4DNzYmJyYGBxQOAgcOASMhIiYnLgMxLgErASIGFRQWOwEeAxceARcOARUUFjMyNjU0JiczDgEVFBYzMjY1NCYnPgEFIiY1NDYzMhYVFAYhIiY1NDYzMhYVFAYDNyM1NCYjIgYdASMDlgsjIhkBBRAPEBsFGCMjCxFAFv7gFUARCyMjGQQWDKoQFhYQigcaHBsIChwQGh9TOjlTCAhtBwlTOjpTHxsbH/4QGyUlGxomJgFTGyUlGxomJtGAWRYRERVaAYAfbm1SBA4dBQUQDwFSbXAgMCAgMCBwb1EMERURERYZVFtVGRorDhM8ITpTUzoRIA8PIBE6U1M6ITwTDivsJRsaJiYaGyUlGxomJhobJQF2k6oRFRURrQAABAAAAEMEAANAAEoAVgBiAG8AAAE+Azc2JicmBgcUDgIHDgEjISImJy4DMS4BKwEiBhUUFjsBHgMXHgEXDgEVFBYzMjY1NCYnMw4BFRQWMzI2NTQmJz4BBSImNTQ2MzIWFRQGISImNTQ2MzIWFRQGAxQWMzI2PQEzJwczFQOWCyMiGQEFEA8QGwUYIyMLEUAW/uAVQBELIyMZBBYMqhAWFhCKBxocGwgKHBAaH1M6OVMICG0HCVM6OlMfGxsf/hAbJSUbGiYmAVMbJSUbGiYm9xURERZZgIBaAZMfbm1TAw8cBQUQDgJRbnAfMCAgMB9xblIODhURERUaVFtVGRorDhM7IjpTUzoRIQ4OIRE6U1M6IjsTDivpJhoaJiYaGiYmGhomJhoaJgFzERUVEaqTk6oAAAABAAYAswP6Ar0ADAAACQEGIicBJjYzITIWBwP6/hAFDQX+EwcHCgPdDAgHAqP+EAUFAfAHExMHAAEABgCuA/kCuAAMAAA3ATYyFwEWBiMhIiY3BgHwBQ0FAewICAn8IwwIB8gB8AUF/hAHExMHAAAAAQD9/8YDBgO6AAwAAAUBJjQ3ATYWFREUBicC7f4QBQUB8AcSEgc6AfAFDQUB7QcHCvwjDAgHAAABAQP/xgMNA7oADAAACQEWFAcBBiY1ETQ2FwEdAfAFBf4QBxMTBwO6/hAFDQX+EwcHCgPgCgcHAAIAgABAA3QDNAAFAA8AADcVMwEnAQE2NC8BJiIPAReAoAHYoP4oAvQMDGQNIwxOoOCgAdig/igBtAwjDWQMDE6gAAAAAwBd/8ADpgPAAAIAFQBLAAABIQEBFBYzITI2NREhIiY1ESEiBhURAS4BNTQ2MzIWHwE3OAExPgEzMhYVFAYPARc4ATEeARUUBiMiJi8BBw4BIyImNTQ2NzgBMTcnAm0BGf7n/fAdEwLpFBz+lxMd/oATHQE2AgQVEQ8QBCoqAhARERUEAkNDAgEaDA8QBSYqAhARDhgBAkNAAooBGfxNEx0dEwI9HRMBYx0T/GABkAUJBQ8UFAVNTQcSFA8FCQV6fAUHBBEWFQVQUAcTFhEECQN8egADAC3/vQPTA8AALgAyAFUAAAURNCYnAS4BIyEiBhURFBYzMjY1ESERFBYzIToBMxEhNTQmIyIGHQEUFjMhPgE1ARcjNQEUFjMhBw4BFx4BMzI2PwE+ATU0Ji8BJgYHBhYfASEOARUxA9MFCP7QAg0H/ioPGBYRDhgBgBYQAQ0DAQP9RhYQDxgWEQMDERX+x+Pj/ZMVEQGKfQwBCgUOCgcLB8MIBQUIwwweDAoBDHr+eREVGgKaBw8HARkFBRYQ/lkOGBURAYD+4A4Y/d2WDhgVEb0OGAIXEANn09P+Bg4YbQogDAgFBQSwBQ8JBw8HsAoBDAwfDGwDFQ8AAAABAAAABgQAA3YALAAAASIOAhUjHwE3IzQ+AjMyHgIVFA4CIyImJwceAzM+AzU0LgIjAkpcn3dFk70DxpM2XX1HRnxcNTZdfUdFfS5GHkZPVi1coHhGRXifWgN2RHegW70Gw0d9XTU1XX1HR3xdNjUuRx4vIRICRnegW1ugd0QAAAEAAAABAABWqGyxXw889QALBAAAAAAA1CLDOgAAAADUIsM6AAD/vQQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAABIEAAAAAAAAAAAAAAACAAAABAAACgQAAaYEAACTAzMAJQQAAAAEAAAABAAABgQAAAYEAAD9BAABAwQAAIAEAABdBAAALQQAAAAAAAAAAAoAFAAeAGoAoAFAA94EdgUQBSwFSAVkBYAFogYMBooGygAAAAEAAAASAgMACAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"), url(/eaabcdb4f06d627df1c29e338a819a42.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-create-portfolio:before {
  content: "\A001"; }

.icon-dots:before {
  content: "\A002"; }

.icon-pdf:before {
  content: "\A003"; }

.icon-delete:before {
  content: "\A004"; }

.icon-buy:before {
  content: "\A005"; }

.icon-sell:before {
  content: "\A006"; }

.icon-up-arrow:before {
  content: "\A008"; }

.icon-left-arrow:before {
  content: "\A009"; }

.icon-right-arrow:before {
  content: "\A010"; }

.icon-down-arrow:before {
  content: "\A007"; }

.icon-edit:before {
  content: "\A011"; }

.icon-excel:before {
  content: "\A012"; }

.icon-generate:before {
  content: "\A013"; }

.icon-reverse:before {
  content: "\A014"; }
/*Color Background*/
/*Color Button*/
/*Color Text*/
/*Require Field*/
/*Color Border*/
/*Color Icon*/
/*Height of table*/
/* 15px for scroll bar*/
/* Color Fixed Data Table */
/*Border Radius*/
/*User Selection*/
/*General*/
html, body {
  font-family: 'Inter';
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 14px; }

body {
  background-color: #FAFAFA; }

/* Firefox */
@-moz-document url-prefix() {
  #app {
    overflow: scroll; } }

/* Chrome and Safari */
/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #app {
    overflow: scroll; } }

/* For Edge 12-15 */
@supports (-ms-accelerator: true) {
  #app {
    overflow: scroll; } }

/* For Edge 16+ */
@supports (-ms-ime-align: auto) {
  #app {
    overflow: scroll; } }

.bolding {
  font-weight: bold; }

.red-color {
  color: red; }

.padding-right-10 {
  padding-right: 10px; }

/*Brand MyStock*/
.brand {
  display: table;
  line-height: normal;
  margin: 10px auto 0 auto; }
  .brand span {
    font-family: 'Inter';
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase; }
    .brand span:nth-child(1) {
      color: #3f3f3f; }
    .brand span:nth-child(2) {
      color: #00a0af; }

.underground-not-found {
  background-color: #4068f6; }

.common-btn {
  text-transform: uppercase;
  height: 36px;
  font-family: 'Inter' !important;
  box-shadow: none !important;
  text-align: center;
  line-height: 1; }
  .common-btn.btn-new-ui-default {
    width: auto !important;
    height: 32px;
    background-color: #FFFFFF !important;
    color: #4068F6 !important;
    border-radius: 18px !important;
    border: 1px solid #4068F6;
    box-shadow: none !important;
    padding-top: 0;
    padding-bottom: 0; }
    .common-btn.btn-new-ui-default .core-icon-custom {
      font-family: Material Icons !important;
      font-size: 20px !important;
      margin-right: -6px; }
    .common-btn.btn-new-ui-default:disabled {
      opacity: 0.4;
      cursor: default; }

.row {
  margin: 0 -0.75rem 0 -0.75rem; }
  .row.capitalRecordFilter {
    margin: 0 -0.75rem -20px -0.75rem; }

ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%; }

.input-field {
  margin-bottom: 20px; }

.common-inputTextField {
  border-bottom-color: #00a0af;
  font-size: 14px; }
  .common-inputTextField.currencyField-left span {
    /*$ unit*/
    position: absolute;
    font-family: Inter; }
  .common-inputTextField.currencyField-right span {
    /*$ unit*/
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    font-family: Inter; }
  .common-inputTextField.currencyField-right span + div {
    margin-left: 10px; }
  .common-inputTextField.currencyField-right input {
    padding-left: 8px !important;
    text-align: inherit; }
  .common-inputTextField.sell-details {
    width: 80px !important; }
    .common-inputTextField.sell-details input {
      width: 80px !important; }
  .common-inputTextField.error-text-edit-currency div {
    margin-top: -3px; }
  .common-inputTextField hr:first-child {
    height: 1px; }

.applyAllLabelCheckBox {
  margin-right: 25px;
  line-height: 20px !important; }

.common-field {
  display: block !important;
  margin-bottom: 20px;
  margin-top: 5px; }
  .common-field.state {
    margin-top: 12px; }
  .common-field.bank-form {
    margin-bottom: 16px; }
  .common-field.fix-top {
    margin-top: 16px; }
  .common-field.top {
    margin-top: 20px; }
  .common-field input, .common-field.select-field {
    font-size: 15px !important;
    color: #212121; }
    .common-field input hr:first-child, .common-field.select-field hr:first-child {
      height: 1px; }
  .common-field input[type='text']:disabled {
    color: rgba(0, 0, 0, 0.298039); }
  .common-field.leftText {
    height: 30px;
    padding-top: 38px; }
    .common-field.leftText label {
      vertical-align: middle;
      margin-right: 15px; }
    .common-field.leftText [type="checkbox"] + label {
      display: inline;
      vertical-align: middle; }
  .common-field.full-width .common-inputTextField.currencyField-left input {
    padding-left: 0px !important; }
  .common-field.input-datepicker {
    display: inline-block !important; }
    .common-field.input-datepicker hr:first-child {
      height: 1px; }
  .common-field.button-field {
    margin-top: 18px; }
  .common-field.date-picker-ios {
    width: 120% !important; }

.common-field-sm {
  display: block !important;
  margin-bottom: 20px; }

span.font-icon {
  font-family: 'icomoon' !important; }

/*messageDialod*/
.messageDialog {
  width: 100% !important;
  max-width: 500px !important;
  margin: 0px auto; }
  .messageDialog .messageHeader {
    min-width: 500px;
    color: #ffffff !important;
    font-family: Inter;
    font-weight: 600;
    font-size: 18px !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 12px 20px;
    text-transform: uppercase;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: center; }
    .messageDialog .messageHeader h6 {
      font-size: 20px; }
  .messageDialog .messageBody {
    padding: 24px !important;
    font-family: 'Inter';
    line-height: 1.64;
    overflow-y: auto !important;
    max-height: 300px !important; }
    .messageDialog .messageBody .errorPackageLimit {
      font-size: 16px;
      color: #212121;
      text-align: center; }
  .messageDialog .errorStyleWithoutCenter {
    text-align: unset; }
  .messageDialog .footer-dialog-error {
    border-top: 1px solid #E5E5E5;
    padding: 12px 20px !important; }
    .messageDialog .footer-dialog-error .errorButton {
      background: #d30f03d9 !important;
      border-color: #d30f03d9 !important; }
  .messageDialog .messageActionContainer {
    padding: 0 25px 25px 25px !important; }
    .messageDialog .messageActionContainer .messageButton button {
      background-color: #00a0af !important; }
  .messageDialog.notificationDialog .notificationHeader {
    background-color: #4068F6;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
  .messageDialog.notificationDialog .notificationBody .notificationSummary.title-field {
    color: #8b8b8b !important;
    margin-bottom: 15px; }
  .messageDialog.notificationDialog .notificationBody .notificationSummary.strong {
    font-weight: bold; }
  .messageDialog.notificationDialog .notificationBody .notificationDetail {
    font-size: 14px; }
  .messageDialog.errorDialog .errorHeader {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #d30f03d9;
    text-align: center; }
  .messageDialog.errorDialog .notifyHeader {
    background-color: #4068F6; }
  .messageDialog.operationFailedDialog .operationFailedHeader {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #f44336; }
  .messageDialog.operationFailedDialog .operationFailedBody .operationFailedSummary.title-field {
    color: #8b8b8b !important;
    margin-bottom: 15px; }
  .messageDialog.operationFailedDialog .operationFailedBody .operationFailedSummary.strong {
    font-weight: bold; }
  .messageDialog.operationFailedDialog .operationFailedBody .operationFailedDetail {
    font-size: 14px; }

/*Dialog*/
.myModal {
  width: 100% !important;
  max-width: 452px !important; }
  .myModal .common-btn button {
    box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.25) !important; }
  .myModal .terms-and-conditions-popup {
    min-width: 600px; }
  .myModal .headerModal {
    height: auto !important;
    background-color: #4068F6;
    font-size: 18px !important;
    line-height: 1 !important;
    padding: 12px 0 12px 25px !important;
    text-transform: uppercase;
    color: #ffffff !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
    .myModal .headerModal.redBg {
      background-color: #f44336 !important; }
    .myModal .headerModal h6 {
      font-family: Inter !important;
      font-weight: 600;
      font-size: 20px;
      text-align: center; }
    .myModal .headerModal.delete {
      background: #d30f03d9;
      padding: 12px 20px !important;
      text-align: center; }
  .myModal .footerModal {
    border-top: 1px solid #E5E5E5;
    padding: 12px 20px !important; }
    .myModal .footerModal #action-dialog-cancel-button.delete {
      color: #d30f03d9 !important;
      border: 1px solid #d30f03d9 !important; }
    .myModal .footerModal #action-dialog-save-button.delete {
      background: #d30f03d9 !important;
      border-color: #d30f03d9 !important; }
  .myModal .bodyModal {
    overflow-y: auto;
    font-family: Inter !important;
    font-size: 15px !important;
    line-height: 1.64;
    padding: 24px !important; }
    .myModal .bodyModal.moreHeight {
      max-height: 600px;
      overflow: auto; }
    .myModal .bodyModal.delete {
      text-align: center; }
    .myModal .bodyModal .title-field {
      color: #212121 !important;
      font-weight: 500; }
      .myModal .bodyModal .title-field.strong {
        font-size: 15px !important;
        font-weight: bold; }
      .myModal .bodyModal .title-field.delete-bank-account {
        text-align: left; }
      .myModal .bodyModal .title-field .small-text {
        font-size: 12px;
        font-style: italic; }
    .myModal .bodyModal .title-small-size {
      font-size: 12px;
      color: #555555; }
    .myModal .bodyModal .padtop5 {
      padding-top: 5px; }
    .myModal .bodyModal.no-responsive {
      max-height: 200px !important; }
    .myModal .bodyModal.payment {
      max-height: 604px !important;
      padding: 0px 24px 24px !important; }
    .myModal .bodyModal .confirm-message {
      font-family: Inter;
      color: #212121;
      font-size: 15px;
      font-weight: 500 !important;
      text-align: center; }
    .myModal .bodyModal .sell-import-message {
      overflow: auto;
      max-height: 180px;
      margin-bottom: 10px; }
    .myModal .bodyModal label {
      color: #212121; }
    .myModal .bodyModal.content-delete-dialog {
      padding: 30px 20px !important;
      text-align: center; }
  .myModal .actionsModal {
    padding: 0 25px 25px 25px !important; }
    .myModal .actionsModal .common-btn {
      width: 106px !important; }
      .myModal .actionsModal .common-btn:last-child {
        margin-left: 15px; }
    .myModal .actionsModal.groupBtn .btn-save {
      min-width: 280px !important; }
  .myModal.errorDialog .headerModal {
    background-color: #f44336 !important; }
  .myModal.errorDialog .bodyModal {
    padding: 37px 25px 25px 25px !important; }
  .myModal.operation-fail {
    min-width: 650px; }
    .myModal.operation-fail .error-detail {
      overflow: auto;
      max-height: 215px; }
  .myModal.paymentModal {
    max-width: 586px !important; }
    .myModal.paymentModal .holder .row {
      margin: 0; }
      .myModal.paymentModal .holder .row .row {
        margin: 0 -0.75rem 0 -0.75rem; }
    .myModal.paymentModal .groupBtn {
      text-align: right; }
      .myModal.paymentModal .groupBtn .common-btn {
        margin-left: 15px; }
    .myModal.paymentModal .user-details, .myModal.paymentModal .payment-details {
      background-color: #e4edf2;
      color: #00a0af;
      height: 46px;
      margin: 25px 0; }
      .myModal.paymentModal .user-details .field, .myModal.paymentModal .payment-details .field {
        line-height: 46px; }
        .myModal.paymentModal .user-details .field h3, .myModal.paymentModal .payment-details .field h3 {
          font-family: Inter;
          font-size: 16px;
          margin: 0; }
    .myModal.paymentModal .payment-details {
      margin: 10px 0 25px 0; }
  .myModal.terms-and-conditions {
    max-width: 702px !important;
    /* Let's get this party started */
    /* Track */
    /* Handle */ }
    .myModal.terms-and-conditions .actionsModal {
      padding-right: 35px !important; }
      .myModal.terms-and-conditions .actionsModal .common-btn.tealBg.btn-accept-terms-and-conditions {
        width: 345px !important; }
    .myModal.terms-and-conditions .bodyModal {
      position: relative;
      min-height: 450px; }
      .myModal.terms-and-conditions .bodyModal .terms-and-conditions-content {
        border: solid 1px #e7e7e7;
        padding: 20px;
        margin-bottom: 20px;
        max-height: 450px;
        position: absolute;
        top: 35px;
        left: 35px;
        bottom: 20px;
        right: 35px;
        overflow-y: auto;
        overflow-x: hidden; }
    .myModal.terms-and-conditions .footerModal .btn-accept-terms-and-conditions {
      padding: inherit; }
    .myModal.terms-and-conditions ::-webkit-scrollbar {
      width: 5px; }
    .myModal.terms-and-conditions ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 5px; }
    .myModal.terms-and-conditions ::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: #bbbbbb;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
    .myModal.terms-and-conditions ::-webkit-scrollbar-thumb:window-inactive {
      background-color: #bbbbbb; }
  .myModal.rename-portfolio .bodyModal {
    min-height: 125px !important; }
  .myModal.delete-portfolio .bodyModal {
    min-height: 165px !important; }
  .myModal.delete-portfolio button.common-btn.redBg {
    background-color: #f44336 !important; }
  .myModal.delete-property .bodyModal {
    min-height: 130px !important; }
  .myModal.delete-property button.common-btn.redBg {
    background-color: #f44336 !important; }
  .myModal.delete-bank-account .bodyModal {
    min-height: 125px !important; }
  .myModal.delete-bank-account button.common-btn.redBg {
    background-color: #f44336 !important; }
  .myModal.delete-bank-account-with-large .bodyModal {
    min-height: 150px !important; }
  .myModal.delete-bank-account-with-large button.common-btn.redBg {
    background-color: #f44336 !important; }
  .myModal.change-password-box .bodyModal, .myModal.change-email-box .bodyModal {
    padding: 24px 24px 10px 24px !important; }
  .myModal.change-password-box .headerModal, .myModal.change-email-box .headerModal {
    text-align: center;
    padding: 12px !important; }
  .myModal.change-password-box > div > div, .myModal.change-email-box > div > div {
    width: 100%; }
  .myModal.change-userinfo-box .bodyModal {
    min-height: 297px !important; }
  .myModal.change-userinfo-box > div > div {
    width: 100%; }

.body-dialog-delete {
  text-align: center; }

/*Visibility*/
.hidden {
  visibility: hidden !important; }

/*Table*/
.common-table {
  box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.07);
  border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important; }
  .common-table tr {
    height: auto !important; }
  .common-table .header-table {
    border-width: 2px !important;
    border-color: #c9c9c9 !important; }
    .common-table .header-table th {
      font-family: Inter !important;
      font-weight: 600;
      font-size: 14px !important;
      color: #333333 !important;
      padding: 0 15px !important;
      height: 80px !important; }
      .common-table .header-table th .header-text {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        white-space: normal !important;
        line-height: 1; }
        .common-table .header-table th .header-text .unit {
          position: relative;
          font-size: 12px !important;
          color: #888888 !important;
          text-align: right; }
      .common-table .header-table th .sortable {
        cursor: pointer; }
      .common-table .header-table th .sortGroup {
        display: inline-block;
        vertical-align: middle;
        margin: 2px 0 0 6px;
        text-align: center; }
        .common-table .header-table th .sortGroup i {
          color: #cfcfcf !important;
          font-size: 10px;
          width: 10px;
          line-height: 10px;
          display: block;
          cursor: pointer; }
          .common-table .header-table th .sortGroup i:hover {
            color: #888888 !important; }
          .common-table .header-table th .sortGroup i:active, .common-table .header-table th .sortGroup i.active {
            color: #00a0af !important; }
  .common-table .body-table td {
    font-family: Inter !important;
    font-size: 14px !important;
    letter-spacing: 0.4px;
    padding: 0 15px !important; }
    .common-table .body-table td .sellButton span {
      font-family: Inter !important;
      font-weight: 600;
      font-size: 13px !important; }
      .common-table .body-table td .sellButton span.font-icon {
        font-family: 'icomoon' !important;
        font-size: 16px !important;
        padding-right: 0 !important;
        margin: -1px 0 0 8px !important; }
    .common-table .body-table td.actionButton {
      width: 105px !important;
      padding: 0 !important;
      text-align: center !important; }
    .common-table .body-table td.upStatus, .common-table .body-table td.downStatus {
      font-family: Inter !important;
      letter-spacing: 0.3px; }
  .common-table .paging-holder {
    padding: 12px 15px;
    background-color: #ffffff;
    box-shadow: inset 0px 17px 17px -20px #cccccc; }
  .common-table .all-radius {
    border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important; }
  .common-table .overflow-hidden {
    overflow: hidden; }

/*Status*/
.upStatus {
  color: #00AF31 !important; }

.downStatus {
  color: #d30f03d9 !important; }

.discountedGainStatus {
  color: #0F21C8 !important; }

.display-item-grand-total-cell {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center; }

.tooltipGrandTotalTable {
  font-size: 14px; }

.tooltipImport {
  font-size: 14px;
  line-height: 1.5; }

/*Checkbox Materialize*/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: 0;
  opacity: 0; }

[type="checkbox"] {
  /* checkbox aspect */ }

[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  line-height: 20px;
  font-size: 1rem;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */ }

[type="checkbox"] + label:before,
[type="checkbox"]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  transition: .2s; }

[type="checkbox"]:not(.filled-in) + label:after {
  border: 0;
  transform: scale(0); }

[type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

[type="checkbox"].tabbed:focus + label:after {
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #26a69a;
  border-bottom: 2px solid #26a69a;
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 100% 100%; }

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

[type="checkbox"].filled-in + label:after {
  border-radius: 2px; }

[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 14px;
  width: 14px;
  background-color: transparent;
  border: 1px solid #8A8A8A;
  top: 0px;
  z-index: 0; }

[type="checkbox"].filled-in:checked + label:before {
  top: -1px;
  left: 0px;
  width: 4px;
  height: 9px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #4068F6;
  background-color: #4068F6;
  z-index: 0; }

[type="checkbox"].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #26a69a;
  border-color: #26a69a; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }

[type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }

[type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }

.error-text {
  margin-top: -6px;
  color: #f44336;
  font-size: 12px;
  font-family: 'Inter'; }

.Left-Arrow {
  visibility: hidden;
  border-top: 5px solid transparent;
  border-right: 5px solid #555;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 0%;
  left: 100%;
  margin-left: -5px; }

.tooltip:hover .tooltiptext {
  visibility: visible; }

.tooltip:hover .Left-Arrow {
  visibility: visible; }

/*Text Field with warning*/
.warning-holder-field {
  position: relative;
  /*using for tooltip*/ }
  .warning-holder-field .tooltip {
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -19px;
    right: -25px; }
    .warning-holder-field .tooltip span {
      margin: 0 !important;
      font-size: 13px !important; }
    .warning-holder-field .tooltip button {
      padding: 0 !important;
      width: 24px !important;
      height: 24px !important; }
    .warning-holder-field .tooltip .__react_component_tooltip {
      padding: 4px !important;
      margin-top: -10px;
      border-radius: 0px !important;
      margin-left: 15px; }
    .warning-holder-field .tooltip.profit-and-loss {
      margin-top: -30px; }
    .warning-holder-field .tooltip.profit-and-loss-firefox {
      margin-top: -25px; }
    .warning-holder-field .tooltip a span {
      color: #F44336; }
  .warning-holder-field .inline-edit {
    width: 97%;
    margin-left: 3%; }
    .warning-holder-field .inline-edit span {
      margin-left: -8px; }

.tooltip-breadcrumb .__react_component_tooltip {
  border-radius: 0px !important;
  font-weight: normal !important;
  height: 16px !important;
  margin-top: -2px !important; }

/*Position*/
.position.left {
  float: left; }

.position.right {
  float: right; }

.position.clear {
  float: none;
  clear: both; }

/*Clearfix*/
* html .clearfix {
  height: 1%;
  /* IE5-6 */ }

* + html .clearfix {
  display: inline-block;
  /* IE7not8 */ }

.clearfix:after {
  /* FF, IE8, O, S, etc. */
  content: ".";
  display: block;
  height: 6px;
  clear: both;
  visibility: hidden; }

/*Input has icon in right position*/
.inputIcon-holder {
  position: relative; }
  .inputIcon-holder .common-icon {
    font-size: 15px !important;
    color: #00a0af !important;
    position: absolute !important;
    top: 50%;
    margin-top: -8px;
    z-index: -1; }
  .inputIcon-holder .position.icon-right {
    right: 0; }
  .inputIcon-holder .position.icon-left {
    left: 0; }

/*Hide right icon on IE*/
input::-ms-clear {
  display: none; }

input::-ms-reveal {
  display: none; }

/*Popover*/
.common-popup {
  min-width: 100px !important; }
  .common-popup > div:last-child {
    border-radius: 8px; }
  .common-popup .group-checkbox {
    padding: 20px 30px 20px 20px; }
    .common-popup .group-checkbox label {
      color: #333333 !important;
      white-space: nowrap;
      font-family: 'Inter';
      font-size: 15px;
      line-height: 21px; }
    .common-popup .group-checkbox .inlineCb {
      margin-bottom: 13px; }
      .common-popup .group-checkbox .inlineCb:last-child {
        margin-bottom: 0; }
  .common-popup .popover-attachments {
    max-width: 300px;
    min-width: 200px;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    overflow: hidden;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); }
  .common-popup.show-hide-popup > div:last-child {
    max-height: 400px; }

/* button-dropdown-holder for fixed data table */
.button-dropdown-holder {
  display: table;
  margin: 0 auto;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.25) !important; }
  .button-dropdown-holder > div {
    min-width: 70px !important;
    vertical-align: middle;
    height: 30px !important;
    box-shadow: unset !important; }
    .button-dropdown-holder > div button {
      height: 30px !important;
      line-height: 30px !important; }
      .button-dropdown-holder > div button div span {
        padding: 0 !important;
        text-transform: none !important;
        text-align: left !important;
        padding-left: 10px !important;
        top: 1px; }
  .button-dropdown-holder .leftButton {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    min-height: 30px !important;
    text-transform: none !important; }
  .button-dropdown-holder .arrow-status {
    min-width: 30px !important;
    min-height: 34px !important;
    line-height: 30px !important;
    padding: 5px 0  !important;
    vertical-align: middle;
    border-left: 1px solid #dae0e3;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
    .button-dropdown-holder .arrow-status div {
      height: 30px !important; }
    .button-dropdown-holder .arrow-status button {
      width: 30px !important;
      height: auto !important;
      padding: 0 !important; }
    .button-dropdown-holder .arrow-status .icon-down-arrow {
      top: 2px;
      margin-right: 0 !important;
      padding-left: 0 !important; }

button .icon-down-arrow {
  font-size: 8px !important;
  color: #8c8c8c !important; }

.common-popup.popup-dropdown.dropdown-bg-transparent > div:last-child {
  background-color: transparent;
  box-shadow: none;
  overflow-y: hidden; }

.menu-item {
  color: #212121 !important;
  padding-left: 15px !important; }

.menu-item:hover {
  color: white !important;
  background-color: #4068F6 !important; }
  .menu-item:hover svg {
    fill: white !important; }

.menu-item-new {
  color: #606060 !important;
  padding-left: 15px !important; }

.menu-item-new:hover {
  color: white !important;
  background-color: #4068F6 !important; }
  .menu-item-new:hover svg {
    fill: white !important; }

.home-menu-item {
  padding: 8px 0px;
  display: table-cell;
  width: 150px !important; }

.mys-datepicker input {
  background-image: url(/datepicker.png);
  background-repeat: no-repeat;
  background-position: right; }

.mys-loading {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px; }

.overlay {
  opacity: 0.5;
  background-color: #ccc;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 9999; }
  .overlay.payment {
    z-index: 1600 !important; }
  .overlay.darker {
    opacity: 0.8; }
  .overlay.import {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1; }

.mys-separate-loading {
  position: absolute;
  left: 50%;
  margin-left: -40px;
  top: 50%;
  margin-top: -40px; }

.separate {
  opacity: 0.5;
  background-color: #ccc;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999999; }

.parent-separate {
  position: relative; }

.checkbox-sell-table {
  margin-top: 22px; }

.drag-drop {
  width: 100%;
  height: 200px;
  position: relative;
  text-align: center;
  background-color: white;
  border-radius: 6px;
  border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important; }
  .drag-drop.buy-sell-contract {
    height: 230px;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.07) !important; }
  .drag-drop.buy-sell-contract-small {
    height: 90px;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.07) !important; }
  .drag-drop .label, .drag-drop .view-buy-records-dialog .content-container .buy-label, .view-buy-records-dialog .content-container .drag-drop .buy-label, .drag-drop .view-buy-records-dialog .content-container .note-label, .view-buy-records-dialog .content-container .drag-drop .note-label {
    color: #99A1A8;
    font-size: 14px; }
  .drag-drop .disable-label {
    color: #DCDCDC; }
  .drag-drop .label-select {
    color: #4068F6;
    cursor: pointer;
    font-size: 14px; }
    .drag-drop .label-select.disabled {
      color: #DCDCDC; }
  .drag-drop .dragdropzone-disable {
    background-color: #FCFCFC !important; }

.drag-drop-border {
  position: absolute;
  background: #F8F8F8;
  width: 100%;
  height: 180px;
  border: 1px dashed #D4D8DB;
  border-radius: 12px;
  box-sizing: border-box; }
  .drag-drop-border.buy-sell-contract {
    height: 160px;
    left: 0%;
    border-color: #00a0af; }

.drag-drop-center-image {
  top: 5%;
  left: 25%;
  position: relative;
  width: 50%;
  height: 113px;
  background: url(/upload.png) 100% no-repeat;
  transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  background-position: center; }
  .drag-drop-center-image.buy-sell-contract {
    top: 5%; }

.drag-drop-center-text {
  top: 8%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  color: #212121;
  font-family: Inter;
  font-size: 15px; }
  .drag-drop-center-text.buy-sell-contract {
    top: 5%;
    left: 47%;
    font-size: 14px;
    padding: 0% 5% 2% 5%; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.choose-files {
  position: relative;
  top: 22%;
  left: 50%;
  transform: translate(-50%, -50%); }

.btn-select-files {
  background-color: #0094d8 !important;
  font-size: 15px !important; }
  .btn-select-files button {
    color: white !important;
    background-color: #0094d8 !important;
    box-shadow: 0px 2px 5px 0 rgba(0, 70, 108, 0.4) !important; }
    .btn-select-files button span {
      color: white !important;
      font-size: 14px; }

.text-select-files {
  color: #4068F6;
  cursor: pointer; }

#error-import-zone {
  margin: 10px 0; }

.minmax-Box {
  position: absolute;
  top: -13px;
  right: 0px;
  font-size: 24px;
  cursor: pointer;
  margin-right: 15px; }

.close-Box {
  position: absolute;
  top: -11px;
  right: 0px;
  font-size: 24px;
  cursor: pointer; }

.error-import-title {
  color: #999999;
  width: 100%;
  height: 33px;
  font-size: 18px;
  position: relative;
  font-weight: bold; }

.error-import-content {
  background-color: white;
  color: red;
  font-weight: 900;
  font-family: Inter;
  font-size: 14px;
  border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.07) !important;
  border-width: 2px;
  border-style: solid;
  border-color: white;
  padding: 20px 0px 20px 80px;
  overflow: hidden; }
  .error-import-content .advice {
    color: #3f3f3f;
    margin-left: -50px;
    padding-bottom: 20px; }
  .error-import-content .right {
    font-weight: normal; }
  .error-import-content .details {
    font-weight: normal;
    margin-left: 11px; }

.boundary-import {
  width: 360px;
  margin: 20px 0px; }

.radio-import, .radio-import-no-wrap {
  width: auto !important;
  white-space: nowrap;
  display: inline-block;
  font-size: 16px; }
  .radio-import.col-4, .radio-import-no-wrap.col-4 {
    margin-left: 0 !important;
    margin-right: 20px; }
    .radio-import.col-4 > span:last-child, .radio-import-no-wrap.col-4 > span:last-child {
      display: inline-block;
      font-size: 15px;
      font-family: Inter; }
    .radio-import.col-4 > span:first-child, .radio-import-no-wrap.col-4 > span:first-child {
      padding-left: 0; }
  .radio-import.col-2, .radio-import-no-wrap.col-2 {
    width: 50% !important;
    margin-left: 0px !important;
    margin-right: 0px; }
    .radio-import.col-2 > span, .radio-import-no-wrap.col-2 > span {
      padding-left: 0px; }
    .radio-import.col-2.font-size > span:last-child, .radio-import-no-wrap.col-2.font-size > span:last-child {
      font-size: 13px;
      color: #555555;
      font-family: 'Inter'; }
    .radio-import.col-2 > span:last-child, .radio-import-no-wrap.col-2 > span:last-child {
      display: inline-block;
      font-size: 15px;
      font-family: 'Inter'; }
  .radio-import.col-3, .radio-import-no-wrap.col-3 {
    width: 33.33% !important;
    margin-left: 0px !important;
    margin-right: 0px; }
    .radio-import.col-3.font-size > span:last-child, .radio-import-no-wrap.col-3.font-size > span:last-child {
      font-size: 13px;
      color: #555555;
      font-family: Inter; }
    .radio-import.col-3 > span:last-child, .radio-import-no-wrap.col-3 > span:last-child {
      display: inline-block;
      font-size: 15px;
      font-family: Inter; }
  .radio-import:first-child, .radio-import-no-wrap:first-child {
    margin-left: 20px; }
    .radio-import:first-child > span:last-child, .radio-import-no-wrap:first-child > span:last-child {
      display: inline-block;
      font-size: 15px;
      font-family: Inter; }
  .radio-import label, .radio-import-no-wrap label {
    color: #3f3f3f !important; }

.radio-sell-setting {
  display: inline-block !important;
  font-size: 16px; }
  .radio-sell-setting:first-child {
    margin-left: 20px;
    width: 33% !important; }
  .radio-sell-setting:nth-child(2) {
    width: 30% !important; }
  .radio-sell-setting:last-child {
    width: 30% !important;
    margin-left: 16px; }
  .radio-sell-setting label {
    color: #3f3f3f !important; }

.financialReportTabs > div {
  margin-bottom: 2px; }

.financialReportTabs :nth-child(1) button {
  text-transform: none !important;
  font-size: 16px !important; }

.change-email {
  color: grey !important; }

.redInput .common-inputTextField input {
  color: #d30f03d9 !important; }

.sum-zone {
  background-color: white;
  width: 100%;
  height: 60px;
  border-top: 2px solid #e0e0e0;
  border-width: 2px;
  border-color: #c9c9c9; }
  .sum-zone .sum-zone-head {
    width: 70px;
    padding-left: 32px; }
  .sum-zone .sum-zone-title {
    width: 15%;
    text-align: left;
    font-family: Inter;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    color: #00a0af;
    padding-top: 20px;
    margin-left: 0px; }
  .sum-zone .sum-zone-quantity {
    width: 10px;
    text-align: left;
    margin-left: 28px;
    display: inline-block;
    font-family: Inter;
    font-weight: bold;
    direction: rtl;
    padding-top: 20px; }
    .sum-zone .sum-zone-quantity.fix-scroll {
      margin-left: 25px; }

@-moz-document url-prefix() {
  .sum-zone-quantity {
    margin-left: 58px !important; }
    .sum-zone-quantity.fix-scroll {
      margin-left: 56px !important; } }

.invalid-title {
  color: black;
  font-size: 45px;
  text-align: center;
  font-family: Inter !important;
  font-weight: bold; }

.invalid-error {
  color: red;
  text-align: center;
  font-family: Inter !important; }

.groupBtnOutMain {
  float: right;
  margin-top: 15px; }
  .groupBtnOutMain .common-btn:last-child {
    margin-left: 15px;
    min-width: 80px; }
  .groupBtnOutMain.applyAllCbx {
    margin-top: 20px;
    margin-left: 15px; }

.react-tooltip-sell-quantity {
  padding-top: 12px; }

.selection-criteria-zone {
  padding-top: 17px !important;
  margin-bottom: 15px !important; }

.lable-selection-criteria {
  color: #414141;
  font-family: Inter;
  font-size: 13px;
  font-weight: 600;
  margin-left: -7px;
  position: relative;
  top: -4px; }

.dropdown-selection-criteria {
  margin-left: 15px;
  position: relative;
  top: -5px;
  width: 193px; }

.selection-criteria-list {
  width: 193px !important;
  overflow-y: visible !important; }
  .selection-criteria-list > div {
    width: 193px !important;
    overflow-y: visible !important; }
  .selection-criteria-list span {
    font-size: 13px !important;
    margin-left: 3px !important;
    font-family: Inter !important;
    font-weight: 600;
    width: 193px !important;
    left: -3px !important; }

.inapplicable-description {
  padding-top: 8px;
  color: red; }
  .inapplicable-description div:first-of-type, .inapplicable-description div:last-of-type {
    color: black; }
  .inapplicable-description.apply-all-failed {
    padding-top: 0px; }
    .inapplicable-description.apply-all-failed div:first-of-type {
      color: red; }

.selected-field button {
  width: unset !important;
  padding: unset !important; }

.wrap-faqs .faq {
  background-color: white;
  margin-bottom: 6px;
  cursor: pointer; }
  .wrap-faqs .faq .arrow {
    float: right;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-top: 9px;
    margin-right: 22px; }
  .wrap-faqs .faq .up {
    border-bottom: 5px solid #00a1b1; }
  .wrap-faqs .faq .down {
    border-top: 5px solid #00a1b1; }
  .wrap-faqs .faq .question {
    color: #414141;
    font-family: Inter;
    font-weight: 600;
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px; }
    .wrap-faqs .faq .question .inline {
      display: inline-block; }
  .wrap-faqs .faq .answer {
    font-size: 14px;
    cursor: auto;
    padding: 0px 22px 22px 29px;
    max-height: 200px;
    min-width: 340px; }

.wrap-faqs-contact-us {
  background-color: #02a0af;
  text-align: center; }
  .wrap-faqs-contact-us img {
    padding: 75px 0 45px; }
  .wrap-faqs-contact-us b {
    color: #feffff; }
  .wrap-faqs-contact-us .contact-us {
    margin: 25px 0 50px;
    width: 150px;
    background-color: #ffffff !important;
    height: 40px !important;
    color: #0093a1 !important;
    font-size: 16px !important;
    font-weight: bold; }
    .wrap-faqs-contact-us .contact-us button {
      background-color: #ffffff !important;
      height: 40px !important; }
      .wrap-faqs-contact-us .contact-us button span {
        color: #0093a1 !important;
        font-size: 15px !important; }

.contact-us-title {
  color: #0093a1;
  font-size: 18px;
  font-family: Inter;
  font-weight: 600;
  padding-left: 25px;
  padding-bottom: 20px; }

.captcha {
  padding-left: 24px;
  margin-top: 20px; }

.no-display {
  display: none; }

.captcha-error {
  color: red;
  font-size: 12px;
  font-family: 'Inter';
  margin-left: 34px; }

.icon-14 {
  height: 14px;
  width: 14px; }

.icon-10 {
  height: 10px;
  width: 10px; }

.material-icon-size {
  height: 18px !important;
  width: 18px !important; }

.buttons-group {
  position: relative;
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .buttons-group > .inline-flex-display {
    margin-left: 10px; }
  .buttons-group.manage-user {
    bottom: 25px; }
  .buttons-group.btn-float-left {
    float: left; }
  .buttons-group.float-right {
    float: right; }
  .buttons-group .common-btn {
    min-height: 32px;
    margin-left: 10px;
    text-transform: none;
    background: #ffffff; }
    .buttons-group .common-btn.opacity {
      opacity: 0.5; }
    .buttons-group .common-btn button {
      height: 30px !important; }
      .buttons-group .common-btn button > div > div {
        height: 30px !important;
        line-height: 30px !important; }
    .buttons-group .common-btn > span {
      font-family: Inter;
      text-transform: none !important; }
    .buttons-group .common-btn span.font-icon {
      font-family: 'icomoon' !important; }
    .buttons-group .common-btn.btn-export span {
      color: #117415 !important; }
    .buttons-group .common-btn.btn-new-ui-default {
      width: auto !important;
      height: 32px;
      background-color: #FFFFFF !important;
      color: #4068F6 !important;
      border-radius: 18px !important;
      border: 1px solid #4068F6;
      box-shadow: none !important;
      padding-top: 0;
      padding-bottom: 0; }
      .buttons-group .common-btn.btn-new-ui-default .core-icon-custom {
        font-family: Material Icons !important;
        font-size: 20px !important;
        margin-right: -6px; }
      .buttons-group .common-btn.btn-new-ui-default:disabled {
        opacity: 0.4;
        cursor: default; }
    .buttons-group .common-btn.btn-add-user {
      padding-right: 20px;
      padding-bottom: 6px;
      width: unset; }
      .buttons-group .common-btn.btn-add-user span {
        margin-top: -2px;
        color: #117415 !important; }
        .buttons-group .common-btn.btn-add-user span .core-icon-custom {
          font-family: Material Icons !important; }
      .buttons-group .common-btn.btn-add-user .material-icons {
        margin: 0 0; }
    .buttons-group .common-btn.btn-add-dividend {
      padding-right: 20px;
      padding-bottom: 6px;
      width: unset; }
      .buttons-group .common-btn.btn-add-dividend span {
        margin-top: -2px; }
        .buttons-group .common-btn.btn-add-dividend span .core-icon-custom {
          font-family: Material Icons !important;
          font-size: 16px !important; }
      .buttons-group .common-btn.btn-add-dividend .material-icons {
        margin: 0 0; }
    .buttons-group .common-btn.btn-print span {
      margin-top: -2px; }
    .buttons-group .common-btn.btn-print .core-icon-custom {
      font-family: Material Icons !important;
      font-size: 18px !important; }
  .buttons-group .show-hide-columns {
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .buttons-group .show-hide-columns .icon-down-arrow {
      top: 1px;
      font-size: 8px !important; }
  .buttons-group .admin-filter-status {
    width: auto !important; }
  .buttons-group .user-status-checkbox {
    display: inline-block;
    margin-left: 10px;
    border-right: 1px solid #ddd; }
  .buttons-group .user-status-label {
    line-height: 20px !important;
    margin-right: 5px; }

.clearfix {
  height: 0px; }

.viewSearch {
  display: -ms-flexbox;
  display: flex;
  position: relative; }

.searchContainer {
  display: -ms-flexbox;
  display: flex; }

.search {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  width: 300px;
  border-radius: 5px;
  height: 35px; }

.searchIcon {
  margin-right: 20px;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 6px; }

.wrap-contact-us .style {
  background-color: #02a0af;
  padding: 30px 5px;
  margin-left: 15px;
  height: 325px;
  border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  text-align: center;
  font-family: Inter;
  font-weight: 600;
  color: white; }

.wrap-contact-us img {
  padding-top: 43px; }

.wrap-contact-us .contact-title {
  font-size: 18px;
  text-align: left;
  margin-top: 5px;
  margin-left: 25px; }

.wrap-contact-us .contact-email {
  text-align: left;
  margin-top: -25px;
  margin-left: 25px; }
  .wrap-contact-us .contact-email img {
    padding-right: 10px; }

.confirm-dialog-messagedetails {
  margin-bottom: 12px; }
  .confirm-dialog-messagedetails span {
    font-family: Inter;
    font-weight: 600; }

.message-details {
  text-decoration: underline;
  cursor: pointer;
  color: #4068F6; }

.word-break-content {
  word-break: break-word;
  word-wrap: break-word; }
  .word-break-content .content-dialog-delete {
    font-family: Inter;
    font-weight: 500;
    font-size: 18px; }

.__react_component_tooltip {
  background-color: #666666 !important; }
  .__react_component_tooltip.__react_component_tooltip::before, .__react_component_tooltip.__react_component_tooltip::after {
    border: unset !important; }

.inline-flex-display {
  display: -ms-inline-flexbox;
  display: inline-flex; }

.load-font-delete-rename-dialog {
  font-family: Inter;
  font-weight: 600;
  height: 0px; }

.label-field {
  display: -ms-flexbox;
  display: flex; }

.printable {
  display: none; }

.radio-label-img div {
  display: inline;
  margin-right: 5px; }

.radio-label-img img {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  margin-left: 5px; }

.no-text-overflow {
  text-overflow: unset !important; }

.pagination {
  text-align: center; }
  .pagination > .item {
    font-family: Inter;
    font-size: 14px;
    cursor: pointer;
    padding: 10px;
    display: inline-block; }
    .pagination > .item:hover {
      background: rgba(0, 0, 0, 0.08);
      border-radius: 4px;
      transition: all 0.5s; }
    .pagination > .item.active {
      color: #4068f6; }
  .pagination .right-dropdown {
    float: right;
    padding-top: 5px;
    float: right;
    padding-top: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
        align-items: baseline; }
    .pagination .right-dropdown > div {
      top: 0px !important;
      margin-bottom: 0px;
      vertical-align: bottom; }
      .pagination .right-dropdown > div > div > div {
        padding-bottom: 2px;
        margin-top: 0px;
        min-width: auto; }
      .pagination .right-dropdown > div > div:after {
        border-bottom: 1px solid rgba(0, 0, 0, 0.42); }

.progress-bar {
  position: fixed;
  width: 100%;
  top: 38%;
  height: 189px;
  width: 50%;
  left: 25%;
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
  border-radius: 8px; }
  .progress-bar .description {
    margin: 0 auto 10px;
    font-size: 14px; }
    .progress-bar .description.error {
      color: #D30F03; }
  .progress-bar .record-process {
    display: inline-block;
    position: relative;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    font-size: 14px;
    color: #212121; }
  .progress-bar .btn-hide-import {
    display: block;
    float: right;
    margin-top: 20px;
    font-size: 14px;
    background: #FFFFFF !important;
    border: 1px solid #4068F6;
    box-sizing: border-box;
    border-radius: 100px;
    height: 28px;
    padding: 0 10px; }
    .progress-bar .btn-hide-import span {
      color: #4068F6 !important; }
  .progress-bar .progress-bar-body {
    padding: 30px 20px;
    border-bottom: 1px solid #D0D0D0; }
  .progress-bar .progress-bar-footer {
    padding-right: 20px; }

.selection-criteria {
  float: right;
  margin-bottom: 5px; }
  .selection-criteria .label span, .selection-criteria .view-buy-records-dialog .content-container .buy-label span, .view-buy-records-dialog .content-container .selection-criteria .buy-label span, .selection-criteria .view-buy-records-dialog .content-container .note-label span, .view-buy-records-dialog .content-container .selection-criteria .note-label span {
    font-size: 15px;
    font-family: Inter;
    font-weight: 500; }
  .selection-criteria > div {
    display: inline-block; }

.demerger-select-input {
  float: none; }
  .demerger-select-input > div {
    display: block; }

.sell-content-container {
  margin-top: 10px;
  padding: 22px;
  background-color: #FFF;
  border-radius: 8px; }
  .sell-content-container .sell-table-container {
    margin-top: 40px; }

.sell-table .align-right {
  text-align: right;
  font-size: 15px; }

.sell-table a span {
  font-weight: 500;
  font-size: 14px; }

.sell-table .sortGroup {
  position: relative;
  top: 6px; }

.sell-table .sortGroup i {
  font-size: 13px;
  color: #4068F6 !important; }

.sell-table .table-sell-footer {
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  margin-bottom: 10px;
  background-color: white; }
  .sell-table .table-sell-footer.error-bg {
    background-color: rgba(192, 0, 0, 0.08); }
  .sell-table .table-sell-footer.success-bg {
    background-color: #BFCCFB; }
  .sell-table .table-sell-footer > div {
    display: inline-block; }
    .sell-table .table-sell-footer > div:first-child {
      width: 70px;
      padding-left: 30px; }
    .sell-table .table-sell-footer > div:nth-child(2) {
      text-align: right; }
  .sell-table .table-sell-footer .warning-holder-field {
    margin-left: 10px; }
    .sell-table .table-sell-footer .warning-holder-field .tooltip {
      position: initial; }
  .sell-table .table-sell-footer .error-color {
    color: #D30F03; }
  .sell-table .table-sell-footer .error {
    margin-left: 10px; }
    .sell-table .table-sell-footer .error span {
      font-size: 15px;
      color: #D30F03;
      font-weight: normal; }
  .sell-table .table-sell-footer .label, .sell-table .table-sell-footer .view-buy-records-dialog .content-container .buy-label, .view-buy-records-dialog .content-container .sell-table .table-sell-footer .buy-label, .sell-table .table-sell-footer .view-buy-records-dialog .content-container .note-label, .view-buy-records-dialog .content-container .sell-table .table-sell-footer .note-label {
    font-size: 15px; }
  .sell-table .table-sell-footer .total {
    font-size: 16px; }

.sell-table-cell .sell-inline-input-text {
  height: 32px;
  top: -1px !important; }
  .sell-table-cell .sell-inline-input-text div:first-child {
    height: 32px; }
  .sell-table-cell .sell-inline-input-text fieldset {
    height: 35px; }

.sell-table-cell p {
  text-align: right; }

.cursor-pointer {
  cursor: pointer; }

.fix-zoom {
  margin-bottom: 12px; }

.fix-size-page {
  height: 62px; }

.field-height {
  line-height: 2; }

.message-dialog-paper {
  min-width: 550px; }

.action-dialog-paper {
  min-width: 515px; }

.dialog-import-buy-sell {
  min-width: 444px; }
  .dialog-import-buy-sell .common-date-range-picker {
    text-align: center; }

.rental-transaction-add {
  min-width: 600px; }

.rental-transaction-edit {
  min-width: 370px; }

.date-range-popup .view-date-range .label-date-range {
  font-size: 16px; }

.date-range-popup .from-to-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }
  .date-range-popup .from-to-date label {
    font-size: 16px; }
  .date-range-popup .from-to-date .custom-dialog input {
    padding-bottom: 5px; }

.width-more-action-dialog-paper {
  min-width: 700px;
  min-height: 280px; }

.signup-max-height {
  max-height: 55px; }

.fix-size-page-signup {
  height: 40px; }
  .fix-size-page-signup .checkbox-label {
    color: #4068F6;
    margin-left: 5px;
    text-decoration: none; }

.title-admin-items {
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold; }

.doughnut-container {
  display: -ms-flexbox;
  display: flex;
  width: 63%;
  margin: auto; }
  .doughnut-container .doughnut-chart {
    width: 63%;
    background-color: white; }
    .doughnut-container .doughnut-chart canvas {
      padding: 10px;
      width: 100% !important;
      height: auto !important; }
  .doughnut-container .new-users-container {
    font-weight: bold;
    font-size: 18px;
    border: 2px solid;
    min-width: 20%;
    height: 20%;
    margin: auto;
    margin-left: 10%; }
    .doughnut-container .new-users-container .title-times {
      text-align: center;
      border-bottom: 2px solid;
      background-color: #00bcd4; }
    .doughnut-container .new-users-container .total-new-users {
      text-align: center;
      padding-top: 10%;
      font-size: 28px; }
    .doughnut-container .new-users-container .new-users {
      text-align: center;
      padding-top: 15%;
      padding-bottom: 15%; }

.histogram-container {
  width: 105%;
  margin: auto;
  margin-top: 20px; }
  .histogram-container canvas {
    background-color: white;
    width: 95% !important;
    height: 400px !important; }
  .histogram-container .width-select {
    width: 180px; }

.doughnut-text {
  width: 20%;
  margin-left: 30%;
  margin-top: 10px;
  font-weight: bold; }

.histogram-text {
  width: 28%;
  margin: auto;
  margin-top: 10px;
  font-weight: bold; }

.width-ratio {
  max-width: 160px; }

.custom-display-err p {
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  position: initial !important; }

.selection-calculation {
  padding-right: 10px; }

.dropdown-demerger {
  font-size: 13px !important;
  width: 100%; }

/* Page print */
@media print {
  .not-printable {
    display: none; }
  .printable {
    display: block !important; }
  @page {
    margin: 10mm;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3); } }

table thead th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px; }

table thead .title-custom-print th {
  border: none !important; }

.p-footer, .page-footer-space {
  height: 40px; }

.p-header, .page-header-space {
  height: 80px; }

.p-header {
  position: fixed;
  width: 100%;
  padding-bottom: 10;
  top: 0; }

.p-header-content {
  width: '100%';
  height: 30px; }

.p-footer {
  position: fixed;
  width: 100%;
  border-top: 1px solid black;
  bottom: 0;
  padding-top: 5px; }

.common-printable-table {
  position: relative; }
  .common-printable-table table {
    position: relative;
    border-collapse: collapse;
    border-right: 1px solid #fff;
    width: 100%; }
    .common-printable-table table tbody td, .common-printable-table table tbody th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px; }
  .common-printable-table tr:nth-child(even) {
    background-color: #dddddd; }
  .common-printable-table .action-column {
    width: 100px; }

.merge-printable-table {
  position: relative; }
  .merge-printable-table table {
    position: relative;
    border-collapse: collapse;
    border-right: 1px solid #fff;
    width: 100%; }
    .merge-printable-table table tbody td, .merge-printable-table table tbody th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px; }
  .merge-printable-table tr:nth-child(even) {
    background-color: #dddddd; }
  .merge-printable-table .action-column {
    width: 100px; }

.page-header {
  font-size: 22px;
  color: #3f3f3f;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: normal;
  display: inline-block; }

@media only screen and (min-width: 401px) {
  .col-custom {
    width: 65% !important; }
  .td-col-custom {
    width: 152px; } }

@media only screen and (min-width: 701px) {
  .col-custom {
    width: 65% !important; }
  .td-col-custom {
    width: 152px; } }

@media only screen and (min-width: 993px) {
  .col-custom {
    width: 50% !important; }
  .td-col-custom {
    width: 200px; } }

@media only screen and (min-width: 1340px) {
  .col-custom {
    width: 50% !important; }
  .td-col-custom {
    width: 300px; } }

.cash-col-custom-view-list-account-full-width {
  width: 100%;
  float: left; }

.cash-col-custom-view-list-account {
  width: 100%;
  float: left;
  margin-bottom: 20px; }

.cash-col-custom-view-list-transaction-details {
  background: #FFFFFF;
  border-radius: 8px;
  margin-top: 10px;
  padding: 20px; }
  .cash-col-custom-view-list-transaction-details .standard-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 15px; }
  .cash-col-custom-view-list-transaction-details .standard-format-title {
    font-family: Inter;
    font-weight: 500;
    font-size: 15px;
    color: #212121; }
  .cash-col-custom-view-list-transaction-details .display-btn-back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-top: 20px; }
  .cash-col-custom-view-list-transaction-details .btn-back {
    height: 32px;
    background-color: #FFFFFF !important;
    color: #4068F6 !important;
    border-radius: 18px !important;
    border: 1px solid #4068F6;
    box-shadow: none !important;
    text-transform: capitalize !important; }

@media only screen and (min-width: 1360px) {
  .cash-col-custom-view-list-account {
    width: 29%;
    float: left;
    margin-bottom: 0px; } }

@media (your-own-screen-restrictions) {
  .react-tabs__tab-list {
    display: block;
    overflow-y: auto;
    width: 100%;
    white-space: nowrap; } }

.wrap-tabs {
  font-family: "Inter";
  position: relative;
  font-family: Inter; }
  .wrap-tabs .select-container {
    border: 1px solid #D4D8DB;
    box-sizing: border-box;
    border-radius: 4px;
    height: 30px; }
    .wrap-tabs .select-container .error {
      border: 1px solid #D30F03; }
  .wrap-tabs .select-container-error {
    border: 1px solid #D30F03;
    box-sizing: border-box;
    border-radius: 4px;
    height: 30px; }
  .wrap-tabs .select-basic-single {
    width: 105px;
    height: 30px; }
  .wrap-tabs .react-tabs__tab-list {
    border-bottom: none; }
    .wrap-tabs .react-tabs__tab-list .tab-item {
      padding: 0px 6px; }
  .wrap-tabs .tab-title {
    padding: 0px 10px;
    -ms-flex-pack: center;
        justify-content: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px; }
  .wrap-tabs .selected-tab {
    font-family: "Inter" !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #4068F6 !important;
    padding: 6px 0px;
    bottom: -1px; }
    .wrap-tabs .selected-tab .tab-title {
      border-bottom: 1px solid #4068F6; }
  .wrap-tabs .tab {
    padding: 0px 12px;
    border-color: #E5E5E5;
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 10px;
    color: #212121;
    margin-left: 4px; }
    .wrap-tabs .tab .tab-child-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      .wrap-tabs .tab .tab-child-container .icon-template-container {
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        display: flex; }
        .wrap-tabs .tab .tab-child-container .icon-template-container .icon-template {
          margin-left: 5px; }
  .wrap-tabs .tab-first {
    margin-left: 0px; }
  .wrap-tabs .import-ready-message {
    min-width: 32px;
    padding: 2px 5px;
    height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    background: #00AF31;
    border-radius: 100px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF; }
  .wrap-tabs .import-error-message {
    min-width: 32px;
    padding: 2px 5px;
    height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    background: #D30F03;
    border-radius: 100px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF; }
  .wrap-tabs .tab-panel {
    background-color: #ffffff;
    margin-top: -11px;
    height: auto;
    min-height: 370px;
    border-radius: 0px 12px 12px 12px;
    margin-bottom: 5px;
    border: 1px solid #E5E5E5; }
    .wrap-tabs .tab-panel.padding-20 {
      padding: 20px; }
    .wrap-tabs .tab-panel .tab-panel-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      padding-left: 30%;
      padding-right: 30%; }
    .wrap-tabs .tab-panel .advance-settings-import-container {
      margin: 5px 20px; }
      .wrap-tabs .tab-panel .advance-settings-import-container .add-new-row-btn {
        display: -ms-flexbox;
        display: flex;
        float: right; }
      .wrap-tabs .tab-panel .advance-settings-import-container .import-custom {
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
  .wrap-tabs .cash-import-transactions-title {
    font-family: Inter;
    font-weight: 500;
    font-size: 20px;
    color: #212121; }
  .wrap-tabs .account-name {
    font-size: 15px;
    color: #212121;
    margin-left: 5px; }
  .wrap-tabs .import-page-header {
    display: inline-block;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #212121; }
  .wrap-tabs .import-content {
    margin-top: 10px; }
    .wrap-tabs .import-content .tab-panel-container {
      display: block;
      -ms-flex-pack: center;
          justify-content: center;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px; }
  .wrap-tabs .header-setting-description {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    color: #212121;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .wrap-tabs .header-setting-container {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 12px;
    line-height: 20px;
    margin-top: 16px;
    padding: 20px 20px; }
  .wrap-tabs .import-action-group {
    position: absolute;
    top: 0;
    right: 0px; }
    .wrap-tabs .import-action-group .groupBtn {
      margin-top: 0px; }
    .wrap-tabs .import-action-group button {
      height: 32px;
      width: auto !important; }
    .wrap-tabs .import-action-group .common-btn {
      padding: 15px !important; }
  .wrap-tabs .btn-disable {
    background-color: rgba(64, 104, 246, 0.4) !important;
    border: none !important; }
  .wrap-tabs .import-header-setting-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .wrap-tabs .import-header-setting-btn .buttons-group {
      margin-left: unset; }
  .wrap-tabs .import-mapping {
    margin-top: 15px;
    position: relative; }
  .wrap-tabs .import-setting-header .buttons-group .tealBg-blue-bold {
    width: 120px !important; }
  .wrap-tabs .drag-import {
    width: 100%; }
  .wrap-tabs .error-import {
    margin-top: 20px; }
  .wrap-tabs .close-error {
    top: 30px;
    right: 15px; }
  .wrap-tabs .import-mapping-container {
    padding: 15px; }
    .wrap-tabs .import-mapping-container .import-mapping-table {
      height: 400px;
      margin-top: 15px; }
      .wrap-tabs .import-mapping-container .import-mapping-table .base-table {
        box-shadow: none; }
        .wrap-tabs .import-mapping-container .import-mapping-table .base-table .BaseTable__table {
          outline: none; }
      .wrap-tabs .import-mapping-container .import-mapping-table .mapping-table-header {
        font-family: "Inter";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        text-align: right;
        color: #212121; }
      .wrap-tabs .import-mapping-container .import-mapping-table .row-common {
        font-size: 15px;
        color: #212121; }
      .wrap-tabs .import-mapping-container .import-mapping-table .BaseTable__table-main .BaseTable__header {
        background-color: rgba(64, 104, 246, 0.08); }
      .wrap-tabs .import-mapping-container .import-mapping-table .import-mapping-row .BaseTable__row-cell {
        background-color: rgba(64, 104, 246, 0.08); }
      .wrap-tabs .import-mapping-container .import-mapping-table .bg-green .BaseTable__row-cell {
        background-color: rgba(0, 175, 49, 0.1); }
      .wrap-tabs .import-mapping-container .import-mapping-table .BaseTable__header-row {
        background: none; }
      .wrap-tabs .import-mapping-container .import-mapping-table .BaseTable__row-cell {
        overflow: visible !important; }
        .wrap-tabs .import-mapping-container .import-mapping-table .BaseTable__row-cell .BaseTable__row-cell-text {
          overflow: visible; }
      .wrap-tabs .import-mapping-container .import-mapping-table .import-input-text {
        width: 105px;
        background-color: white; }
      .wrap-tabs .import-mapping-container .import-mapping-table .import-input-text :hover .import-input-text fieldset {
        border: 1px solid #4068F6; }
      .wrap-tabs .import-mapping-container .import-mapping-table .import-input-text fieldset {
        border: 1px solid #D4D8DB;
        box-sizing: border-box;
        border-radius: 4px; }
      .wrap-tabs .import-mapping-container .import-mapping-table .error fieldset {
        border-color: #D30F03 !important; }
      .wrap-tabs .import-mapping-container .import-mapping-table .import-input-text p {
        display: none; }
      .wrap-tabs .import-mapping-container .import-mapping-table .import-input-text input {
        font-family: "Inter";
        font-size: 15px; }
      .wrap-tabs .import-mapping-container .import-mapping-table .import-input-text input::before {
        border-bottom: none !important; }
      .wrap-tabs .import-mapping-container .import-mapping-table .import-input-select {
        margin-bottom: 0px !important; }
    .wrap-tabs .import-mapping-container .matoggle-market span {
      font-size: 15px; }
  .wrap-tabs .import-filter .mt-15 {
    margin-top: 5px; }
  .wrap-tabs .import-tooltip {
    max-width: 500;
    font-size: 15px;
    color: red; }
  .wrap-tabs .headerTooltip {
    position: absolute;
    background-color: transparent;
    white-space: normal !important;
    margin-top: -300px;
    margin-left: 150px; }
    .wrap-tabs .headerTooltip .under-bg {
      background: url(/trans-bg.png) 50% 50% repeat;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0.1; }
  @media screen and (max-width: 1200px) {
    .wrap-tabs .import-filter {
      float: none; } }
  @media only screen and (min-width: 1200px) {
    .wrap-tabs .import-filter {
      float: right; } }

.mail-box-container .mail-box-content {
  padding: 24px;
  color: #212121; }

.mail-box-container .react-tabs__tab-list {
  position: relative; }

.mail-box-container .react-tabs__tab {
  width: 134px; }
  .mail-box-container .react-tabs__tab .tab-child-container p {
    -webkit-margin-before: 8px;
            margin-block-start: 8px;
    -webkit-margin-after: 13px;
            margin-block-end: 13px; }

.mail-box-container .react-tabs .mail-box-info {
  position: absolute;
  top: 15px;
  right: 30px; }
  .mail-box-container .react-tabs .mail-box-info .mail-box-sys-email {
    font-size: 16px;
    font-weight: 500;
    margin-left: 8px; }
  .mail-box-container .react-tabs .mail-box-info .mail-box-title {
    font-size: 15px; }

.disable-import {
  position: absolute;
  width: 100%;
  opacity: 0.5;
  background: #a0a0a0;
  height: 100%;
  z-index: 1;
  text-align: center; }
  .disable-import span {
    display: inline-block;
    margin-top: 20%; }

.view-popup {
  width: 100%;
  min-width: 700px;
  min-height: 600px;
  overflow: hidden;
  /* Let's get this party started */
  /* Track */
  /* Handle */ }
  .view-popup .headerModal {
    background-color: #4068F6;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 19px !important; }
    .view-popup .headerModal span {
      position: absolute;
      right: 20px;
      top: 20px;
      cursor: pointer;
      font-size: 30px; }
  .view-popup .moreHeight {
    max-height: 460px !important; }
  .view-popup .mail-box-popup-field {
    margin-top: 25px;
    color: #212121; }
    .view-popup .mail-box-popup-field .title-field {
      font-weight: 600;
      font-size: 15px; }
    .view-popup .mail-box-popup-field .value-field {
      font-weight: 400;
      font-size: 15px;
      margin-top: 8px; }
  .view-popup ::-webkit-scrollbar {
    width: 5px; }
  .view-popup ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px; }
  .view-popup ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bbbbbb;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
  .view-popup ::-webkit-scrollbar-thumb:window-inactive {
    background-color: #bbbbbb; }

.btn-view-buy-records {
  float: right;
  margin-top: -60px !important;
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: white !important; }

.view-buy-records-dialog .title-label {
  font-size: 20px;
  color: #212121;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 24px; }

.view-buy-records-dialog .content-container {
  padding: 24px; }
  .view-buy-records-dialog .content-container .label, .view-buy-records-dialog .content-container .buy-label, .view-buy-records-dialog .content-container .note-label {
    font-size: 20px;
    color: #212121;
    font-weight: 600; }
  .view-buy-records-dialog .content-container .note-label {
    margin-top: 24px; }
  .view-buy-records-dialog .content-container .buy-date {
    padding: 16px;
    border: 1px solid #E5E5E5;
    border-radius: 6px 6px 0px 0px;
    margin-top: 16px; }
    .view-buy-records-dialog .content-container .buy-date .buy-date-item, .view-buy-records-dialog .content-container .buy-date .buy-date-item-selected {
      border: 1px solid #D4D8D8;
      border-radius: 6px;
      color: #212121;
      font-size: 15px;
      height: 31px;
      width: 107px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      margin-right: 12px;
      cursor: pointer; }
    .view-buy-records-dialog .content-container .buy-date .buy-date-item-selected {
      border-color: #4068F6;
      color: #4068F6; }
  .view-buy-records-dialog .content-container .transaction-container {
    padding: 16px;
    border: 1px solid #E5E5E5;
    border-radius: 0px 0px 8px 8px;
    border-top-width: 0px; }
    .view-buy-records-dialog .content-container .transaction-container .info {
      background: #FAFAFA;
      border-radius: 8px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 16px; }
      .view-buy-records-dialog .content-container .transaction-container .info .info-label, .view-buy-records-dialog .content-container .transaction-container .info .info-value {
        font-size: 15px;
        color: #212121; }
      .view-buy-records-dialog .content-container .transaction-container .info .info-value {
        font-weight: bold;
        margin-left: 6px; }
    .view-buy-records-dialog .content-container .transaction-container .attachments {
      color: #212121;
      font-size: 15px;
      font-weight: bold;
      margin-top: 16px; }
    .view-buy-records-dialog .content-container .transaction-container .attachments-file {
      padding-left: 16px;
      padding-right: 16px;
      border: 1px solid #E5E5E5;
      border-radius: 8px;
      display: -ms-flexbox;
      display: flex;
      margin-top: 8px; }
      .view-buy-records-dialog .content-container .transaction-container .attachments-file .wrapper {
        width: 49%;
        padding: 8px; }
        .view-buy-records-dialog .content-container .transaction-container .attachments-file .wrapper .label-container {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          color: #212121;
          font-size: 15px;
          font-weight: bold; }
        .view-buy-records-dialog .content-container .transaction-container .attachments-file .wrapper .horizontal-line {
          height: 1px;
          width: 100%;
          background: #D4D8D8;
          margin-top: 8px; }
        .view-buy-records-dialog .content-container .transaction-container .attachments-file .wrapper .files-container {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          margin-top: 12px; }
          .view-buy-records-dialog .content-container .transaction-container .attachments-file .wrapper .files-container .files-wrapper {
            background: #FAFAFA;
            border-radius: 8px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: justify;
                justify-content: space-between;
            padding: 8px;
            -ms-flex-direction: column;
                flex-direction: column; }
            .view-buy-records-dialog .content-container .transaction-container .attachments-file .wrapper .files-container .files-wrapper .file {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center;
              cursor: pointer; }
              .view-buy-records-dialog .content-container .transaction-container .attachments-file .wrapper .files-container .files-wrapper .file .file-name {
                font-size: 13px;
                color: #212121;
                margin-left: 10px;
                text-overflow: ellipsis;
                overflow: hidden;
                max-width: 300px; }
      .view-buy-records-dialog .content-container .transaction-container .attachments-file .line-container {
        display: -ms-flexbox;
        display: flex;
        width: 2%;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        padding: 15px 0px; }
        .view-buy-records-dialog .content-container .transaction-container .attachments-file .line-container .line {
          height: 100%;
          width: 1px;
          background: #E5E5E5; }
  .view-buy-records-dialog .content-container .event-history-container {
    padding: 16px;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    margin-top: 16px;
    margin-bottom: 24px;
    max-height: 200px;
    overflow-y: auto; }

.import-custom-tab {
  margin: 15px 0px 10px 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .import-custom-tab .toggle-tab {
    width: 325px; }

.import-less-expense p {
  color: #0094d8;
  font-size: 15px;
  text-decoration: underline; }

.import-custom {
  padding-top: 10px; }
  .import-custom .table-import-custom {
    border-bottom: 1px solid #E5E5E5;
    font-family: Inter; }
    .import-custom .table-import-custom thead {
      background-color: rgba(64, 104, 246, 0.08); }
    .import-custom .table-import-custom .header-import-custom thead {
      background-color: rgba(64, 104, 246, 0.08); }
    .import-custom .table-import-custom .header-import-custom tr th {
      font-size: 15px;
      color: #212121;
      font-weight: bold;
      border-top: none;
      border-left: none;
      border-right: none; }
    .import-custom .table-import-custom tbody tr td {
      font-size: 16px;
      border: none; }
    .import-custom .table-import-custom .col-import-custom-25 {
      width: 35%; }
    .import-custom .table-import-custom .col-import-custom-50 {
      width: 60%; }
    .import-custom .table-import-custom .select-setting-import {
      font-family: Inter;
      font-size: 17px; }
      .import-custom .table-import-custom .select-setting-import .css-bg1rzq-control {
        border-radius: 8px; }
    .import-custom .table-import-custom .bg-purple {
      background-color: rgba(64, 104, 246, 0.08); }
    .import-custom .table-import-custom .col-import-first {
      padding: 10px; }
    .import-custom .table-import-custom .select-column-setting-import {
      padding: 10px 0px; }
    .import-custom .table-import-custom .import-setting-select {
      min-width: 140px;
      float: left; }
    .import-custom .table-import-custom .import-setting-remove {
      float: left;
      margin: 15px 6px; }
    .import-custom .table-import-custom .icon-close-red {
      color: #D30F03;
      cursor: pointer; }
    .import-custom .table-import-custom .mat-select div :first-child {
      background-color: #fff; }

.btn-add-row-import-custom {
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: white !important;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-sizing: border-box;
  font-family: Inter;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-radius: 2px;
  min-width: 88px;
  font-size: 14px !important;
  text-transform: capitalize !important;
  float: right; }
  .btn-add-row-import-custom.show-hide-input-field {
    min-width: 100px !important; }
  .btn-add-row-import-custom.disable {
    background-color: #BBBBBB !important;
    color: #fff !important; }
  .btn-add-row-import-custom svg {
    margin-right: 4px; }

.btn-add-row-import-custom:hover {
  background-color: rgba(0, 0, 0, 0.08) !important; }

.btn-remove-row {
  background-color: #bbbaba !important;
  font-size: 14px !important; }
  .btn-remove-row button {
    color: white !important;
    background-color: #0094d8 !important;
    box-shadow: 0px 2px 5px 0 rgba(0, 70, 108, 0.4) !important; }
    .btn-remove-row button span {
      color: white !important;
      font-size: 14px; }

.expan-detail-import-custom {
  display: block !important;
  margin-bottom: 30px;
  padding-top: 0px !important; }

.expan-import-custom {
  margin-top: 10px; }

.btn-import-custom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-bottom: 10px;
  margin-top: 10px; }

.holder-import {
  margin-top: 10px;
  padding: 8px 5px !important; }

.error-import-custom {
  color: red;
  font-weight: normal;
  padding: 5px; }

.header-setting-import-custom {
  width: 100%;
  height: 60px;
  margin-top: 10px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .header-setting-import-custom a {
    cursor: pointer;
    margin-left: 20px;
    color: blue;
    font-size: 15px;
    text-decoration: underline; }
  .header-setting-import-custom .expand-icon {
    margin-left: 10px;
    cursor: pointer; }

.show-container-setting-import {
  min-height: 320px;
  display: block; }

.hide-container-setting-import > .holder-import {
  margin-bottom: 15px !important; }

.text-box-border {
  width: 100%;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }
  .text-box-border > div {
    max-height: 40px; }
    .text-box-border > div > fieldset:focus {
      border-color: #2684ff !important;
      border-width: 2px; }

.multi-text-box-border {
  width: 100%;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }
  .multi-text-box-border > div > fieldset {
    height: 80px; }

.cash-import-setting-add {
  padding-top: 65px; }

.cash-import-custom {
  width: 100%;
  overflow-x: auto; }
  .cash-import-custom table {
    min-width: 900px;
    background-color: #FFF; }
    .cash-import-custom table tr th, .cash-import-custom table td {
      width: 110px;
      font-size: 15px;
      color: rgba(0, 0, 0, 0.87);
      padding: 4px 20px 4px 20px !important; }
    .cash-import-custom table tr td {
      border: 1px solid #E5E5E5; }
  .cash-import-custom .table-import-custom {
    border: 1px solid #E5E5E5; }
  .cash-import-custom .cash-col-first {
    background-color: #F0F3FE;
    width: 15%; }

.import-setting {
  padding-top: 0px; }
  .import-setting .import-header-seting {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px; }
    .import-setting .import-header-seting .col-header-from {
      float: left;
      width: 40%;
      height: 87px;
      border-radius: 8px;
      background: #FFFFFF;
      border: 1px solid #E5E5E5;
      box-sizing: border-box; }
      .import-setting .import-header-seting .col-header-from .header-title {
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        height: 38px;
        background: #EBEFFE;
        border-radius: 4px;
        margin: 3px;
        color: #212121; }
      .import-setting .import-header-seting .col-header-from .data-xample {
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        color: #212121;
        line-height: 34px;
        text-align: center;
        -ms-flex-align: center;
            -ms-grid-row-align: center;
            align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0px 15px; }
    .import-setting .import-header-seting .row-mapping-icon {
      float: left;
      width: 20%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .import-setting .import-header-seting .row-mapping-icon .icon-from-to {
        width: 100%;
        max-width: 167px;
        image-rendering: -webkit-optimize-contrast; }
    .import-setting .import-header-seting .col-mapping-from {
      float: left;
      width: 40%;
      height: 87px;
      background: #EBEFFE;
      border: 1px solid #E5E5E5;
      box-sizing: border-box;
      border-radius: 8px; }
      .import-setting .import-header-seting .col-mapping-from .mappting-to {
        font-size: 15px;
        line-height: 15px;
        color: #212121;
        margin-top: 8px;
        margin-left: 12px; }
      .import-setting .import-header-seting .col-mapping-from .mappting-select {
        padding: 14px;
        font-size: 15px; }
        .import-setting .import-header-seting .col-mapping-from .mappting-select .setting {
          padding: 5px; }
        .import-setting .import-header-seting .col-mapping-from .mappting-select .select__single-value {
          color: #212121; }

.icon-import-remove {
  width: 60%;
  image-rendering: -webkit-optimize-contrast;
  cursor: pointer; }

.label-range-date {
  border-radius: 10%;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important; }

.btn-range-date {
  text-transform: capitalize;
  width: 180px !important; }
  .btn-range-date .cash-view-range-date {
    padding-left: 10px;
    padding-right: 10px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    height: 100%; }

.browserFile {
  color: #00a0af;
  cursor: pointer; }

.attachments {
  padding: 10px 0px !important;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
  cursor: pointer; }
  .attachments .hidden-long-name {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .attachments .content {
    width: 85%;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .attachments .icon {
    float: right; }
  .attachments.p-content-file-name {
    padding: 0 !important; }

.select-transaction-type .Select-input {
  display: none !important; }

.select-transaction-type .Select-control {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0px;
  height: 20px; }

.view-cash-management-container {
  margin: 0px 10px; }
  .view-cash-management-container .view-cash-management-header {
    -ms-flex-direction: row;
        flex-direction: row;
    display: -ms-flexbox;
    display: flex; }
    .view-cash-management-container .view-cash-management-header .view-cash-management-title {
      margin-right: 50px; }

.btn-export .btn-export-content {
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  height: 100%; }
  .btn-export .btn-export-content span.icon-export {
    color: #227547;
    margin-right: 5px;
    -ms-flex-item-align: center;
        align-self: center; }
  .btn-export .btn-export-content div.text-export-style {
    font-size: 14px;
    -ms-flex-item-align: center;
        align-self: center;
    color: #3DB7C2; }

.view-table-transaction-detail {
  position: relative; }
  .view-table-transaction-detail .view-range-date {
    display: block;
    position: absolute;
    z-index: 2;
    right: 50px;
    padding-top: 20px; }

#menu-group {
  z-index: 0;
  position: absolute;
  box-shadow: 0 0 4px #d9d9d9;
  max-height: 300px;
  overflow: hidden auto;
  width: 500px;
  background: white; }
  #menu-group ul {
    background: white;
    width: 250px;
    padding: 0;
    list-style-type: none;
    text-align: left; }
    #menu-group ul li {
      color: black;
      position: relative; }
  #menu-group li {
    width: auto;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 1em;
    color: black; }
    #menu-group li:hover {
      background: #00A0AF;
      color: white; }
      #menu-group li:hover .sub-menu-group {
        display: block; }
  #menu-group .sub-menu-group {
    position: absolute;
    left: 250px;
    top: 0;
    display: none; }

.sub-menu-group {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: #d9d9d9 0px 0px 4px; }

.view-group {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  max-width: 230px;
  min-width: 10px; }

.btn-select-group {
  background-color: #FFFFFF !important;
  text-transform: none !important;
  border: 1px solid #D4D8DB !important;
  border-radius: 4px !important;
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
  padding: 4px 10px !important;
  min-height: 36px !important;
  width: 90%; }

.cash-input-currency {
  padding-top: 30px;
  padding-bottom: 30px; }

.select-account {
  background-color: #00C5CD; }

.check-box {
  margin: 34px 0 0 -30px; }

.stepper {
  box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 50px; }

.button-single-of-group-button {
  text-transform: none !important;
  background-color: #4068F6 !important;
  color: #FFFFFF !important;
  height: 30px !important;
  padding: 0px 8px !important;
  border-radius: 100px !important;
  font-size: 14px !important; }
  .button-single-of-group-button.disable {
    opacity: 0.4;
    cursor: default; }

.group-button-actions {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: center;
      align-items: center; }

.tool-tip {
  padding: 8px 21px;
  color: #fff;
  opacity: 0.9;
  background-color: #666666 !important;
  border-radius: 3px;
  display: inline-block;
  font-size: 13px;
  padding: 8px 21px;
  position: absolute;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
  font-family: Inter;
  z-index: 3;
  margin-top: 10px; }

#children-check-box-group {
  margin-left: 50px; }

li.li-menu-group div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.style-icon-material-expense {
  margin-left: 5px;
  margin-right: 5px; }

.color-accept {
  color: #00A0AF; }

.color-cancel {
  color: #F81010; }

.style-list-single-choose {
  background: white;
  box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  max-height: 300px;
  overflow-y: auto;
  min-height: 60px;
  width: 400px;
  z-index: 1; }

.select-single-container {
  border-bottom: 1px dashed #e0e0e0; }

.btn-single-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center; }

.btn-single-select-children {
  display: -ms-flexbox;
  display: flex;
  margin-left: 50px; }

.icon-show-more {
  margin-left: 5px; }

.style-text-btn {
  text-transform: initial; }

.width-full {
  width: 100%; }

.flex-between-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.mar-10 {
  margin: 10px; }

.mar-top-5-bot-5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.label-cursor-hand {
  cursor: pointer !important;
  opacity: none; }

.label-cursor-hand:hover {
  opacity: 0.5; }

.style-center-align {
  height: 50px;
  width: 100%;
  background: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.drp-calendar {
  margin-right: 100px !important; }

.btn-import-trans {
  min-height: 30px;
  width: 110px;
  margin-left: 10px !important;
  background: #ffffff;
  padding-top: 3px !important;
  background-color: white !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  text-transform: capitalize !important;
  float: right; }

.icon-contaniner {
  width: 50%;
  text-align: center;
  cursor: pointer; }

.header-page-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px; }
  .header-page-container.display-block {
    display: block; }
  .header-page-container .select-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .header-page-container .dropdow-filter-container {
    margin-left: 20px; }
  .header-page-container .addBtn {
    margin-left: auto; }
  .header-page-container .renderValue {
    color: #99A1A8; }

.capital-gain-loss-container .grand-total-table {
  margin-bottom: -10px; }

.capital-gain-loss-container .grand-total-border {
  border: 1px solid #E5E5E5; }

.credit-interests-container .header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px; }
  .credit-interests-container .header-container .dropdow-filter-container {
    margin-left: 20px; }

.credit-interests-container .credit-interests-content {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 20px; }

.cash-transaction-type-container .header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px; }
  .cash-transaction-type-container .header-container .dropdow-filter-container {
    margin-left: 20px; }

.cash-transaction-type-container .cash-transaction-type-content {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 20px; }
  .cash-transaction-type-container .cash-transaction-type-content .group-right {
    float: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 20px; }
    .cash-transaction-type-container .cash-transaction-type-content .group-right .tag {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .cash-transaction-type-container .cash-transaction-type-content .group-right .tag .deductible-text {
        font-family: Inter;
        font-size: 15px;
        color: #212121; }
      .cash-transaction-type-container .cash-transaction-type-content .group-right .tag .border {
        border: 1px solid #EBEBEB;
        height: 32px;
        margin-left: 14px; }

.manage-users-container .header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px; }
  .manage-users-container .header-container .dropdow-filter-container {
    margin-left: 20px; }
  .manage-users-container .header-container .date-range-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .manage-users-container .header-container .date-picker-revenue {
    padding-right: 15px;
    width: 190px; }

.manage-users-container .manage-users-content {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 20px; }
  .manage-users-container .manage-users-content .header-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 10px; }
    .manage-users-container .manage-users-content .header-table.flex-end {
      -ms-flex-pack: end;
          justify-content: flex-end; }
    .manage-users-container .manage-users-content .header-table .status-container {
      display: -ms-flexbox;
      display: flex; }
      .manage-users-container .manage-users-content .header-table .status-container .status-text {
        font-family: Inter;
        font-size: 15px;
        font-weight: 500;
        color: #212121;
        margin: 5px -20px 0px 0px; }
    .manage-users-container .manage-users-content .header-table .add-new-text {
      font-weight: 600;
      font-size: 20px;
      color: #212121; }
  .manage-users-container .manage-users-content .search-input {
    width: 320px; }
  .manage-users-container .manage-users-content .package-item {
    border: 1px solid #D4D8DB;
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
    height: 128px; }
    .manage-users-container .manage-users-content .package-item.active {
      background: #F7F9FF;
      border: 2px solid #4068F6;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); }
    .manage-users-container .manage-users-content .package-item .header-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; }
      .manage-users-container .manage-users-content .package-item .header-item .package-type {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .manage-users-container .manage-users-content .package-item .header-item .package-type span {
          display: block;
          font-weight: 600;
          font-size: 18px;
          margin-left: 12px; }
        .manage-users-container .manage-users-content .package-item .header-item .package-type img {
          width: 48px;
          height: 48px; }
    .manage-users-container .manage-users-content .package-item .number-users {
      margin-top: 16px;
      font-size: 15px;
      color: #212121; }
      .manage-users-container .manage-users-content .package-item .number-users span {
        font-weight: 600; }

.manage-users-container .tab-container {
  width: 240px;
  margin-bottom: 20px; }

.add-income-container .header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px; }
  .add-income-container .header-container .radio-group-container {
    margin-top: 4px; }

.common-table-group {
  overflow: auto; }
  .common-table-group .header-grid {
    background-color: #D9E1FD;
    height: 68px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0px 20px;
    color: #212121;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #E5E5E5; }
    .common-table-group .header-grid .flex-end {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
    .common-table-group .header-grid .flex-end-border-right {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end;
      -ms-flex-align: center;
          align-items: center;
      padding-right: 10px; }
      .common-table-group .header-grid .flex-end-border-right.lastColumnClass {
        border-right: 2px solid #99A1A8;
        height: 100%; }
    .common-table-group .header-grid .flex-center {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
    .common-table-group .header-grid .padding-left-5-percent {
      padding-left: 5%; }
    .common-table-group .header-grid .padding-left-20-percent {
      padding-left: 20%; }
  .common-table-group .row-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    min-height: 42px;
    font-family: Inter;
    font-size: 15px;
    color: #212121;
    padding: 0px 20px; }
    .common-table-group .row-item.hilight {
      background-color: rgba(64, 104, 246, 0.08); }
    .common-table-group .row-item.sub-group {
      background-color: #BFCCFB;
      font-weight: 600; }
    .common-table-group .row-item .text-overflow {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .common-table-group .total-cash-transaction-types {
    height: 56px;
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    color: #212121;
    background-color: #FFFFFF;
    box-shadow: -2px 0px 8px rgba(0, 0, 0, 0.06);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0px 20px; }
    .common-table-group .total-cash-transaction-types.hilight {
      background-color: #BFCCFB; }
  .common-table-group .currency-negative {
    color: #D30F03; }
    .common-table-group .currency-negative.flex-end {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .common-table-group .currency-positive {
    color: #00AF31; }
    .common-table-group .currency-positive.flex-end {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .common-table-group .flex-end {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .common-table-group .flex-end-border-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
    padding-right: 10px; }
    .common-table-group .flex-end-border-right.lastColumnClass {
      border-right: 2px solid #99A1A8;
      height: 100%; }
  .common-table-group .padding-left-5-percent {
    padding-left: 5%; }
  .common-table-group .padding-left-20-percent {
    padding-left: 20%; }
  .common-table-group .stock-code {
    color: #4068F6; }

.empty-data-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.z-index-1 {
  z-index: 1; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.display-block {
  display: block; }

.pd-top-10 {
  padding-top: 10px; }

.bottom-0 {
  bottom: 0px; }

.read-only-bold {
  font-weight: bold; }

.mortgage {
  margin-bottom: 8%;
  font-weight: bold; }

.item-hover-bg-blue {
  cursor: context-menu; }

.item-hover-bg-blue:hover {
  background: #4068F6;
  color: white; }
  .item-hover-bg-blue:hover .arrow-right-icon {
    color: #FFFFFF;
    font-size: 20px !important; }
  .item-hover-bg-blue:hover .item-name-style {
    color: #FFF; }
  .item-hover-bg-blue:hover .item-name-style-sub {
    color: #FFF; }

.collapse-expand {
  background-color: #ECF0FE; }

.item-choose-single {
  min-height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 20px;
  padding-right: 16px;
  min-width: 10px;
  cursor: pointer; }

.item-name-style {
  min-width: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  font-size: 15px;
  padding: 4px 4px;
  color: #080F26; }

.item-name-style-sub {
  min-width: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  font-size: 15px;
  padding: 4px 20px;
  color: #212121; }

.max-height-expand {
  max-height: 500px;
  overflow: auto; }

.arrow-right-icon {
  color: #4068F6;
  font-size: 20px !important; }

.item-selected {
  background: #4068F6;
  color: white;
  border-top: 0.5px solid #f6f7f8;
  border-bottom: 0.5px solid #f6f7f8; }
  .item-selected .arrow-right-icon {
    color: #FFFFFF;
    font-size: 20px !important; }

.box-shaw-element {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden; }

.tab-parent-style {
  float: left;
  background: white;
  width: 365px; }

.tab-children-style {
  float: right;
  width: 220px;
  margin-right: 10px;
  margin-bottom: 10px;
  background: white; }

.item-each-tab-children-style {
  overflow-x: hidden;
  width: 200px;
  min-height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 10px;
  padding-right: 5px; }

.delete-bank-account {
  text-align: center;
  margin-top: 5%; }

.text-label {
  font-size: 13px;
  color: #555555;
  font-family: Inter; }

.cus-width {
  min-width: 1px;
  max-width: 90px; }

.mr-bot-4 {
  margin-bottom: 4px; }

.style-tabs-header > div {
  margin-bottom: 2px; }

.style-tabs-header :nth-child(1) button {
  text-transform: none !important;
  font-size: 15px !important; }

.padding-right-5 {
  padding-right: 5px; }

.set-index-cash-overflow {
  z-index: 1; }

.pss-rel {
  position: relative; }

.btn-prevent {
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

.rent-incom-expense-container {
  padding: 20px;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  border-radius: 8px; }
  .rent-incom-expense-container .title-expense {
    font-size: 20px; }
  .rent-incom-expense-container .rent-income {
    border-bottom: 1px solid #EBEBEB; }
    .rent-incom-expense-container .rent-income .title-expense {
      margin-bottom: 10px; }
    .rent-incom-expense-container .rent-income .section-title {
      display: inline-block;
      margin: 5px 0px;
      font-size: 16px;
      font-weight: 600; }
    .rent-incom-expense-container .rent-income .card {
      box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.07);
      background: #fff;
      margin: 0;
      padding: 22px 10px 0px 25px; }
    .rent-incom-expense-container .rent-income .wraper-name-expense-income {
      line-height: 40px; }
      .rent-incom-expense-container .rent-income .wraper-name-expense-income .name-expense {
        display: inline-block;
        vertical-align: middle;
        line-height: normal; }
    .rent-incom-expense-container .rent-income .amount-expense {
      line-height: 40px; }
    .rent-incom-expense-container .rent-income .row {
      display: -ms-flexbox;
      display: flex;
      margin: unset; }
      .rent-incom-expense-container .rent-income .row .col-without-ic {
        width: 24%;
        display: -ms-inline-flexbox;
        display: inline-flex; }
        .rent-incom-expense-container .rent-income .row .col-without-ic > div {
          width: 100%; }
      .rent-incom-expense-container .rent-income .row .col-with-ic {
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 26%; }
        .rent-incom-expense-container .rent-income .row .col-with-ic > div {
          width: 100%; }
        .rent-incom-expense-container .rent-income .row .col-with-ic .calculation-ic {
          margin-top: 36px;
          display: inline-block;
          padding: 0px 10px; }
      .rent-incom-expense-container .rent-income .row .gross-rental-income {
        font-weight: 500; }
      .rent-incom-expense-container .rent-income .row .amount-received {
        display: -ms-flexbox;
        display: flex; }
        .rent-incom-expense-container .rent-income .row .amount-received img {
          margin-left: 5px; }
  .rent-incom-expense-container .rent-expenses {
    padding-top: 10px;
    min-height: 294px; }
    .rent-incom-expense-container .rent-expenses .card {
      box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.07);
      background: #fff;
      padding: 20px 10px 0px 25px; }
    .rent-incom-expense-container .rent-expenses .expense-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row; }
    .rent-incom-expense-container .rent-expenses .delete-icon {
      cursor: pointer;
      margin-left: 10px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
          align-items: center;
      height: 24px;
      width: 24px;
      image-rendering: -webkit-optimize-contrast;
      padding-top: 7px; }
    .rent-incom-expense-container .rent-expenses .name-expense {
      padding-top: 15px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-height: 15px; }
    .rent-incom-expense-container .rent-expenses .expense-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .rent-incom-expense-container .rent-expenses .expense-row-right {
        float: right; }
      .rent-incom-expense-container .rent-expenses .expense-row .label, .rent-incom-expense-container .rent-expenses .expense-row .view-buy-records-dialog .content-container .buy-label, .view-buy-records-dialog .content-container .rent-incom-expense-container .rent-expenses .expense-row .buy-label, .rent-incom-expense-container .rent-expenses .expense-row .view-buy-records-dialog .content-container .note-label, .view-buy-records-dialog .content-container .rent-incom-expense-container .rent-expenses .expense-row .note-label {
        margin-bottom: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 15px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 300px; }
      .rent-incom-expense-container .rent-expenses .expense-row .field {
        display: -ms-inline-flexbox;
        display: inline-flex;
        max-width: 300px;
        width: 100%;
        padding-left: 20px;
        padding-right: 24px; }
        .rent-incom-expense-container .rent-expenses .expense-row .field .currency {
          width: 100%; }
        .rent-incom-expense-container .rent-expenses .expense-row .field-add-local {
          padding-right: 0px; }
      @media only screen and (max-width: 1280px) {
        .rent-incom-expense-container .rent-expenses .expense-row .field {
          max-width: 250px; } }
    .rent-incom-expense-container .rent-expenses .icon-delete {
      width: 24px;
      height: 24px;
      padding: 0px 0px 10px 5px;
      cursor: pointer; }
    .rent-incom-expense-container .rent-expenses .tab-action {
      display: -ms-flexbox;
      display: flex;
      padding: 10px 0px; }
      .rent-incom-expense-container .rent-expenses .tab-action .expense-button {
        display: inline-block;
        padding: 5px 0px; }
      .rent-incom-expense-container .rent-expenses .tab-action .btn-add-expense {
        min-height: 18px;
        font-size: 14px;
        height: 24px; }
      .rent-incom-expense-container .rent-expenses .tab-action .tab-button {
        cursor: pointer;
        margin: 10px 0px;
        padding: 0px 10px; }
        .rent-incom-expense-container .rent-expenses .tab-action .tab-button:not(:first-child) {
          border-left: 1px solid #C0C0C0; }
        .rent-incom-expense-container .rent-expenses .tab-action .tab-button-active {
          color: #4068F6; }
    .rent-incom-expense-container .rent-expenses .expense-field {
      border: 1px solid #EBEBEB;
      border-radius: 8px;
      padding: 10px; }

.overflow-max-height {
  display: -ms-flexbox;
  display: flex; }
  .overflow-max-height .expense-field {
    margin-bottom: 16px; }
    .overflow-max-height .expense-field p {
      position: relative;
      bottom: 0;
      margin: 5px 0px; }

.expense-form-checkbox {
  padding: 0 !important;
  margin-top: 10px !important; }

.expense-form-line-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .expense-form-line-wrapper .line {
    height: 32px;
    width: 1px;
    background-color: #EBEBEB; }

.text-right {
  margin-top: 8px;
  float: right; }

.margin-right {
  margin-right: 15px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 35%; }

.style-no-data-tab-single-choose {
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.marginTop7px {
  margin-top: 7px; }

.auto-setting-popover {
  overflow-y: hidden; }
  .auto-setting-popover .title-dropdow-checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-weight: bolder;
    height: 40px;
    border-bottom-width: 1px;
    border-bottom-style: outset;
    border-bottom-color: rgba(0, 0, 0, 0.14); }
  .auto-setting-popover .group-button-setting {
    padding: 10px 10px 0 10px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    border-top-width: 1px;
    border-top-style: outset;
    border-top-color: rgba(0, 0, 0, 0.14);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }
    .auto-setting-popover .group-button-setting .btn-new-ui-default {
      width: auto !important;
      height: 32px;
      background-color: #FFFFFF !important;
      color: #4068F6 !important;
      border-radius: 18px !important;
      border: 1px solid #4068F6;
      box-shadow: none !important;
      padding-top: 0;
      padding-bottom: 0; }
    .auto-setting-popover .group-button-setting .tealBg {
      color: #ffffff !important;
      background: #4068F6 !important; }
  .auto-setting-popover .dropdown-checkbox {
    max-height: 300px;
    display: inline-block;
    overflow-y: auto;
    position: relative;
    overflow-x: hidden; }

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

.cash-fixed-data-table {
  font-size: 12px !important;
  line-height: 1.1;
  box-shadow: 0px -1px 1px 0 rgba(0, 0, 0, 0.05), 0px 1px 4px 0 rgba(0, 0, 0, 0.15);
  outline: none;
  box-sizing: border-box;
  overflow: hidden;
  position: relative; }

.fs-20 {
  font-size: 20px; }

.fs-17 {
  font-size: 17px; }

#tb-cus {
  padding: 2px 0px 2px 15px;
  font-size: 15px; }

.search-adornment {
  color: #DBDBDB; }

.style-bor-b-cus {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); }

.ver-center {
  vertical-align: middle; }

.div-footer-dropdown {
  text-align: center;
  border-top: 1px solid #E5E5E5;
  border-radius: 0px 0px 8px 8px !important;
  font-size: 15px;
  color: #4068F6;
  padding: 16px 0px;
  cursor: pointer; }

.cell-files {
  color: #00a0af;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  font-family: 'Inter'; }

.name-attachments {
  margin-left: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 200px;
  white-space: nowrap;
  cursor: pointer;
  font-family: Inter;
  font-size: 14px;
  color: #212121;
  line-height: 20px; }

#style-cus-col-value {
  color: #ffffff;
  font-size: 20px !important; }

#style-cus-col-title > p {
  color: #ffffff !important;
  text-transform: none;
  font-size: 20px !important; }

.color-cancel {
  color: #757575; }

.color-edit {
  color: black; }

.color-delete {
  color: red; }

.color-save {
  color: #21bcd4; }

.color-main {
  color: #212121; }

.header-transaction-detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.label_inline_select {
  float: left;
  margin-right: 20px;
  margin-bottom: 0px; }

.hidden-component {
  position: absolute;
  z-index: -1000; }

.preview-export-container .preview-export-table-container {
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 20px;
  margin-top: 5px; }

.preview-export-container .title-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 44px;
  background: #FAFAFA;
  border-radius: 8px;
  padding: 0px 10px;
  margin-bottom: 10px; }
  .preview-export-container .title-grid .text {
    font-size: 15px;
    color: #212121;
    margin-left: 15px; }
  .preview-export-container .title-grid .value {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    margin-left: 5px; }
  .preview-export-container .title-grid .border {
    border: 1px solid #EBEBEB;
    height: 28px;
    margin-left: 15px; }

.preview-export-table {
  overflow: auto; }
  .preview-export-table .table-item {
    margin-bottom: 10px;
    border: 1px solid #4068F6; }
  .preview-export-table .header-grid {
    background-color: #4068F6;
    height: 56px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0px 20px;
    color: #FFFFFF;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600; }
    .preview-export-table .header-grid .flex-end {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .preview-export-table .row-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    height: 42px;
    font-family: Inter;
    font-size: 15px;
    color: #212121;
    padding: 0px 20px; }
    .preview-export-table .row-item.hilight {
      background-color: rgba(64, 104, 246, 0.08); }
    .preview-export-table .row-item.sub-group {
      background-color: #D2DCFC;
      font-weight: 600; }
  .preview-export-table .total-preview-export {
    height: 56px;
    font-family: Inter;
    font-size: 16px;
    font-weight: bold;
    color: #212121;
    background-color: #ADC1FF;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0px 20px; }
  .preview-export-table .currency-negative {
    color: #D30F03; }
    .preview-export-table .currency-negative.flex-end {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .preview-export-table .currency-positive {
    color: #00A72F; }
    .preview-export-table .currency-positive.flex-end {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .preview-export-table .flex-end {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }

.list-bank-account-container {
  display: -ms-flexbox;
  display: flex; }
  .list-bank-account-container.display-none {
    display: none; }
  .list-bank-account-container .more-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 50px;
    min-width: 50px;
    background: #FFFFFF;
    box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.06);
    height: 60px;
    border-radius: 6px 0px 0px 6px;
    margin-right: 5px;
    z-index: 1;
    cursor: pointer; }
    .list-bank-account-container .more-item .blue-color {
      color: #4068F6; }
  .list-bank-account-container .menuClassNew {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background: #FFFFFF;
    box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.06);
    height: 60px;
    border-radius: 0px 6px 6px 0px;
    min-width: 200px; }
    .list-bank-account-container .menuClassNew .icon-blue-color {
      color: #4068F6; }
  .list-bank-account-container .arrowDisabledClass {
    visibility: hidden; }

.custom-scroll {
  /* Let's get this party started */
  /* Track */
  /* Handle */ }
  .custom-scroll ::-webkit-scrollbar {
    width: 5px; }
  .custom-scroll ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px; }
  .custom-scroll ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #c2c2c2;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
  .custom-scroll ::-webkit-scrollbar-thumb:window-inactive {
    background-color: #c2c2c2; }

.menu-item-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 10px;
  margin: 0px 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  border: none;
  border: 1px solid #D4D8DB;
  box-sizing: border-box;
  border-radius: 6px; }
  .menu-item-container:hover {
    border: 1px solid #4068F6; }
  .menu-item-container.active {
    border: 1px solid #4068F6; }
    .menu-item-container.active .text {
      border-right: 1px solid #4068F6;
      padding-right: 15px; }
  .menu-item-container .text {
    font-family: Inter;
    color: #212121;
    border-right: 1px solid #D4D8DB;
    padding-right: 15px;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .menu-item-container .icon-expand-blue-color {
    color: #4068F6;
    font-size: 20px !important;
    margin-left: 5px; }

.scroll-menu-arrow {
  padding: 0px 5px;
  cursor: pointer; }

.item-class:focus {
  outline: none; }

.menu-item-list {
  padding: 10px !important; }
  .menu-item-list:hover {
    background-color: #4068F6 !important;
    color: #FFFFFF !important; }

.view-transaction-detail {
  font-family: Inter; }
  .view-transaction-detail .transaction-detail-title {
    font-weight: 500;
    font-size: 20px;
    color: #212121; }
  .view-transaction-detail .account-name {
    font-size: 15px;
    color: #212121;
    margin-left: 15px; }
  .view-transaction-detail .ViewTransactionDetailsaction {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .view-transaction-detail .ViewTransactionDetailsaction .transaction-delete-action {
      cursor: pointer; }
  .view-transaction-detail .wrap-date-balance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }

.balance-text {
  font-weight: 500;
  font-size: 16px;
  color: #212121;
  margin-left: 10px; }

.currency-negative {
  color: #D30F03;
  margin: 0px 10px; }

.currency-positive {
  color: #00AF31;
  margin: 0px 10px; }

.currency-0 {
  margin: 0px 10px; }

.main-content-container {
  padding: 24px;
  background-color: #FFF;
  border-radius: 8px; }

.matoggle-market {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 15px; }
  .matoggle-market span {
    margin-top: 10px;
    margin-right: 10px;
    font-size: 16px;
    color: #212121; }
  .matoggle-market .toggle_tabs {
    min-width: 120px; }
  .matoggle-market .toggle_tabs__item {
    min-width: 45px; }
  .matoggle-market .toggle_tabs__item--active {
    min-width: 45px; }
  .matoggle-market .disable {
    cursor: initial; }
    .matoggle-market .disable p {
      cursor: initial; }
    .matoggle-market .disable .toggle_tabs__item_value {
      color: rgba(0, 0, 0, 0.298039); }

.switch-market {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  font-size: 16px;
  margin-top: -10px;
  margin-bottom: 10px; }
  .switch-market span .market {
    width: 32px;
    height: 32px;
    border-radius: 50%; }
    .switch-market span .market.au {
      background: url(/au-market.png) rebeccapurple top; }
    .switch-market span .market.us {
      background: url(/us-market.png) rebeccapurple center; }
  .switch-market .label, .switch-market .view-buy-records-dialog .content-container .buy-label, .view-buy-records-dialog .content-container .switch-market .buy-label, .switch-market .view-buy-records-dialog .content-container .note-label, .view-buy-records-dialog .content-container .switch-market .note-label {
    margin-top: 15px;
    margin-right: 10px; }
  .switch-market .market-label-au {
    margin: 15px 5px 0 15px; }
  .switch-market .market-label-us {
    margin: 15px 15px 0 15px; }
  .switch-market input {
    width: 75px;
    margin-left: -10px; }

.switch-trending {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  font-size: 16px;
  color: #212121;
  font-weight: 600; }
  .switch-trending span .switch {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #4068F6; }
  .switch-trending .label, .switch-trending .view-buy-records-dialog .content-container .buy-label, .view-buy-records-dialog .content-container .switch-trending .buy-label, .switch-trending .view-buy-records-dialog .content-container .note-label, .view-buy-records-dialog .content-container .switch-trending .note-label {
    margin-top: 15px;
    margin-left: 10px; }

.groups-buttons-container {
  display: block;
  margin-left: auto; }

.custom-radius fieldset {
  border-radius: 18px; }

.buy-sell-contract .row-cus {
  margin: 0px 5px; }

.buy-sell-contract .col-custom {
  float: left;
  box-sizing: border-box;
  min-height: 1px; }
  .buy-sell-contract .col-custom .mg-l {
    margin-left: 10px !important; }
  .buy-sell-contract .col-custom .mg-r {
    margin-right: 10px !important; }
  .buy-sell-contract .col-custom .mg-l-r {
    margin: 0px 10px !important; }
  .buy-sell-contract .col-custom .refresh-icon-container {
    position: absolute;
    top: 5px;
    right: 10px; }
    .buy-sell-contract .col-custom .refresh-icon-container .refresh-icon {
      cursor: pointer; }
  .buy-sell-contract .col-custom.s1 {
    width: 4% !important;
    margin-left: auto;
    left: auto;
    right: auto; }
  .buy-sell-contract .col-custom.s1-1 {
    width: 4% !important;
    margin-left: auto;
    left: auto;
    right: auto; }
  .buy-sell-contract .col-custom.s1-2 {
    width: 5% !important;
    margin-left: auto;
    left: auto;
    right: auto; }
  .buy-sell-contract .col-custom.s2 {
    width: 22% !important;
    margin-left: auto;
    left: auto;
    right: auto; }
    .buy-sell-contract .col-custom.s2.position-relative {
      position: relative; }
  .buy-sell-contract .col-custom.s3 {
    width: 33.33% !important;
    margin-left: auto;
    left: auto;
    right: auto; }
  .buy-sell-contract .col-custom.s3-1 {
    width: 30% !important;
    margin-left: auto;
    left: auto;
    right: auto; }
    .buy-sell-contract .col-custom.s3-1.position-relative {
      position: relative; }
  .buy-sell-contract .col-custom.s4 {
    width: 36% !important;
    margin-left: auto;
    left: auto;
    right: auto; }
  .buy-sell-contract .col-custom.s5 {
    width: 48% !important;
    margin-left: auto;
    left: auto;
    right: auto; }
  .buy-sell-contract .col-custom.s7 {
    width: 66.67% !important;
    margin-left: auto;
    left: auto;
    right: auto; }
  .buy-sell-contract .col-custom.s12 {
    width: 100% !important;
    margin-left: auto;
    left: auto;
    right: auto; }
  .buy-sell-contract .col-custom .check-box {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0px;
    margin-top: 4px; }
    .buy-sell-contract .col-custom .check-box .inlineCb {
      margin-left: 10px; }
      .buy-sell-contract .col-custom .check-box .inlineCb label {
        display: initial; }
  .buy-sell-contract .col-custom .inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .buy-sell-contract .col-custom .rate-label {
    margin-top: 10px;
    color: #212121;
    font-size: 15px;
    font-weight: 500;
    min-width: 120px; }
    .buy-sell-contract .col-custom .rate-label .star {
      color: #D30F03; }
  .buy-sell-contract .col-custom .rate-input {
    width: 100%; }
  .buy-sell-contract .col-custom .refresh-ic {
    margin-top: 10px;
    cursor: pointer; }
  .buy-sell-contract .col-custom .disable-ic {
    opacity: 0.4; }

.buy-sell-contract .text-drp {
  color: #4068F6;
  font-size: 15px;
  font-weight: 500;
  margin-left: 15px;
  cursor: pointer; }

.w-12 {
  width: 12px; }
  .w-12.mr-5 {
    margin-right: 5px; }

.auto-update-setting {
  padding: 10px 0px 15px 0px; }

.radio-btn-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  margin-top: -10px; }
  .radio-btn-group span {
    font-size: 15px; }

.add-portfolio-dialog {
  min-width: 622px;
  max-height: 100vh !important; }
  .add-portfolio-dialog .add-portfolio-form-container {
    margin-top: -10px; }
    .add-portfolio-dialog .add-portfolio-form-container .radio-btn-group {
      padding-left: 15px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      width: 100%;
      margin-top: -10px; }
      .add-portfolio-dialog .add-portfolio-form-container .radio-btn-group span {
        font-size: 15px; }
    .add-portfolio-dialog .add-portfolio-form-container .add-portfolio-option .cb-mrt {
      margin-top: 2px; }
    .add-portfolio-dialog .add-portfolio-form-container .add-portfolio-option .cb-disable {
      pointer-events: none;
      opacity: 0.4; }
    .add-portfolio-dialog .add-portfolio-form-container .add-portfolio-option .stock-brokers {
      padding-left: 30px; }
      .add-portfolio-dialog .add-portfolio-form-container .add-portfolio-option .stock-brokers-container {
        background: #FFFFFF;
        border: 1px solid #EBEBEB;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 10px; }
        .add-portfolio-dialog .add-portfolio-form-container .add-portfolio-option .stock-brokers-container .horizontal-line {
          border-top: 1px solid #E5E5E5;
          display: block;
          padding: 8px 0px; }
    .add-portfolio-dialog .add-portfolio-form-container .add-portfolio-option .mail-address-title {
      color: #A5A5A5;
      font-size: 11.5px; }
      .add-portfolio-dialog .add-portfolio-form-container .add-portfolio-option .mail-address-title > img {
        vertical-align: bottom; }
    .add-portfolio-dialog .add-portfolio-form-container .add-portfolio-option .mail-address-content {
      padding: 8px 10px;
      background: #FAFAFA;
      border-radius: 8px;
      margin-bottom: 20px;
      color: #212121; }
      .add-portfolio-dialog .add-portfolio-form-container .add-portfolio-option .mail-address-content > button {
        width: 30px;
        height: 30px;
        float: right;
        top: -3px; }
        .add-portfolio-dialog .add-portfolio-form-container .add-portfolio-option .mail-address-content > button .icon-mail {
          width: 24px; }
    .add-portfolio-dialog .add-portfolio-form-container .radio-btn {
      width: 125px !important; }
      .add-portfolio-dialog .add-portfolio-form-container .radio-btn:first-child {
        margin-left: 0px; }

.depreciation-content-container .inline-block {
  display: inline-block;
  width: 100%; }

.depreciation-content-container .depre-total-table {
  margin-bottom: 24px; }

.depreciation-content-container .title-each-part {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #212121;
  margin-bottom: 16px; }

.depreciation-content-container .low-value-pool-content-container {
  margin-bottom: 40px; }
  .depreciation-content-container .low-value-pool-content-container .group-input-year-rate {
    display: inline-block;
    margin-bottom: 16px; }
    .depreciation-content-container .low-value-pool-content-container .group-input-year-rate > div.width-input-year-rate:first-child {
      margin-right: 10px; }
    .depreciation-content-container .low-value-pool-content-container .group-input-year-rate .width-input-year-rate {
      width: 48%;
      min-width: 300px; }
      .depreciation-content-container .low-value-pool-content-container .group-input-year-rate .width-input-year-rate .full-year-rate {
        margin-bottom: 5px; }

.depreciation-content-container .select-property-container {
  margin-right: 16px;
  min-width: 350px;
  margin-bottom: 5px; }
  .depreciation-content-container .select-property-container.m-content {
    margin-bottom: 10px; }

.depreciation-content-container .vertical-line-type-building {
  border: none;
  border-left: 1px solid #EBEBEB;
  height: 24px;
  width: 1px;
  float: left;
  margin-right: 24px; }

.depreciation-content-container .lable-virual {
  height: 30px; }

.depreciation-content-container .style-label-checkbox {
  font-size: 15px;
  font-weight: 500;
  color: #212121; }

.depreciation-content-container .noteContainer {
  margin-top: 20px; }
  .depreciation-content-container .noteContainer .noteViewStyle {
    margin-bottom: 5px; }
  .depreciation-content-container .noteContainer span.textNoteStyle {
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px; }
  .depreciation-content-container .noteContainer .noteLinkStyle {
    font-size: 13px;
    color: #4068F6;
    text-decoration: underline;
    cursor: pointer; }

.current-subscription .subscription-info {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  .current-subscription .subscription-info .field .value {
    font-size: 16px;
    font-weight: 500; }
  .current-subscription .subscription-info .vertical-line {
    border-left: 1px solid #EBEBEB;
    margin: 0px 10px; }
  .current-subscription .subscription-info .switch-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }

.current-subscription .subscription-plan {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: unset;
      flex-wrap: unset; }
  .current-subscription .subscription-plan .wrapper {
    padding-top: 32px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 30%; }
    .current-subscription .subscription-plan .wrapper .card-light {
      border-color: #3DF2D1; }
      .current-subscription .subscription-plan .wrapper .card-light .card-header {
        background: #3DF2D1; }
    .current-subscription .subscription-plan .wrapper .card-starter {
      border-color: #3DF2D1; }
      .current-subscription .subscription-plan .wrapper .card-starter .card-header {
        background: #3DF2D1; }
    .current-subscription .subscription-plan .wrapper .card-investor {
      border-color: #4068F6; }
      .current-subscription .subscription-plan .wrapper .card-investor .card-header {
        background: #4068F6; }
        .current-subscription .subscription-plan .wrapper .card-investor .card-header .title-name {
          color: #FFFFFF; }
    .current-subscription .subscription-plan .wrapper .card-savvy {
      border-color: #4068F6; }
      .current-subscription .subscription-plan .wrapper .card-savvy .card-header {
        background: #4068F6; }
        .current-subscription .subscription-plan .wrapper .card-savvy .card-header .title-name {
          color: #FFFFFF; }
    .current-subscription .subscription-plan .wrapper .card-pro {
      border-color: #080F26; }
      .current-subscription .subscription-plan .wrapper .card-pro .card-header {
        background: #080F26; }
        .current-subscription .subscription-plan .wrapper .card-pro .card-header .title-name {
          color: #FFFFFF; }
    .current-subscription .subscription-plan .wrapper .card .package {
      display: -ms-flexbox;
      display: flex;
      border: 1px solid rgba(0, 0, 0, 0.5);
      box-shadow: 2px 2px 2px rgba(64, 104, 246, 0.1);
      border-radius: 8px;
      cursor: pointer;
      margin: 8px 0px;
      padding: 10px 15px; }
      .current-subscription .subscription-plan .wrapper .card .package .info .dollar {
        font-size: 16px;
        vertical-align: top; }
      .current-subscription .subscription-plan .wrapper .card .package .info .money {
        font-weight: 600;
        font-size: 28px;
        margin-right: 4px; }
      .current-subscription .subscription-plan .wrapper .card .package .info .month {
        font-size: 20px; }
      .current-subscription .subscription-plan .wrapper .card .package .checkbox {
        margin-left: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row; }
        .current-subscription .subscription-plan .wrapper .card .package .checkbox .checked {
          color: #4068F6; }
      .current-subscription .subscription-plan .wrapper .card .package-checked {
        border: 2px solid #4068F6; }
      .current-subscription .subscription-plan .wrapper .card .package-disabled {
        opacity: 0.4;
        cursor: default; }
    .current-subscription .subscription-plan .wrapper .card .purchase-plan {
      text-align: center;
      padding-top: 20px;
      position: absolute;
      bottom: 15px;
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }
    .current-subscription .subscription-plan .wrapper .card .free-trial-pro {
      position: absolute;
      bottom: 15px;
      right: 16px; }
    .current-subscription .subscription-plan .wrapper .card .horizontal-line {
      border-bottom: 1px solid #EBEBEB;
      margin: 20px 0px 15px 0px; }
    .current-subscription .subscription-plan .wrapper .card .feature {
      padding: 5px 0px; }
      .current-subscription .subscription-plan .wrapper .card .feature-unavailable span {
        color: #A5A5A5; }
      .current-subscription .subscription-plan .wrapper .card .feature .value {
        font-weight: 600; }
      .current-subscription .subscription-plan .wrapper .card .feature .icon {
        width: 20px;
        height: 20px;
        vertical-align: sub;
        image-rendering: -webkit-optimize-contrast; }
    .current-subscription .subscription-plan .wrapper-selected {
      padding-top: 16px;
      transition: all .5s; }

.purchase-form .section-title {
  font-weight: 600;
  font-size: 20px;
  padding: 7px 0px; }

.purchase-form .persional-mail {
  margin-top: -10px; }

.purchase-form .expiry-date {
  width: 64%;
  display: inline-block; }
  .purchase-form .expiry-date > .label, .purchase-form .view-buy-records-dialog .content-container .expiry-date > .buy-label, .view-buy-records-dialog .content-container .purchase-form .expiry-date > .buy-label, .purchase-form .view-buy-records-dialog .content-container .expiry-date > .note-label, .view-buy-records-dialog .content-container .purchase-form .expiry-date > .note-label {
    padding-bottom: 7px; }
    .purchase-form .expiry-date > .label > span, .purchase-form .view-buy-records-dialog .content-container .expiry-date > .buy-label > span, .view-buy-records-dialog .content-container .purchase-form .expiry-date > .buy-label > span, .purchase-form .view-buy-records-dialog .content-container .expiry-date > .note-label > span, .view-buy-records-dialog .content-container .purchase-form .expiry-date > .note-label > span {
      color: #212121;
      font-size: 15px;
      font-weight: 500; }
    .purchase-form .expiry-date > .label .star, .purchase-form .view-buy-records-dialog .content-container .expiry-date > .buy-label .star, .view-buy-records-dialog .content-container .purchase-form .expiry-date > .buy-label .star, .purchase-form .view-buy-records-dialog .content-container .expiry-date > .note-label .star, .view-buy-records-dialog .content-container .purchase-form .expiry-date > .note-label .star {
      color: #D30F03; }
  .purchase-form .expiry-date .select {
    display: -ms-flexbox;
    display: flex; }
    .purchase-form .expiry-date .select .wrapper-text-field-outline {
      display: inline-block !important;
      width: 50%;
      padding: 0px 4px; }

.purchase-form .ccv-cvv {
  width: 36%;
  display: inline-block !important;
  vertical-align: top; }
  .purchase-form .ccv-cvv .text-field-outline {
    padding-left: 6px; }

.purchase-dialog-info {
  font-size: 15px;
  color: #212121; }
  .purchase-dialog-info .item {
    padding: 10px 0px;
    padding-left: 20px; }
  .purchase-dialog-info .title {
    font-weight: 500;
    display: block; }
  .purchase-dialog-info .promotion-code-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .purchase-dialog-info .promotion-code-wrapper .apply-btn-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      border-radius: 4px;
      background: #4068F6;
      height: 32px;
      margin-top: 42px;
      margin-left: 4px; }
      .purchase-dialog-info .promotion-code-wrapper .apply-btn-wrapper.disabled {
        opacity: 0.5; }
    .purchase-dialog-info .promotion-code-wrapper .apply-btn {
      color: #FFFFFF;
      cursor: pointer;
      font-weight: 500; }

.stock-split {
  padding: 0px 20px 0px 20px; }
  .stock-split .split-ratio-input {
    display: -ms-flexbox;
    display: flex; }
    .stock-split .split-ratio-input .center-input {
      margin: 10px 10px 0 10px; }
  .stock-split .split-ratio-title {
    margin-bottom: 3px;
    margin-left: 10px; }

.second-payment-form-container {
  padding: 0 20px;
  margin-bottom: 27px; }
  .second-payment-form-container .input-label-ordinal-container {
    margin-top: 2px; }
  .second-payment-form-container .horizontal-line {
    border-style: solid;
    color: #EAEBED; }

.distribution-container {
  padding: 24px !important; }
  .distribution-container .line {
    border: none;
    border-top: 1px #E5E5E5 solid; }
  .distribution-container .view-label-add-item {
    padding-top: 20px; }
  .distribution-container .label-add-item {
    color: #4068F6;
    font-size: 15px;
    font-weight: 500; }
  .distribution-container .mt-each-field-expand {
    margin-bottom: 30px; }
  .distribution-container .other-item-container {
    margin-top: 40px; }
    .distribution-container .other-item-container .fields-container .fields {
      text-align: right; }
      .distribution-container .other-item-container .fields-container .fields .label-remove {
        color: #D30F03;
        font-size: 12px;
        cursor: pointer; }
  .distribution-container .label-drp {
    font-size: 15px;
    color: #212121;
    font-weight: 500; }
  .distribution-container .collapse-expand-container .title-collapse-expand-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 50px;
    margin-bottom: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #4068F6;
    border-top: 1px #E5E5E5 solid;
    border-bottom: 1px #E5E5E5 solid;
    cursor: pointer; }
    .distribution-container .collapse-expand-container .title-collapse-expand-container .title-collapse-expand {
      font-size: 15px;
      font-weight: 500; }
  .distribution-container .ic-down {
    transform: rotateX(0deg);
    transition: transform .25s; }
  .distribution-container .ic-up {
    transform: rotateX(180deg);
    transition: transform .25s; }
  .distribution-container .expanding-height {
    overflow: hidden;
    max-height: 630px;
    transition: max-height .25s; }
  .distribution-container .collapsing-height {
    overflow: hidden;
    max-height: 0;
    transition: max-height .25s; }

.menu-share-buy-contract-container {
  -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
  padding: 8px 10px;
  margin: 2px 0 2px 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  border-radius: 20px;
  background: #4068f6;
  height: 36px; }
  .menu-share-buy-contract-container.disabled {
    opacity: 0.4;
    cursor: initial; }
  .menu-share-buy-contract-container .core-icon-custom {
    font-size: 20px;
    margin-right: 5px; }
  .menu-share-buy-contract-container:hover {
    opacity: 0.4; }
  .menu-share-buy-contract-container .text {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Inter;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    border-right: 1px solid #D4D8DB;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .menu-share-buy-contract-container .icon-expand-blue-color {
    color: #fff;
    font-size: 20px !important;
    margin-left: 5px; }

.popover-shares-buy-menu .menu-item-new:hover {
  background-color: unset !important;
  color: unset !important; }

.popover-shares-buy-menu img {
  margin-right: 5px; }

.max-width-160 {
  max-width: 160px; }

.label, .view-buy-records-dialog .content-container .buy-label, .view-buy-records-dialog .content-container .note-label {
  color: #212121;
  font-weight: 500;
  font-size: 15px; }

.custom-radio-group {
  margin-bottom: 20px; }
  .custom-radio-group .wrap-radio-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .custom-radio-group .icon {
    width: 50px;
    height: 50px; }
  .custom-radio-group .label, .custom-radio-group .view-buy-records-dialog .content-container .buy-label, .view-buy-records-dialog .content-container .custom-radio-group .buy-label, .custom-radio-group .view-buy-records-dialog .content-container .note-label, .view-buy-records-dialog .content-container .custom-radio-group .note-label {
    margin-left: 20px;
    color: #212121;
    font-weight: 600;
    font-size: 15px; }
  .custom-radio-group .break-line {
    white-space: normal;
    line-break: auto; }
  .custom-radio-group .link-download {
    color: #4068f6;
    background-color: transparent;
    text-decoration: none; }

.radio-custom-position-label {
  margin-left: -14px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: start !important;
      align-items: flex-start !important; }

.label-verification-code {
  position: relative; }
  .label-verification-code .get-code {
    position: absolute;
    right: 20px;
    top: 32px;
    color: #4068F6;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer; }
/*Default Materialize Css*/
.valign-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .valign-wrapper .valign {
    display: block; }

.row:after {
  content: "";
  display: table;
  clear: both; }

.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative; }

.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px; }
  .row .col.no-padding {
    padding: 0; }
  .row .col.s1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.s12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.offset-s1 {
    margin-left: 8.3333333333%; }
  .row .col.pull-s1 {
    right: 8.3333333333%; }
  .row .col.push-s1 {
    left: 8.3333333333%; }
  .row .col.offset-s2 {
    margin-left: 16.6666666667%; }
  .row .col.pull-s2 {
    right: 16.6666666667%; }
  .row .col.push-s2 {
    left: 16.6666666667%; }
  .row .col.offset-s3 {
    margin-left: 25%; }
  .row .col.pull-s3 {
    right: 25%; }
  .row .col.push-s3 {
    left: 25%; }
  .row .col.offset-s4 {
    margin-left: 33.3333333333%; }
  .row .col.pull-s4 {
    right: 33.3333333333%; }
  .row .col.push-s4 {
    left: 33.3333333333%; }
  .row .col.offset-s5 {
    margin-left: 41.6666666667%; }
  .row .col.pull-s5 {
    right: 41.6666666667%; }
  .row .col.push-s5 {
    left: 41.6666666667%; }
  .row .col.offset-s6 {
    margin-left: 50%; }
  .row .col.pull-s6 {
    right: 50%; }
  .row .col.push-s6 {
    left: 50%; }
  .row .col.offset-s7 {
    margin-left: 58.3333333333%; }
  .row .col.pull-s7 {
    right: 58.3333333333%; }
  .row .col.push-s7 {
    left: 58.3333333333%; }
  .row .col.offset-s8 {
    margin-left: 66.6666666667%; }
  .row .col.pull-s8 {
    right: 66.6666666667%; }
  .row .col.push-s8 {
    left: 66.6666666667%; }
  .row .col.offset-s9 {
    margin-left: 75%; }
  .row .col.pull-s9 {
    right: 75%; }
  .row .col.push-s9 {
    left: 75%; }
  .row .col.offset-s10 {
    margin-left: 83.3333333333%; }
  .row .col.pull-s10 {
    right: 83.3333333333%; }
  .row .col.push-s10 {
    left: 83.3333333333%; }
  .row .col.offset-s11 {
    margin-left: 91.6666666667%; }
  .row .col.pull-s11 {
    right: 91.6666666667%; }
  .row .col.push-s11 {
    left: 91.6666666667%; }
  .row .col.offset-s12 {
    margin-left: 100%; }
  .row .col.pull-s12 {
    right: 100%; }
  .row .col.push-s12 {
    left: 100%; }

.row-bg-dark {
  background-color: #FAFAFA;
  padding-top: 30px;
  margin-left: -5px;
  margin-right: -5px; }

@media only screen and (min-width: 601px) {
  .row .col.m0 {
    width: 0; }
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m3-5 {
    width: 29.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto; } }

@media only screen and (min-width: 993px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l5-5 {
    width: 45.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto; } }

@media only screen and (min-width: 1055px) {
  .row .col.lg0-5 {
    width: 4.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg3-5 {
    width: 29.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg4-5 {
    width: 37.5%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg5-5 {
    width: 45.8333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg6-5 {
    width: 54.1666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg7-5 {
    width: 62.5%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto; }
  .row .col.lg12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto; } }
/*Color Background*/
/*Color Button*/
/*Color Text*/
/*Require Field*/
/*Color Border*/
/*Color Icon*/
/*Height of table*/
/* 15px for scroll bar*/
/* Color Fixed Data Table */
/*Border Radius*/
/*User Selection*/
.material-icons {
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.main {
  font-family: Inter;
  padding: 30px 25px 14px 25px;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  overflow: hidden !important;
  /*Table*/ }
  .main .title-portfolio {
    font-family: Inter;
    font-size: 16px;
    color: #4068F6;
    margin-bottom: 15px;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .main .breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .main .breadcrumb:before {
      content: url(/double-arrow-right.png);
      color: #99A1A8;
      display: inline-block;
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 20px;
      margin: 0px 10px;
      -webkit-font-smoothing: antialiased; }
  .main .breadcrumb-noPortfolio {
    display: inline-block; }
  .main .filter-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    .main .filter-header-open {
      margin-bottom: 10px;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      -ms-flex-line-pack: justify;
          align-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .main .page-header {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 30px; }
    .main .page-header-full-width {
      width: 100%; }
    .main .page-header-title {
      font-size: 30px;
      color: #212121;
      font-weight: 600;
      line-height: normal; }
    .main .page-header-value {
      font-weight: normal;
      font-size: 24px;
      color: #212121; }
    .main .page-header .vertical-line {
      height: 22px;
      border-left: 2px solid #A5A5A5;
      display: inline-block;
      margin: 0 15px; }
  .main .title {
    font-size: 22px;
    color: #3f3f3f;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: normal; }
    .main .title.change-email-title {
      margin-top: -20px; }
    .main .title.change-password-title {
      margin-top: 60px; }
    .main .title .title-report {
      display: inline; }
    .main .title .btn-report-actions {
      display: inline; }
      .main .title .btn-report-actions.income {
        display: inline-block;
        background: red; }
      .main .title .btn-report-actions .add-template {
        display: inline; }
        .main .title .btn-report-actions .add-template div.common-btn {
          margin-right: 15px; }
        .main .title .btn-report-actions .add-template .btn-add-template {
          margin-top: 4px; }
          .main .title .btn-report-actions .add-template .btn-add-template span {
            color: #0094d8 !important; }
          .main .title .btn-report-actions .add-template .btn-add-template span.material-icons {
            font-family: 'Material Icons' !important;
            height: 17px !important;
            font-size: 16px !important; }
  .main .top-filter {
    display: -ms-flexbox;
    display: flex; }
    .main .top-filter .margin-right-text-input-30 {
      margin-right: 30px !important; }
    .main .top-filter .margin-right-text-input-15 {
      margin-right: 15px !important; }
    .main .top-filter .btn-new-ui-default {
      width: auto !important;
      height: 32px;
      background-color: #FFFFFF !important;
      color: #4068F6 !important;
      border-radius: 18px !important;
      border: 1px solid #4068F6;
      box-shadow: none !important;
      padding-top: 0;
      padding-bottom: 0; }
  .main .income .btn-report-actions, .main .holdings-detail .btn-report-actions, .main .holdings-summary .btn-report-actions {
    display: inline; }
  .main .income .group-btn, .main .holdings-detail .group-btn, .main .holdings-summary .group-btn {
    float: right; }
    .main .income .group-btn.dividend-income, .main .holdings-detail .group-btn.dividend-income, .main .holdings-summary .group-btn.dividend-income {
      margin-top: 15px; }
    .main .income .group-btn .btn-refresh-all, .main .holdings-detail .group-btn .btn-refresh-all, .main .holdings-summary .group-btn .btn-refresh-all {
      display: inline;
      margin-right: 10px; }
    .main .income .group-btn .material-icons, .main .holdings-detail .group-btn .material-icons, .main .holdings-summary .group-btn .material-icons {
      font-family: 'Material Icons' !important;
      font-size: 20px !important;
      font-weight: bolder; }
    .main .income .group-btn .show-hide-columns, .main .holdings-detail .group-btn .show-hide-columns, .main .holdings-summary .group-btn .show-hide-columns {
      display: inline; }
  .main .income .radio-group-container, .main .holdings-detail .radio-group-container, .main .holdings-summary .radio-group-container {
    margin-top: 15px;
    margin-bottom: 15px; }
  .main .total-cost-text {
    font-size: 16px !important; }
    .main .total-cost-text p {
      text-transform: capitalize; }
  .main .total-cost-value {
    font-size: 24px !important;
    margin-top: 10px;
    font-weight: 600; }
  .main .buy-back-wrapper {
    padding: 20px 24px 24px 24px !important; }
    .main .buy-back-wrapper .disable-text input {
      color: #212121 !important; }
  .main .holder {
    background-color: #ffffff;
    padding: 24px 5px;
    border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    /*value of padding*/
    /******************/ }
    .main .holder.contract-detail {
      border-radius: 8px !important;
      -ms-border-radius: 8px !important;
      -moz-border-radius: 8px !important;
      -webkit-border-radius: 8px !important;
      margin-top: 16px;
      padding: 24px; }
      .main .holder.contract-detail .select-input {
        margin-bottom: 0; }
    .main .holder .drag-cus .check-box-wrapper {
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin: 0px; }
      .main .holder .drag-cus .check-box-wrapper .inlineCb {
        margin-left: 10px; }
    .main .holder .title-field {
      font-size: 15px;
      color: #212121;
      margin-bottom: 7px;
      font-weight: 500;
      display: inline-block; }
    .main .holder .total-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      background-color: #E2F2F3;
      height: 37px;
      font-weight: bold;
      margin-top: 5px;
      font-size: 19px; }
      .main .holder .total-wrapper .total {
        margin-left: 10px;
        color: #1CAAB7; }
    .main .holder input, .main .holder select {
      color: #222222; }
    .main .holder .text-readonly {
      margin: 0;
      height: auto;
      margin-bottom: 21px;
      margin-top: 12px;
      color: #222222;
      word-wrap: break-word;
      overflow-y: auto; }
    .main .holder .text-readonly-name {
      margin: 0;
      height: 3.0rem;
      margin-bottom: 21px;
      margin-top: 12px;
      color: #222222;
      word-wrap: break-word;
      overflow-y: auto; }
    .main .holder .buy-property .check-box {
      margin-top: 38px; }
      .main .holder .buy-property .check-box .terms-and-conditions-label {
        padding-left: 25px; }
    .main .holder .field {
      margin: 0 25px; }
      .main .holder .field input[type='text']:disabled {
        color: #221122; }
      .main .holder .field.group-child {
        padding-left: 10px; }
      .main .holder .field.margin-left {
        margin-left: 15px; }
      .main .holder .field.inline-field > div {
        width: 100%;
        position: relative; }
        .main .holder .field.inline-field > div label {
          position: absolute !important;
          padding-top: 14px; }
        .main .holder .field.inline-field > div .commonDatePicker {
          margin-left: 15px; }
      .main .holder .field.inline-field .nocare {
        opacity: 0;
        font-size: 13px; }
      .main .holder .field.inline-field label {
        position: relative !important;
        left: -15px !important; }
      .main .holder .field.inline-field p, .main .holder .field.inline-field .common-field {
        display: inline-block !important; }
    .main .holder .buy-ic {
      margin-top: 35px; }
      .main .holder .buy-ic.add {
        margin-top: 38px; }
      .main .holder .buy-ic.sub {
        margin-top: 34px; }
    .main .holder .field-cus {
      margin-right: 0px; }
    .main .holder .drag-cus {
      margin-top: 2px; }
      .main .holder .drag-cus #dragdropzone {
        height: 88px !important;
        border: 0.5px dashed #D4D8DB;
        width: 100%;
        border-radius: 6px;
        background-color: #F8F8F8;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .main .holder .icon-calculation {
      image-rendering: -webkit-optimize-contrast; }
      .main .holder .icon-calculation.mg-l-10 {
        margin-left: 10%; }
      .main .holder .icon-calculation.mg-l-20 {
        margin-left: 20%; }
      .main .holder .icon-calculation.mg-l-30 {
        margin-left: 30%; }
    .main .holder .drag-import-message {
      font-size: 14px;
      line-height: 20px;
      color: #D30F03;
      margin-top: 10px; }
    .main .holder .proceed-card {
      width: 100%; }
      .main .holder .proceed-card table tr.no-display {
        display: none; }
      .main .holder .proceed-card table tr td:nth-child(1) {
        border-right: 1px solid #c9c9c9; }
        .main .holder .proceed-card table tr td:nth-child(1) span {
          font-family: Inter !important;
          display: block;
          color: #212121;
          font-weight: bold;
          font-size: 20px;
          padding-right: 20px; }
      .main .holder .proceed-card table tr td:nth-child(2) .group-value {
        margin-left: -3px; }
        .main .holder .proceed-card table tr td:nth-child(2) .group-value table {
          margin-left: 30px; }
          .main .holder .proceed-card table tr td:nth-child(2) .group-value table tr.net-proceed {
            color: #00a0af; }
          .main .holder .proceed-card table tr td:nth-child(2) .group-value table tr td {
            line-height: 1.6;
            letter-spacing: 0.4px;
            border-right: 0; }
            .main .holder .proceed-card table tr td:nth-child(2) .group-value table tr td:first-child {
              font-family: Inter;
              font-weight: bold;
              text-align: right; }
            .main .holder .proceed-card table tr td:nth-child(2) .group-value table tr td:last-child {
              padding-left: 11px; }
      .main .holder .proceed-card table tr td.profit-column {
        padding-left: 20px;
        font-size: 16px; }
      .main .holder .proceed-card table tr td.no-border-right {
        border-right: none; }
      .main .holder .proceed-card b {
        font-family: Inter !important;
        font-size: 20px;
        font-weight: bold; }
    .main .holder.padding-value-1 {
      padding: 25px 20px 20px 35px;
      line-height: 1.8; }
    .main .holder .inline-row {
      font-size: 13px;
      color: #737373; }
      .main .holder .inline-row .title {
        font-weight: normal;
        font-size: 13px;
        color: #737373; }
      .main .holder .inline-row .inline-table .common-field {
        margin-bottom: 0 !important; }
      .main .holder .inline-row .inline-table tr td.not-dot {
        text-align: right !important; }
      .main .holder .inline-row .inline-table tr td:first-child {
        text-align: left; }
      .main .holder .inline-row .inline-table tr td.selected-field {
        min-width: 100px; }
      .main .holder .inline-row .inline-table .dot {
        font-size: 18px;
        font-weight: bold;
        vertical-align: middle;
        display: inline-block;
        margin-bottom: 13px;
        margin-right: 3px; }
      .main .holder .inline-row .inline-table.left-title tr td:first-child {
        text-align: left !important; }
      .main .holder .inline-row .inline-table.acquired-date {
        margin-left: 30px; }
        .main .holder .inline-row .inline-table.acquired-date .common-field {
          width: 120px !important; }
      .main .holder .inline-row .inline-table.lessExpensesProfitLoss {
        margin-bottom: 0px !important;
        width: 100% !important;
        table-layout: fixed; }
        .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr {
          border-bottom: none !important; }
          .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr:last-child {
            border-top: 1px solid #e0e0e0 !important;
            border-bottom: 1px solid #e0e0e0 !important; }
          .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr td {
            font-size: 14px !important;
            color: #353535 !important;
            text-align: right !important;
            border-bottom: none !important; }
            .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr td:nth-child(1) {
              text-align: left !important;
              width: 23% !important; }
            .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr td:nth-child(2) {
              text-align: left !important;
              width: 40% !important; }
            .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr td:nth-child(3) {
              width: 20% !important; }
            .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr td:nth-child(4) {
              padding-right: 5px !important;
              padding-left: 5px !important;
              width: 4% !important; }
            .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr td:nth-child(5) {
              padding-right: 5px !important;
              padding-left: 5px !important;
              width: 4% !important; }
            .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr td .currency .common-field input {
              text-align: right; }
            .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr td .inline-row .common-field .commonDatePicker .DatePickerMaterialUI button {
              padding: 4px; }
            .main .holder .inline-row .inline-table.lessExpensesProfitLoss tr td .inline-row .common-field .commonDatePicker .DatePickerMaterialUI div {
              margin-left: 0px; }
      .main .holder .inline-row .inline-radio {
        margin-top: 10px; }
        .main .holder .inline-row .inline-radio .radio {
          width: auto !important;
          display: inline-block !important;
          margin-bottom: 16px !important; }
          .main .holder .inline-row .inline-radio .radio:last-child {
            margin-left: 20px; }
          .main .holder .inline-row .inline-radio .radio div {
            margin-right: 5px !important; }
    .main .holder.error-import {
      background: rgba(192, 0, 0, 0.06);
      border-radius: 8px !important; }
    .main .holder.event-history {
      margin-top: 15px; }
      .main .holder.event-history .eh-holder {
        padding: 0px 15px; }
    .main .holder.no-padding {
      padding: 0; }
  .main .groupBtn {
    float: right;
    margin-top: 15px; }
    .main .groupBtn .common-btn:last-child {
      margin-left: 15px; }
    .main .groupBtn .common-btn.large {
      width: 120px; }
    .main .groupBtn .common-btn.large-140 {
      width: 140px; }
    .main .groupBtn .common-btn .btn-new-ui-default {
      width: auto !important;
      height: 32px;
      background-color: #FFFFFF !important;
      color: #4068F6 !important;
      border-radius: 18px !important;
      border: 1px solid #4068F6;
      box-shadow: none !important;
      padding-top: 0;
      padding-bottom: 0; }
    .main .groupBtn .mg-left-15 {
      margin-left: 15px; }
    .main .groupBtn.applyAllCbx {
      margin-top: 24px;
      margin-left: 15px; }
    .main .groupBtn.captcha-contact-us {
      margin-right: 36px;
      margin-top: -37px; }
    .main .groupBtn.import {
      margin-top: 0; }
  .main .common-btn.generateButton {
    width: 150px !important; }
  .main .common-btn.sellButton {
    text-transform: none;
    background-color: #4068F6;
    height: 30px !important;
    padding: 0px 8px !important; }
    .main .common-btn.sellButton span {
      font-size: 14px !important;
      font-weight: normal !important; }
  .main .common-table.my-table .header-table th {
    text-align: right !important; }
    .main .common-table.my-table .header-table th div.headerTooltip {
      background-color: transparent;
      max-width: 250px !important;
      white-space: normal !important;
      text-align: left !important; }
      .main .common-table.my-table .header-table th div.headerTooltip.place-top:after {
        border-top-style: none !important; }
      .main .common-table.my-table .header-table th div.headerTooltip .under-bg {
        background: url(/trans-bg.png) 50% 50% repeat;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.1; }
    .main .common-table.my-table .header-table th div.__react_component_tooltip.show {
      opacity: 1 !important; }
    .main .common-table.my-table .header-table th:nth-child(1), .main .common-table.my-table .header-table th:nth-child(2) {
      text-align: left !important; }
    .main .common-table.my-table .header-table th:nth-child(1) {
      width: 110px; }
    .main .common-table.my-table .header-table th:nth-child(2) {
      width: 20%; }
    .main .common-table.my-table .header-table th:nth-child(3) {
      text-align: right !important; }
    .main .common-table.my-table .header-table th:nth-child(4) {
      width: 170px !important; }
    .main .common-table.my-table .header-table th:nth-child(5) {
      width: 100px !important;
      text-align: right !important; }
    .main .common-table.my-table .header-table th:nth-child(6) {
      width: 170px !important; }
    .main .common-table.my-table .header-table th:nth-child(7) {
      width: 170px !important;
      text-align: right !important; }
    .main .common-table.my-table .header-table th.actionButton {
      width: 110px !important;
      text-align: center !important;
      padding: 0 !important; }
  .main .common-table.my-table .header-table.header-table-holdings-detail th:nth-child(1) {
    text-align: left !important;
    width: 75px !important; }
  .main .common-table.my-table .header-table.header-table-holdings-detail th:nth-child(2) {
    text-align: left !important;
    width: 110px !important; }
  .main .common-table.my-table .header-table.header-table-holdings-detail th:nth-child(3) {
    text-align: right !important;
    width: 13% !important; }
  .main .common-table.my-table .header-table.header-table-holdings-detail th:nth-child(4) {
    width: 130px !important; }
  .main .common-table.my-table .header-table.header-table-holdings-detail th:nth-child(5) {
    width: 12% !important; }
  .main .common-table.my-table .header-table.header-table-holdings-detail th:nth-child(6) {
    text-align: right !important;
    width: 18% !important; }
  .main .common-table.my-table .header-table.header-table-dividend th:nth-child(1) {
    text-align: left !important;
    width: 110px !important; }
  .main .common-table.my-table .header-table.header-table-dividend th:nth-child(2) {
    text-align: left !important;
    width: 80px !important; }
  .main .common-table.my-table .header-table.header-table-dividend th:nth-child(3) {
    text-align: right !important;
    width: 80px !important; }
  .main .common-table.my-table .header-table.header-table-dividend th:nth-child(4) {
    text-align: right !important;
    width: 130px !important; }
  .main .common-table.my-table .header-table.header-table-dividend th:nth-child(5) {
    text-align: right !important;
    width: 135px !important; }
  .main .common-table.my-table .header-table.header-table-dividend th:nth-child(6) {
    text-align: right !important;
    width: 115px !important; }
  .main .common-table.my-table .header-table.header-table-dividend th:nth-child(7) {
    text-align: right !important;
    width: 105px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy-4 th {
    width: 25% !important;
    text-align: left !important; }
  .main .common-table.my-table .header-table.header-table-import-buy-5 th {
    width: 20% !important;
    text-align: left !important; }
  .main .common-table.my-table .header-table.header-table-import-buy-6 th {
    width: 16.67% !important;
    text-align: left !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-date {
    width: 120px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-stockCode {
    width: 110px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-stockName {
    width: 250px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-quantity {
    width: 80px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-price {
    width: 80px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-cost {
    width: 110px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-brokerage {
    white-space: normal !important;
    width: 80px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-contractNumber {
    white-space: normal !important;
    width: 80px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-holdingNumber {
    width: 120px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-broker {
    width: 80px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-otherFees {
    width: 80px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th.table-import-notes {
    width: 140px !important; }
  .main .common-table.my-table .header-table.header-table-import-buy th {
    text-align: left !important; }
  .main .common-table.my-table .body-table td {
    text-align: right !important;
    height: 50px !important; }
    .main .common-table.my-table .body-table td:nth-child(1), .main .common-table.my-table .body-table td:nth-child(2) {
      text-align: left !important;
      padding-right: 15px; }
    .main .common-table.my-table .body-table td:nth-child(1) {
      width: 110px; }
    .main .common-table.my-table .body-table td:nth-child(2) {
      width: 20%; }
    .main .common-table.my-table .body-table td:nth-child(3) {
      text-align: right !important; }
    .main .common-table.my-table .body-table td:nth-child(4) {
      width: 170px !important;
      text-align: right !important; }
    .main .common-table.my-table .body-table td:nth-child(5) {
      width: 100px !important;
      text-align: right !important; }
    .main .common-table.my-table .body-table td:nth-child(6) {
      width: 170px !important;
      text-align: right !important; }
    .main .common-table.my-table .body-table td:nth-child(7) {
      width: 170px !important;
      text-align: right !important; }
    .main .common-table.my-table .body-table td.actionButton {
      width: 105px !important;
      text-align: center !important;
      padding: 0 !important; }
    .main .common-table.my-table .body-table td span {
      display: block;
      margin-right: 15px; }
  .main .common-table.my-table .body-table.body-table-hodlings-detail td:nth-child(1) {
    text-align: left !important;
    width: 75px !important; }
  .main .common-table.my-table .body-table.body-table-hodlings-detail td:nth-child(2) {
    text-align: left !important;
    width: 110px !important; }
  .main .common-table.my-table .body-table.body-table-hodlings-detail td:nth-child(3) {
    text-align: right !important;
    width: 13% !important; }
  .main .common-table.my-table .body-table.body-table-hodlings-detail td:nth-child(4) {
    width: 130px !important; }
  .main .common-table.my-table .body-table.body-table-hodlings-detail td:nth-child(5) {
    width: 12% !important; }
  .main .common-table.my-table .body-table.body-table-hodlings-detail td:nth-child(6) {
    text-align: right !important;
    width: 18% !important; }
  .main .common-table.my-table .body-table.body-table-dividend td:nth-child(1) {
    text-align: left !important;
    width: 110px !important; }
  .main .common-table.my-table .body-table.body-table-dividend td:nth-child(2) {
    text-align: left !important;
    width: 80px !important; }
  .main .common-table.my-table .body-table.body-table-dividend td:nth-child(3) {
    text-align: right !important;
    width: 80px !important; }
  .main .common-table.my-table .body-table.body-table-dividend td:nth-child(4) {
    text-align: right !important;
    width: 130px !important; }
  .main .common-table.my-table .body-table.body-table-dividend td:nth-child(5) {
    text-align: right !important;
    width: 135px !important; }
    .main .common-table.my-table .body-table.body-table-dividend td:nth-child(5) span {
      margin-right: 0px; }
  .main .common-table.my-table .body-table.body-table-dividend td:nth-child(6) {
    text-align: right !important;
    width: 115px !important; }
    .main .common-table.my-table .body-table.body-table-dividend td:nth-child(6) span {
      margin-right: 0px; }
  .main .common-table.my-table .body-table.body-table-dividend td:nth-child(7) {
    text-align: right !important;
    width: 105px !important; }
    .main .common-table.my-table .body-table.body-table-dividend td:nth-child(7) span {
      margin-right: 0px; }
  .main .common-table.my-table .body-table.body-table-import-buy-4 td {
    width: 25% !important;
    height: 62px !important;
    text-align: left !important; }
  .main .common-table.my-table .body-table.body-table-import-buy-5 td {
    width: 20% !important;
    height: 62px !important;
    text-align: left !important; }
  .main .common-table.my-table .body-table.body-table-import-buy-6 td {
    width: 16.67% !important;
    height: 62px !important;
    text-align: left !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-date {
    width: 120px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-stockCode {
    width: 110px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-stockName {
    width: 250px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-quantity {
    width: 80px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-price {
    width: 80px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-cost {
    width: 110px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-brokerage {
    width: 80px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-contractNumber {
    width: 80px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-holdingNumber {
    width: 120px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-broker {
    width: 80px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-otherFees {
    width: 80px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td.table-import-notes {
    width: 140px !important; }
  .main .common-table.my-table .body-table.body-table-import-buy td {
    height: 62px !important;
    text-align: left !important; }
  .main .common-table.my-table .leftContentTable, .main .common-table.my-table .rightActionTable {
    padding: 0 !important;
    vertical-align: top; }
  .main .common-table.my-table .leftContentTable {
    overflow: auto !important;
    border-top-left-radius: 4px !important;
    -ms-border-top-left-radius: 4px !important;
    -moz-border-top-left-radius: 4px !important;
    -webkit-border-top-left-radius: 4px !important; }
    .main .common-table.my-table .leftContentTable div div:nth-child(1) table {
      border-collapse: separate !important;
      border-bottom: 2px solid #c9c9c9;
      padding: 0 !important; }
      .main .common-table.my-table .leftContentTable div div:nth-child(1) table thead {
        border: 0 !important; }
        .main .common-table.my-table .leftContentTable div div:nth-child(1) table thead tr {
          border: 0 !important; }
    .main .common-table.my-table .leftContentTable div div:nth-child(2) {
      overflow: visible !important; }
    .main .common-table.my-table .leftContentTable table {
      min-width: 760px; }
      .main .common-table.my-table .leftContentTable table span {
        white-space: normal !important; }
    .main .common-table.my-table .leftContentTable.leftContentTable-holdings-detail table {
      min-width: 950px; }
    .main .common-table.my-table .leftContentTable.leftContentTable-dividend table {
      min-width: 878px; }
    .main .common-table.my-table .leftContentTable.mergeTable > div > div:nth-child(1) {
      overflow: auto !important;
      overflow-x: hidden !important; }
    .main .common-table.my-table .leftContentTable.mergeTable > div > div:nth-child(2) {
      overflow: scroll !important;
      overflow-y: hidden !important; }
  .main .common-table.my-table .rightActionTable {
    width: 138px !important;
    box-shadow: -1px 0px 10px 0px #e4e4e4;
    border-top-right-radius: 4px !important;
    -ms-border-top-right-radius: 4px !important;
    -moz-border-top-right-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important; }
    .main .common-table.my-table .rightActionTable.mergeTable.button-dropdown-theme {
      width: 160px !important; }
    .main .common-table.my-table .rightActionTable.mergeTable > div > div:nth-child(2) {
      overflow-y: auto !important; }
    .main .common-table.my-table .rightActionTable.importTable td {
      height: 60px !important; }
    .main .common-table.my-table .rightActionTable table.action-table {
      border-bottom: 0 !important;
      table-layout: auto !important;
      border-spacing: 0 !important; }
      .main .common-table.my-table .rightActionTable table.action-table tr {
        height: 50px !important; }
      .main .common-table.my-table .rightActionTable table.action-table td {
        vertical-align: middle;
        height: auto !important; }
        .main .common-table.my-table .rightActionTable table.action-table td > div {
          display: inline-block; }
    .main .common-table.my-table .rightActionTable table tr:last-child {
      border-bottom: 0 !important; }
    .main .common-table.my-table .rightActionTable table tr.border-action-table {
      border-bottom: 0 !important;
      border-top: 1px solid #e0e0e0; }
    .main .common-table.my-table .rightActionTable table tr td {
      vertical-align: middle; }
    .main .common-table.my-table .rightActionTable.button-dropdown-theme {
      width: 142px !important; }
    .main .common-table.my-table .rightActionTable > div {
      overflow: hidden !important; }
      .main .common-table.my-table .rightActionTable > div div:nth-child(1) table {
        border-collapse: separate !important;
        border-bottom: 2px solid #c9c9c9;
        padding: 0 !important; }
        .main .common-table.my-table .rightActionTable > div div:nth-child(1) table thead {
          border: 0 !important; }
          .main .common-table.my-table .rightActionTable > div div:nth-child(1) table thead tr {
            border: 0 !important; }
    .main .common-table.my-table .rightActionTable .body-table.hiddenBodyTable > tr:first-child {
      visibility: hidden;
      height: 0px !important;
      border-top: 0 !important; }
      .main .common-table.my-table .rightActionTable .body-table.hiddenBodyTable > tr:first-child td {
        height: 0 !important; }
        .main .common-table.my-table .rightActionTable .body-table.hiddenBodyTable > tr:first-child td span {
          visibility: hidden;
          opacity: 0;
          height: 0; }
        .main .common-table.my-table .rightActionTable .body-table.hiddenBodyTable > tr:first-child td div, .main .common-table.my-table .rightActionTable .body-table.hiddenBodyTable > tr:first-child td button {
          height: 0 !important; }
  .main .common-table.my-table > div div:nth-child(2) {
    overflow: auto !important; }
    .main .common-table.my-table > div div:nth-child(2).tooltip, .main .common-table.my-table > div div:nth-child(2).sortGroup, .main .common-table.my-table > div div:nth-child(2).common-inputTextField, .main .common-table.my-table > div div:nth-child(2).arrow-status {
      overflow: visible !important; }
    .main .common-table.my-table > div div:nth-child(2).react_tooltip_sellTable .__react_component_tooltip {
      overflow: hidden !important; }
  .main .common-table.my-table > div div .mys-separate-loading div {
    overflow: hidden !important; }
  .main .common-table.my-table > div div .react-tooltip-total-selected-quantity .__react_component_tooltip {
    overflow: hidden !important; }
  .main .common-table.sell-details-table .header-table th:nth-child(1) {
    width: 70px;
    padding-right: 0px !important; }
  .main .common-table.sell-details-table .header-table th:nth-child(2) {
    width: 15%;
    text-align: right !important; }
  .main .common-table.sell-details-table .header-table th:nth-child(3) {
    width: 22%;
    text-align: right !important; }
  .main .common-table.sell-details-table .header-table th:nth-child(4) {
    width: 23% !important;
    text-align: right !important; }
  .main .common-table.sell-details-table .header-table th:nth-child(5) {
    width: auto !important;
    text-align: right !important; }
  .main .common-table.sell-details-table .header-table th:nth-child(6) {
    width: 60px !important; }
  .main .common-table.sell-details-table .body-table td:nth-child(1) {
    width: 70px;
    padding-right: 0px !important;
    text-align: center !important; }
  .main .common-table.sell-details-table .body-table td:nth-child(2) {
    width: 15%;
    text-align: right !important; }
  .main .common-table.sell-details-table .body-table td:nth-child(3) {
    width: 22%;
    text-align: right !important; }
  .main .common-table.sell-details-table .body-table td:nth-child(4) {
    width: 23% !important;
    text-align: right !important; }
  .main .common-table.sell-details-table .body-table td:nth-child(5) {
    width: auto !important;
    text-align: right !important; }
  .main .common-table.sell-details-table .body-table td:nth-child(6) {
    width: 60px !important; }
  .main .common-table.sell-details-table-fix-scroll .header-table th:nth-child(1) {
    width: 70px;
    padding-right: 0px !important; }
  .main .common-table.sell-details-table-fix-scroll .header-table th:nth-child(2) {
    width: 15%;
    text-align: right !important; }
  .main .common-table.sell-details-table-fix-scroll .header-table th:nth-child(3) {
    width: 22%;
    text-align: right !important;
    padding-right: 20px !important; }
  .main .common-table.sell-details-table-fix-scroll .header-table th:nth-child(4) {
    width: 23% !important;
    text-align: right !important;
    padding-right: 25px !important; }
  .main .common-table.sell-details-table-fix-scroll .header-table th:nth-child(5) {
    width: auto !important;
    text-align: right !important;
    padding-right: 31px !important; }
  .main .common-table.sell-details-table-fix-scroll .header-table th:nth-child(6) {
    width: 60px !important; }
  .main .common-table.sell-details-table-fix-scroll .body-table td:nth-child(1) {
    width: 70px;
    padding-right: 0px !important;
    text-align: center !important; }
  .main .common-table.sell-details-table-fix-scroll .body-table td:nth-child(2) {
    width: 15%;
    text-align: right !important; }
  .main .common-table.sell-details-table-fix-scroll .body-table td:nth-child(3) {
    width: 22%;
    text-align: right !important; }
  .main .common-table.sell-details-table-fix-scroll .body-table td:nth-child(4) {
    width: 23% !important;
    text-align: right !important; }
  .main .common-table.sell-details-table-fix-scroll .body-table td:nth-child(5) {
    width: auto !important;
    text-align: right !important; }
  .main .common-table.sell-details-table-fix-scroll .body-table td:nth-child(6) {
    width: 60px !important; }
  .main .common-table.edit-sell-details-table .header-table th:nth-child(1) {
    width: 22% !important;
    padding-right: 16px !important; }
  .main .common-table.edit-sell-details-table .header-table th:nth-child(2) {
    width: 30% !important;
    padding-right: 10px !important;
    text-align: right !important; }
  .main .common-table.edit-sell-details-table .header-table th:nth-child(3) {
    width: auto !important;
    padding-right: 17px !important;
    text-align: right !important; }
  .main .common-table.edit-sell-details-table .body-table td:nth-child(1) {
    width: 22% !important; }
  .main .common-table.edit-sell-details-table .body-table td:nth-child(2) {
    width: 30% !important;
    text-align: right !important; }
  .main .common-table.edit-sell-details-table .body-table td:nth-child(3) {
    width: auto !important;
    text-align: right !important; }
  .main .common-table.edit-sell-details-table-fix-scroll .header-table th:nth-child(1) {
    width: 22% !important;
    padding-right: 4px !important; }
  .main .common-table.edit-sell-details-table-fix-scroll .header-table th:nth-child(2) {
    width: 30% !important;
    text-align: right !important;
    padding-right: 19px !important; }
  .main .common-table.edit-sell-details-table-fix-scroll .header-table th:nth-child(3) {
    width: auto !important;
    text-align: right !important;
    padding-right: 33px !important; }
  .main .common-table.edit-sell-details-table-fix-scroll .body-table td:nth-child(1) {
    width: 22% !important;
    padding-right: 0px !important; }
  .main .common-table.edit-sell-details-table-fix-scroll .body-table td:nth-child(2) {
    width: 30% !important;
    text-align: right !important; }
  .main .common-table.edit-sell-details-table-fix-scroll .body-table td:nth-child(3) {
    width: auto !important;
    text-align: right !important; }
  .main .common-table .holdingsReportTable .header-table th {
    width: auto !important; }
    .main .common-table .holdingsReportTable .header-table th:last-child span {
      display: block;
      width: 80px; }
  .main .common-table .holdingsReportTable .body-table td {
    width: auto !important; }
  .main .common-table .edit-sell-table .header-table th:nth-child(1) {
    width: 20%;
    text-align: right !important; }
  .main .common-table .edit-sell-table .header-table th:nth-child(2) {
    text-align: right !important; }
  .main .common-table .edit-sell-table .body-table td:nth-child(1) {
    width: 20%;
    text-align: right !important;
    padding-right: 15px; }
  .main .common-table .edit-sell-table .body-table td:nth-child(2) {
    text-align: right !important;
    padding-right: 10px !important; }
  .main .common-table .capitalRecordsTable .header-table th:nth-child(1) {
    width: 10% !important;
    text-align: left; }
  .main .common-table .capitalRecordsTable .header-table th:nth-child(2) {
    width: 10% !important;
    text-align: left !important; }
  .main .common-table .capitalRecordsTable .header-table th:nth-child(3) {
    width: 14% !important;
    text-align: left !important; }
  .main .common-table .capitalRecordsTable .header-table th:nth-child(4) {
    width: 10% !important;
    text-align: left !important; }
  .main .common-table .capitalRecordsTable .header-table th:nth-child(5) {
    width: auto !important;
    text-align: left !important; }
  .main .common-table .capitalRecordsTable .body-table td:nth-child(1) {
    width: 10% !important;
    text-align: left; }
  .main .common-table .capitalRecordsTable .body-table td:nth-child(2) {
    width: 10% !important;
    text-align: left !important; }
  .main .common-table .capitalRecordsTable .body-table td:nth-child(3) {
    width: 14% !important;
    text-align: left !important; }
  .main .common-table .capitalRecordsTable .body-table td:nth-child(4) {
    width: 10% !important;
    text-align: left !important; }
  .main .common-table .capitalRecordsTable .body-table td:nth-child(5) {
    width: auto !important;
    text-align: left !important; }
  .main .common-table .capitalGainLossReportTable {
    min-width: 2048px !important;
    table-layout: auto !important; }
    .main .common-table .capitalGainLossReportTable .header-table th {
      width: auto; }
      .main .common-table .capitalGainLossReportTable .header-table th span {
        line-height: 1.15 !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(1) {
        width: 55px !important;
        text-align: left !important; }
        .main .common-table .capitalGainLossReportTable .header-table th:nth-child(1) span {
          width: 50px;
          display: block;
          text-align: left !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(2) {
        width: 60px !important;
        text-align: left !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(3) {
        width: 60px !important;
        text-align: right !important; }
        .main .common-table .capitalGainLossReportTable .header-table th:nth-child(3) span {
          width: 55px;
          display: block;
          text-align: right !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(4) {
        text-align: right !important;
        width: 90px !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(5) {
        text-align: left !important;
        width: 70px !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(6) {
        text-align: right !important;
        width: 60px !important; }
        .main .common-table .capitalGainLossReportTable .header-table th:nth-child(6) span {
          width: 60px;
          display: block;
          text-align: right !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(7) {
        text-align: right !important;
        width: 80px !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(8) {
        width: 90px !important;
        text-align: right !important; }
        .main .common-table .capitalGainLossReportTable .header-table th:nth-child(8) span {
          width: 80px;
          display: block;
          text-align: right !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(9) {
        text-align: right !important;
        width: 105px !important; }
        .main .common-table .capitalGainLossReportTable .header-table th:nth-child(9) span.headerText {
          width: 105px;
          display: block;
          text-align: right !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(10) {
        text-align: right !important;
        width: 95px !important; }
        .main .common-table .capitalGainLossReportTable .header-table th:nth-child(10) span.headerText {
          width: 95px;
          display: block;
          text-align: right !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(11) {
        text-align: right !important;
        width: 105px !important; }
        .main .common-table .capitalGainLossReportTable .header-table th:nth-child(11) span.headerText {
          width: 105px;
          display: block;
          text-align: right !important; }
      .main .common-table .capitalGainLossReportTable .header-table th:nth-child(12) {
        text-align: right !important;
        width: 95px !important; }
        .main .common-table .capitalGainLossReportTable .header-table th:nth-child(12) span.headerText {
          width: 60px;
          display: block;
          text-align: right !important; }
    .main .common-table .capitalGainLossReportTable .body-table {
      overflow: auto !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(1) {
        width: 55px !important;
        text-align: left !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(2) {
        width: 60px !important;
        text-align: left !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(3) {
        width: 60px !important;
        text-align: right !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(4) {
        text-align: right !important;
        width: 90px !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(5) {
        text-align: left !important;
        width: 70px !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(6) {
        text-align: right !important;
        width: 60px !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(7) {
        text-align: right !important;
        width: 80px !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(8) {
        width: 90px !important;
        text-align: right !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(9) {
        text-align: right !important;
        width: 105px !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(10) {
        text-align: right !important;
        width: 95px !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(11) {
        text-align: right !important;
        width: 105px !important; }
      .main .common-table .capitalGainLossReportTable .body-table td:nth-child(12) {
        text-align: right !important;
        width: 95px !important; }
  .main .common-table .sell-table .header-table tr th span {
    line-height: 1.15 !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionssellDate {
    text-align: left !important;
    width: 70px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionsstockCode {
    text-align: left !important;
    width: 75px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionsstockName {
    text-align: left !important;
    width: 230px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionstotalSellQuantity {
    text-align: right !important;
    width: 100px !important; }
    .main .common-table .sell-table .header-table tr th.SellTransactionstotalSellQuantity > div > span {
      width: 65px; }
  .main .common-table .sell-table .header-table tr th.SellTransactionssellPrice {
    text-align: right !important;
    width: 100px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionssellBrokerage {
    text-align: right !important;
    width: 100px !important; }
    .main .common-table .sell-table .header-table tr th.SellTransactionssellBrokerage > div {
      max-width: 120px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionssellGst {
    text-align: right !important;
    width: 100px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionsnetProceed {
    text-align: right !important;
    width: 120px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionsbuyDate {
    width: 90px !important;
    text-align: left !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionssellQuantityDetail {
    text-align: right !important;
    width: 90px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionsbuyPrice {
    text-align: right !important;
    width: 90px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionsbuyBrokerage {
    text-align: right !important;
    width: 110px !important; }
    .main .common-table .sell-table .header-table tr th.SellTransactionsbuyBrokerage > div {
      max-width: 120px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionsbuyGst {
    text-align: right !important;
    width: 80px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionscost {
    text-align: right !important;
    width: 80px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionstotalCost {
    text-align: right !important;
    width: 100px !important; }
  .main .common-table .sell-table .header-table tr th.SellTransactionsprofitLoss {
    text-align: right !important;
    width: 125px !important; }
  .main .common-table .sell-table .body-table.hiddenBodyTable > tr:first-child {
    visibility: hidden;
    height: 0px !important;
    border-top: 0 !important; }
    .main .common-table .sell-table .body-table.hiddenBodyTable > tr:first-child td {
      height: 0 !important; }
      .main .common-table .sell-table .body-table.hiddenBodyTable > tr:first-child td span {
        visibility: hidden;
        opacity: 0;
        height: 0; }
  .main .common-table .sell-table .body-table tr {
    border-top: 1px solid #e0e0e0 !important;
    border-bottom: 0 !important; }
    .main .common-table .sell-table .body-table tr td.firstColumnClass > div {
      overflow: hidden !important; }
    .main .common-table .sell-table .body-table tr td.firstColumnClass table {
      border-left: 1px solid #e0e0e0 !important; }
      .main .common-table .sell-table .body-table tr td.firstColumnClass table span {
        padding-left: 15px; }
    .main .common-table .sell-table .body-table tr td.lastColumnClass > div {
      overflow: hidden !important; }
    .main .common-table .sell-table .body-table tr td.lastColumnClass table {
      border-right: 1px solid #e0e0e0 !important; }
      .main .common-table .sell-table .body-table tr td.lastColumnClass table span {
        padding-right: 15px; }
    .main .common-table .sell-table .body-table tr td.columnClass {
      padding: 0 !important; }
      .main .common-table .sell-table .body-table tr td.columnClass span {
        padding-right: 15px; }
    .main .common-table .sell-table .body-table tr td table {
      border: 0 !important;
      min-width: 0 !important; }
      .main .common-table .sell-table .body-table tr td table td {
        padding: 0 !important;
        width: 50px !important; }
        .main .common-table .sell-table .body-table tr td table td span {
          margin-right: 0 !important; }
      .main .common-table .sell-table .body-table tr td table.multipleTable tr td {
        border-bottom: 0;
        position: relative; }
        .main .common-table .sell-table .body-table tr td table.multipleTable tr td .underline {
          position: absolute;
          width: 100%;
          height: 1px;
          bottom: 0;
          background-color: #e0e0e0;
          z-index: 1; }
      .main .common-table .sell-table .body-table tr td table.multipleTable tr:last-child td {
        border-bottom: 0; }
        .main .common-table .sell-table .body-table tr td table.multipleTable tr:last-child td .underline {
          display: none; }
    .main .common-table .sell-table .body-table tr td.SellTransactionssellDate {
      text-align: left !important;
      width: 70px !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionsstockCode {
      text-align: left !important;
      width: 75px !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionsstockName {
      text-align: left !important;
      width: 230px !important; }
      .main .common-table .sell-table .body-table tr td.SellTransactionsstockName > span {
        width: 230px !important;
        overflow: hidden;
        white-space: pre-wrap;
        text-overflow: clip; }
    .main .common-table .sell-table .body-table tr td.SellTransactionstotalSellQuantity {
      text-align: right !important;
      width: 100px !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionssellPrice {
      text-align: right !important;
      width: 100px !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionssellBrokerage {
      text-align: right !important;
      width: 100px !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionssellGst {
      text-align: right !important;
      width: 100px !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionsnetProceed {
      text-align: right !important;
      width: 120px !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionsbuyDate {
      text-align: left !important;
      width: 120px !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionssellQuantityDetail {
      text-align: right !important;
      width: 120px !important; }
      .main .common-table .sell-table .body-table tr td.SellTransactionssellQuantityDetail span {
        text-align: right !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionsbuyPrice {
      text-align: right !important;
      width: 120px !important; }
      .main .common-table .sell-table .body-table tr td.SellTransactionsbuyPrice span {
        text-align: right !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionsbuyBrokerage {
      text-align: right !important;
      width: 140px !important; }
      .main .common-table .sell-table .body-table tr td.SellTransactionsbuyBrokerage span {
        text-align: right !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionsbuyGst {
      text-align: right !important;
      width: 110px !important; }
      .main .common-table .sell-table .body-table tr td.SellTransactionsbuyGst span {
        text-align: right !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionscost {
      text-align: right !important;
      width: 110px !important; }
      .main .common-table .sell-table .body-table tr td.SellTransactionscost span {
        text-align: right !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionstotalCost {
      text-align: right !important;
      width: 100px !important; }
    .main .common-table .sell-table .body-table tr td.SellTransactionsprofitLoss {
      text-align: right !important;
      width: 125px !important; }
      .main .common-table .sell-table .body-table tr td.SellTransactionsprofitLoss span {
        text-align: right !important; }
  .main .summary-table {
    min-height: 69px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important; }
    .main .summary-table table tr {
      height: auto !important; }
      .main .summary-table table tr:first-child td {
        width: 20%; }
        .main .summary-table table tr:first-child td:first-child {
          font-family: Inter !important;
          font-weight: bold;
          font-size: 14.9px !important;
          width: 4%;
          color: #00a0af !important;
          text-transform: uppercase; }
      .main .summary-table table tr td {
        text-align: center !important;
        border-bottom: none;
        padding: 15px 5px !important;
        height: auto !important; }
        .main .summary-table table tr td:last-child {
          border-right: 0 !important; }
        .main .summary-table table tr td p {
          font-family: Inter !important;
          font-weight: bold;
          font-size: 14px !important;
          color: #555555 !important;
          margin: 0 0 7px 0;
          line-height: 1; }
        .main .summary-table table tr td span {
          display: block;
          font-family: Inter !important;
          font-weight: bold;
          font-size: 18px;
          color: #444444;
          letter-spacing: 0.4px;
          line-height: 1; }
    .main .summary-table.revenue table tr:first-child td:first-child {
      width: 20% !important;
      text-transform: none; }
  .main .summary-table-new {
    background-color: #FAFAFA;
    border-radius: 8px;
    padding: 4px;
    margin-bottom: 10px; }
    .main .summary-table-new-half-border-up {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px; }
    .main .summary-table-new-half-border-down {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
    .main .summary-table-new-no-border {
      border-radius: 0px; }
    .main .summary-table-new table tbody {
      background-color: #FAFAFA; }
    .main .summary-table-new table tr {
      height: auto !important; }
      .main .summary-table-new table tr:first-child td {
        width: 20%; }
        .main .summary-table-new table tr:first-child td:first-child {
          font-family: Inter !important;
          font-size: 16px !important;
          width: 4%;
          color: #00a0af !important; }
      .main .summary-table-new table tr td {
        text-align: center !important;
        padding: 15px 5px !important;
        height: auto !important;
        border-bottom: none; }
        .main .summary-table-new table tr td:last-child {
          border-right: 0 !important; }
        .main .summary-table-new table tr td p {
          font-family: Inter !important;
          font-size: 16px !important;
          color: #212121 !important;
          margin: 0 0 10px 0;
          line-height: 1; }
        .main .summary-table-new table tr td span {
          display: block;
          font-family: Inter !important;
          font-size: 24px;
          font-weight: 600;
          color: #212121;
          letter-spacing: 0.4px;
          line-height: 1;
          margin-left: 5px; }
    .main .summary-table-new table tr:first-child td:first-child {
      width: 20%; }
    .main .summary-table-new .title-sub-grand-table {
      font-size: 14px !important; }
    .main .summary-table-new .value-sub-grand-table {
      font-size: 20px !important; }
  .main .all-radius {
    border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    overflow: hidden; }
  .main .top-radius {
    border-top-left-radius: 8px !important;
    -ms-border-top-left-radius: 8px !important;
    -moz-border-top-left-radius: 8px !important;
    -webkit-border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    -ms-border-top-right-radius: 8px !important;
    -moz-border-top-right-radius: 8px !important;
    -webkit-border-top-right-radius: 8px !important; }
  .main .bottom-radius {
    border-bottom-left-radius: 8px !important;
    -ms-border-bottom-left-radius: 8px !important;
    -moz-border-bottom-left-radius: 8px !important;
    -webkit-border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    -ms-border-bottom-right-radius: 8px !important;
    -moz-border-bottom-right-radius: 8px !important;
    -webkit-border-bottom-right-radius: 8px !important; }
  .main .add-first-launch-portfolio {
    display: table;
    margin: 0 auto;
    text-align: center;
    top: 0%;
    width: 100%;
    z-index: 1;
    left: 104.5px;
    height: calc(100vh - 90px); }
    .main .add-first-launch-portfolio > div {
      display: table-cell;
      vertical-align: middle;
      position: relative;
      top: -55px; }
      .main .add-first-launch-portfolio > div .btn-add-portfolio {
        width: 211px;
        height: 39px;
        color: #ffffff !important;
        box-shadow: 0px 2px 5px 0 rgba(0, 98, 107, 0.4);
        background: #4068F6;
        border-radius: 18px !important;
        text-transform: capitalize;
        font-size: 14px; }
        .main .add-first-launch-portfolio > div .btn-add-portfolio button {
          width: 173px;
          height: 11px;
          font-family: Inter;
          font-size: 13px;
          font-weight: bold;
          letter-spacing: 0.1px;
          text-align: center;
          background-color: #00a0af !important; }
          .main .add-first-launch-portfolio > div .btn-add-portfolio button span {
            color: #ffffff !important; }
      .main .add-first-launch-portfolio > div .icon-new-portfolio {
        width: 60px;
        height: 47px;
        -o-object-fit: contain;
           object-fit: contain;
        margin-bottom: 20px; }
  .main .field-disable {
    background-color: #F2F2F2 !important; }

.horizontal-table {
  width: 100%;
  table-layout: fixed; }
  .horizontal-table td {
    width: 50%;
    white-space: nowrap; }
    .horizontal-table td.stay-column {
      padding-top: 20px;
      color: #8b8b8b;
      text-align: center; }

.proceed-holder {
  margin-top: 10px;
  padding: 11px !important; }
  .proceed-holder .button-with-arrow {
    margin: 12px 0 10px; }
    .proceed-holder .button-with-arrow span.font-icon {
      height: 7px !important;
      color: #cecece !important; }

.sub-title {
  display: inline-block;
  color: #999999;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 15px;
  line-height: 1;
  font-size: 17px; }

.less-expenses .holder {
  -webkit-transform: translate3d(0, 0, 0); }

.btn-add-expense {
  background-color: #FFFFFF !important;
  color: #4068F6 !important;
  margin-right: 10px;
  border-radius: 100px !important;
  border: 1px solid #4068F6 !important;
  box-shadow: none !important;
  float: right;
  height: 32px; }
  .btn-add-expense svg {
    margin-right: 4px; }

.eh-details {
  margin-left: 45px; }

.eh-holder {
  font-size: 13px; }
  .eh-holder .link-text {
    color: #4068F6;
    cursor: pointer;
    text-decoration: underline; }

.template-report-title {
  position: relative;
  margin-bottom: 4px;
  margin-top: 22px; }

.title-above {
  margin-bottom: 10px;
  color: #999999;
  font-weight: bold;
  line-height: 1;
  font-size: 17px; }

.holder.profit-loss {
  width: 100%;
  padding: 30px 0;
  overflow-x: auto; }
  .holder.profit-loss .field {
    min-width: 954px; }
  .holder.profit-loss .small-title {
    font-size: 13px;
    padding: 10px 0; }
  .holder.profit-loss .unbordered-row, .holder.profit-loss .bordered-row {
    margin-left: 20px;
    padding: 10px 0; }
    .holder.profit-loss .unbordered-row .row-title, .holder.profit-loss .bordered-row .row-title {
      display: inline-block;
      width: 250px; }
    .holder.profit-loss .unbordered-row .row-value, .holder.profit-loss .bordered-row .row-value {
      width: 110px;
      text-align: right;
      display: inline-block; }
      .holder.profit-loss .unbordered-row .row-value.padding-left-110, .holder.profit-loss .bordered-row .row-value.padding-left-110 {
        padding-left: 110px; }
      .holder.profit-loss .unbordered-row .row-value.padding-left-220, .holder.profit-loss .bordered-row .row-value.padding-left-220 {
        padding-left: 230px; }
      .holder.profit-loss .unbordered-row .row-value.padding-left-330, .holder.profit-loss .bordered-row .row-value.padding-left-330 {
        padding-left: 330px; }
      .holder.profit-loss .unbordered-row .row-value.padding-left-440, .holder.profit-loss .bordered-row .row-value.padding-left-440 {
        padding-left: 440px; }
      .holder.profit-loss .unbordered-row .row-value.padding-left-550, .holder.profit-loss .bordered-row .row-value.padding-left-550 {
        padding-left: 550px; }
      .holder.profit-loss .unbordered-row .row-value p, .holder.profit-loss .bordered-row .row-value p {
        width: 400px; }
  .holder.profit-loss .bordered-row {
    border-bottom: 1px solid #e0e0e0; }
  .holder.profit-loss .other-sources {
    padding: 0 0 8px 0; }
    .holder.profit-loss .other-sources .common-inputTextField {
      height: 39px !important; }

.holder.sell-setting {
  padding-left: 10px;
  padding-top: 60px; }
  .holder.sell-setting .sell-setting-header {
    margin-left: 20px;
    margin-top: -30px;
    color: #737373;
    position: absolute; }

.holder.filter {
  max-height: 65px;
  padding: 25px 20px 0; }
  .holder.filter .row {
    display: inline-block;
    width: calc(100% - 150px); }
    .holder.filter .row.full-width {
      width: 100%; }
  .holder.filter.capital-record-filter .generateButton {
    margin-top: 22px; }
  .holder.filter.report-filter .generateButton {
    margin-top: 4px; }
  .holder.filter.report-filter .stay-column {
    margin-top: 15px;
    text-align: center; }
  .holder.filter.report-filter.single-filter {
    max-height: 50px;
    padding: 10px 0px 15px;
    width: 500px;
    float: right;
    position: relative;
    z-index: 99; }

.commonDatePicker {
  position: relative; }
  .commonDatePicker .datePickerImg {
    margin-left: -16px;
    display: inline;
    position: relative; }
  .commonDatePicker > .DatePickerMaterialUI {
    width: 100%; }
    .commonDatePicker > .DatePickerMaterialUI .material-icons {
      color: #4068F6;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .commonDatePicker > .DatePickerMaterialUI button {
      padding: 3px; }

.common-date-picker-container {
  box-sizing: border-box; }
  .common-date-picker-container .title {
    float: left;
    width: 61px;
    height: 30px;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #E5E5E5;
    background-color: #F2F2F2;
    color: #212121;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    border-radius: 8px 0px 0px 8px;
    border-right: none; }
  .common-date-picker-container .date-picker-input {
    float: left;
    padding: 0px 7px;
    height: 30px;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #E5E5E5;
    background-color: #FFFFFF;
    color: #212121;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    border-radius: 0px 8px 8px 0px; }
    .common-date-picker-container .date-picker-input .icon-calendar {
      margin-left: 0px; }
  .common-date-picker-container .DatePickerMaterialUI div:first-child {
    margin-bottom: 0px;
    margin-top: 2px;
    font-family: "Inter";
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: #212121; }
  .common-date-picker-container .DatePickerMaterialUI div:first-child:before {
    border-bottom: none !important; }
  .common-date-picker-container .DatePickerMaterialUI input {
    width: 90px;
    padding-bottom: 0px; }
  .common-date-picker-container .DatePickerMaterialUI button {
    padding: 0px; }
  .common-date-picker-container .DatePickerMaterialUI .material-icons {
    color: #4068F6;
    font-size: 20px; }

.table-import-buy .datePickerImg {
  margin-left: -16px;
  margin-top: 15px;
  position: absolute; }

.import-stepper {
  width: 100%;
  max-width: 700px;
  margin: auto; }

.current-subscription .card {
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  height: 100%;
  position: relative; }

.current-subscription .card-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  display: block;
  text-align: center;
  padding: 12px; }

.current-subscription .card-body {
  margin-bottom: 45px; }

.current-subscription .head-content {
  display: inline !important; }

.current-subscription .head-title {
  display: inline !important; }

.current-subscription .title-name {
  color: #212121;
  font-size: 24px;
  font-family: Inter; }

.current-subscription .title-icon {
  z-index: 1;
  float: left;
  padding: 0;
  max-width: 30px;
  max-height: 30px; }

.current-subscription .head-prices {
  font-size: 35px;
  font-weight: 1000;
  color: #068a96;
  display: inline !important;
  font-family: Inter;
  font-weight: bold; }

.current-subscription .head-subheader {
  font-size: 14px;
  display: inline !important;
  font-family: Inter;
  font-weight: bold; }

.current-subscription .display-flex {
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ccecef;
  border: solid 1px #55c6d1; }

.current-subscription .features-benefits {
  width: 100%;
  padding: 30px 0;
  line-height: 2;
  margin-bottom: unset;
  -webkit-border-radius: 0 4px 4px 0 !important;
  border-left: solid 1px #55c6d1; }
  .current-subscription .features-benefits .field > div:first-of-type {
    padding-bottom: 5px; }
  .current-subscription .features-benefits span {
    margin-left: 10px;
    position: absolute; }

.current-subscription .annual-plan {
  width: 40%;
  border-radius: 4px 0 0 4px;
  text-align: center;
  font-size: 22px;
  color: #444444;
  margin: auto; }
  .current-subscription .annual-plan .plan-price {
    padding: 20px 0;
    line-height: 1;
    color: #00a0af;
    font-weight: bold; }
    .current-subscription .annual-plan .plan-price div:nth-child(1) {
      display: inline; }
    .current-subscription .annual-plan .plan-price span:nth-child(1) {
      padding-top: 6px;
      font-weight: normal;
      position: absolute; }
    .current-subscription .annual-plan .plan-price span:nth-child(2) {
      margin-left: 15px;
      font-size: 50px; }
    .current-subscription .annual-plan .plan-price span:nth-child(3) {
      text-align: unset;
      color: #555555;
      font-size: 14px; }
  .current-subscription .annual-plan button > div > div {
    padding: 0 15px !important; }

.purchase-subscription .plan-header {
  font-weight: 600;
  font-size: 32px;
  padding-bottom: 15px; }

.purchase-subscription .box-card {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 10px 14px 0px 14px; }

.purchase-subscription .plan-info {
  font-weight: 500;
  font-size: 15px; }
  .purchase-subscription .plan-info .value {
    font-size: 20px;
    font-weight: 600; }

.purchase-subscription .horizontal-line {
  border-bottom: 1px solid #EAEBED;
  margin: 20px 0px 10px 0px; }

.purchase-subscription .tealBg {
  float: right; }

.purchase-subscription .subscription-selectfield {
  display: block !important;
  top: 14px; }

.purchase-subscription .__react_component_tooltip {
  background-color: white !important; }

.purchase-subscription .mt-left-15 {
  margin-left: 15px; }

.subscription-completed .holder {
  text-align: center;
  font-size: 14px !important; }
  .subscription-completed .holder button {
    color: #ffffff; }
  .subscription-completed .holder img {
    margin: 10px; }

.subscription-completed .result-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  margin: 20px 0px 10px 0px; }

.subscription-completed .result-content {
  margin: 10px;
  padding: 10px;
  font-size: 15px; }
  .subscription-completed .result-content a {
    color: #4068F6;
    text-transform: capitalize; }

.subscription-completed .tealBg {
  float: none !important;
  margin: 10px; }

.hint-image {
  display: inline-block;
  position: relative;
  padding-left: 7px; }
  .hint-image a img {
    margin-left: -7px; }

.page-not-found {
  width: 730px;
  margin: 0 auto;
  margin-top: -60px; }
  .page-not-found .left-content {
    float: left;
    width: 240px;
    margin-top: -11px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.67;
    letter-spacing: 0.2px;
    color: #ffffff; }
    .page-not-found .left-content .back-to-homepage {
      background-color: white !important;
      color: #4068f6 !important;
      font-weight: bold;
      width: 200px; }
    .page-not-found .left-content h1 {
      font-size: 80px;
      line-height: 1;
      margin: 0 0 30px 0;
      letter-spacing: 0.8px; }
    .page-not-found .left-content p {
      margin: 0 0 35px 0; }
    .page-not-found .left-content .tealBg {
      width: 200px; }
      .page-not-found .left-content .tealBg button {
        background-color: white !important; }
        .page-not-found .left-content .tealBg button span {
          color: #0093a1 !important; }
  .page-not-found img {
    float: right; }

.profile-page .page-header {
  margin-bottom: 0px; }

.profile-page h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1;
  color: #212121; }

.profile-page .holder {
  padding: 24px;
  color: #212121;
  margin-top: 16px; }
  .profile-page .holder .profile-field {
    margin-top: 24px;
    font-size: 15px; }
    .profile-page .holder .profile-field .title-field {
      font-weight: 400; }
    .profile-page .holder .profile-field .title-field-bold {
      font-weight: 500; }
    .profile-page .holder .profile-field .value-field {
      font-weight: 600; }
    .profile-page .holder .profile-field .value-field-with-icon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-top: 8px; }
      .profile-page .holder .profile-field .value-field-with-icon img {
        margin-left: 8px;
        cursor: pointer; }
    .profile-page .holder .profile-field .value-field-with-input {
      display: -ms-flexbox;
      display: flex;
      margin-top: 10px;
      -ms-flex-align: center;
          align-items: center; }
      .profile-page .holder .profile-field .value-field-with-input .line {
        height: 22px;
        width: 1px;
        background-color: #A5A5A5; }
      .profile-page .holder .profile-field .value-field-with-input img {
        margin: 0px 12px;
        cursor: pointer; }
    .profile-page .holder .profile-field .common-field {
      margin-bottom: 0px; }
  .profile-page .holder .security {
    color: #4068F6;
    border-top: 1px solid #EAEBED;
    padding-top: 24px;
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    font-size: 20px; }
    .profile-page .holder .security .password-link, .profile-page .holder .security .email-link {
      margin-top: 16px;
      font-size: 15px; }
      .profile-page .holder .security .password-link span, .profile-page .holder .security .email-link span {
        cursor: pointer; }
      .profile-page .holder .security .password-link .email-link-disable, .profile-page .holder .security .email-link .email-link-disable {
        color: #999999;
        cursor: not-allowed; }
    .profile-page .holder .security .__react_component_tooltip {
      left: 290px !important; }
  .profile-page .holder .wrapSecurity {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px; }
  .profile-page .holder .qrcode-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .profile-page .holder .qrcode-container .qrcode-image {
      width: 240px;
      height: 240px; }
  .profile-page .holder .wrap-text {
    text-align: center;
    margin: 10px 0px;
    color: #212121; }
  .profile-page .holder .border-qrcode {
    border: 1px solid #E5E5E5;
    padding: 10px; }

.profile-page .single-btn, .profile-page .group-btn {
  width: 100%;
  float: left; }
  .profile-page .single-btn > div, .profile-page .group-btn > div {
    float: right; }
    .profile-page .single-btn > div .common-btn, .profile-page .group-btn > div .common-btn {
      width: 210px;
      margin: 0 0 15px 15px; }
  .profile-page .single-btn .change-email button[disabled] > div, .profile-page .group-btn .change-email button[disabled] > div {
    background-color: rgba(255, 255, 255, 0.4); }
  .profile-page .single-btn .__react_component_tooltip, .profile-page .group-btn .__react_component_tooltip {
    margin-left: 7px;
    margin-top: -15px;
    left: 290px !important; }

.input-dialog .selected-field {
  display: block !important; }
  .input-dialog .selected-field.select {
    top: 14px; }

.center-wrapper {
  text-align: center;
  background-color: #ffffff;
  width: 450px;
  padding: 40px 35px 40px;
  margin: 0 auto;
  box-shadow: 0 0 35px 0 rgba(0, 65, 71, 0.3);
  border: solid 1px #e7e7e7;
  border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important; }
  .center-wrapper .brand {
    margin-bottom: 30px; }
  .center-wrapper .notification .nf-content {
    margin: 0 auto 20px;
    width: 370px; }
    .center-wrapper .notification .nf-content.nf-content-upper-image {
      line-height: 1.71; }
    .center-wrapper .notification .nf-content.nf-content-lower-image {
      font-weight: bolder;
      text-transform: uppercase;
      margin-top: 20px; }
      .center-wrapper .notification .nf-content.nf-content-lower-image.nf-locked {
        color: #444444; }
      .center-wrapper .notification .nf-content.nf-content-lower-image.nf-succeed {
        color: #4caf50;
        margin-bottom: 10px; }
      .center-wrapper .notification .nf-content.nf-content-lower-image.nf-failed {
        color: #fe302a;
        margin-bottom: 10px; }
  .center-wrapper .notification .nf-img {
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto; }
    .center-wrapper .notification .nf-img.nf-inbox-img {
      background-image: url(/inbox.png);
      width: 87px;
      height: 86px; }
    .center-wrapper .notification .nf-img.nf-locked-img {
      background-image: url(/locked-user-icon.png);
      width: 87px;
      height: 84px; }
    .center-wrapper .notification .nf-img.nf-success-img {
      background-image: url(/success.png);
      width: 50px;
      height: 52px; }
    .center-wrapper .notification .nf-img.nf-failed-img {
      background-image: url(/failed.png);
      width: 50px;
      height: 52px; }
  .center-wrapper .notification .nf-action.nf-action-upper-button span {
    display: block;
    line-height: 1.71;
    color: #00a0af;
    cursor: pointer; }
  .center-wrapper .notification .nf-action.nf-action-lower-button {
    font-size: 13px;
    margin-top: 25px; }
    .center-wrapper .notification .nf-action.nf-action-lower-button span {
      color: #00a0af;
      cursor: pointer; }
  .center-wrapper .notification .common-btn {
    width: 188px;
    margin-top: 40px; }

.applyAllCbx {
  padding: 0 24px; }

.demerger-form {
  padding: 20px 24px 24px 24px; }
  .demerger-form .new-stock-label {
    text-transform: capitalize; }
  .demerger-form .border-top {
    border-top: 1px solid #EAEBED;
    padding-top: 25px;
    margin-top: 10px; }
  .demerger-form .disabled-text input {
    color: #212121 !important; }
  .demerger-form .border-wrapper {
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    padding: 24px 24px 10px 24px;
    width: 93%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px; }
    .demerger-form .border-wrapper .base-cost-input {
      display: -ms-flexbox;
      display: flex; }
      .demerger-form .border-wrapper .base-cost-input .center-input {
        margin: 10px 10px 0 10px; }
    .demerger-form .border-wrapper .base-cost-title {
      margin-bottom: 3px;
      margin-left: 10px; }
      .demerger-form .border-wrapper .base-cost-title .star {
        color: #d30f03d9; }
  .demerger-form .input-inline .common-field {
    display: -ms-flexbox !important;
    display: flex !important;
    margin-top: 28px;
    -ms-flex-align: start;
        align-items: start; }
    .demerger-form .input-inline .common-field .text-field-outline, .demerger-form .input-inline .common-field .auto-complete-wrapper {
      width: 70%;
      margin-left: 6px; }
    .demerger-form .input-inline .common-field .auto-complete-wrapper {
      margin-left: 5px; }
    .demerger-form .input-inline .common-field .label {
      margin-top: 8px;
      min-width: 90px; }
  .demerger-form b {
    color: #222222;
    font-weight: 600; }
  .demerger-form .selected-field input {
    font-family: Inter !important;
    font-weight: 600 !important;
    min-width: 180px; }
  .demerger-form .currency .common-field > div input {
    min-width: 150px; }
  .demerger-form .currency .common-field > div > p {
    position: absolute;
    bottom: -10px;
    min-width: 350px; }
  .demerger-form .td-padding-top {
    padding-top: 7px; }
  .demerger-form .field .common-field {
    margin-bottom: 0; }
  .demerger-form table tbody tr td {
    height: 50px;
    vertical-align: top; }

.holdings-summary .currency {
  float: right; }
  .holdings-summary .currency .inline-edit-currency > div {
    max-width: 120px; }
  .holdings-summary .currency p {
    font-size: 12px;
    top: 33px; }

.dropdown-filter {
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .dropdown-filter .label-wrapper {
    height: 30px;
    background: #F2F2F2;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #D4D8DB;
    border-right: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 0 10px; }

.import-error-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .import-error-container .icon-close-red {
    color: #D30F03;
    cursor: pointer; }

.import-message {
  font-family: Inter;
  font-size: 15px;
  line-height: 2;
  padding-left: 10px; }
  .import-message .error-label {
    color: #D30F03;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 10px 0px; }
  .import-message table {
    border-collapse: collapse; }
  .import-message .error-message-row th, .import-message .error-message-row td {
    border-bottom: 1px solid;
    padding: 0 10px; }
  .import-message .row-number-col {
    text-align: center; }
  .import-message .error-label-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .import-message .title-error {
    color: #D30F03;
    font-style: normal;
    font-weight: 500;
    font-size: 20px; }

.col-6 {
  width: 50%; }

.col-4 {
  width: 30%; }

.inline-radio {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%; }

.user-dialog-menu > div {
  border-radius: 4px; }
  .user-dialog-menu > div > li {
    padding-top: 11px;
    padding-bottom: 11px; }

.dropdown-criteria div {
  min-width: 105px;
  font-size: 15px;
  font-family: Inter;
  font-weight: 400; }

.cash-account-row {
  padding: 10px; }

.cash-account-info {
  border-right: 1px solid #f7eeee; }
  .cash-account-info > div {
    margin-bottom: 30px; }

.cash-transaction {
  padding-right: 10px;
  padding-left: 10px; }

.cash-transaction-title {
  bottom: 5px;
  float: left;
  font-weight: 900;
  position: relative;
  color: #555555 !important; }

.cash-transaction-group {
  z-index: 1;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row !important;
      flex-direction: row !important;
  padding: 2px; }
  .cash-transaction-group > .item {
    margin-right: 10px; }

.cash-account-button {
  padding: 2px 0px;
  min-width: 30px; }

.cash-account-icon {
  background: #d6d6d6;
  padding-top: 10px;
  padding-bottom: 10px; }

.cus-col {
  line-height: 1;
  font-family: Inter !important;
  font-weight: 600;
  font-size: 14px !important;
  color: #555555 !important;
  border: 1.5px solid #e4e4e4;
  padding: 4px 10px 4px 10px !important; }

.cus-col-x40 {
  width: 40%; }

.cus-col-x20 {
  width: 20%; }

.option-account-list {
  background: #d6d6d6;
  border-radius: 2px; }

.cash-account-label {
  padding-left: 10px;
  margin-bottom: 10px;
  line-height: 1;
  font-weight: 900;
  font-size: 14px !important;
  color: #555555 !important; }

.ctList {
  padding-left: 30px !important;
  border-right: 1px solid #d6d6d6;
  padding-top: 30px; }

.account-active {
  background: #00A0AF !important; }
  .account-active > tr > td {
    color: #FFF !important; }

.table-transaction > div > div {
  box-shadow: none; }
  .table-transaction > div > div .table-transaction > div {
    box-shadow: 0px -1px 1px 0 rgba(0, 0, 0, 0.05), 0px 1px 4px 0 rgba(0, 0, 0, 0.15); }

.table-transaction table thead > tr th {
  padding: 4px 10px 4px 10px;
  box-shadow: 5px 0px 11px 1px rgba(0, 0, 0, 0.15);
  z-index: 1;
  top: -1px;
  background: #F6F7F8; }

.table-transaction table thead > tr > th:last-child {
  line-height: 1.1;
  font-size: 12px;
  font-family: Inter;
  font-weight: 600;
  color: black; }

.table-transaction table tbody > tr {
  opacity: 1 !important;
  background: #FFF !important; }
  .table-transaction table tbody > tr > td {
    padding: 4px 10px 4px 10px;
    line-height: 1.1;
    font-size: 12px;
    font-family: "Inter";
    color: black;
    text-overflow: ellipsis; }
    .table-transaction table tbody > tr > td > h6 {
      color: red; }
    .table-transaction table tbody > tr > td > div {
      line-height: 1.1;
      font-size: 12px;
      font-family: "Inter";
      color: black; }
  .table-transaction table tbody > tr > td:last-child {
    padding: 0px 0px !important; }
    .table-transaction table tbody > tr > td:last-child > div {
      -ms-flex-pack: center;
          justify-content: center; }

.full-screen {
  height: calc(100vh - 200px);
  width: calc(100% - 0px); }

.btn-create-new-bank-account {
  width: 150px;
  height: 32px;
  color: #ffffff !important;
  box-shadow: 0px 2px 5px 0 rgba(0, 98, 107, 0.4);
  background: #4068F6 !important;
  border-radius: 18px !important;
  text-transform: capitalize !important;
  font-size: 14px;
  margin-bottom: 10px !important; }

.note-cus div:first-child {
  height: 90px;
  -ms-flex-align: start;
      -ms-grid-row-align: flex-start;
      align-items: flex-start; }

.bonus-wrapper {
  padding: 0px 20px; }

.view-depreciation-schedule {
  padding: 24px !important;
  margin-top: 10px; }
  .view-depreciation-schedule .header-schedule {
    font-size: 15px;
    padding: 16px 0px 24px 0px; }
    .view-depreciation-schedule .header-schedule .header-schedule-title {
      display: block; }
    .view-depreciation-schedule .header-schedule .header-schedule-value {
      font-weight: 600;
      color: #212121;
      margin-top: 8px; }
  .view-depreciation-schedule .item-name-selected-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #EAEBED;
    padding-bottom: 18px; }
    .view-depreciation-schedule .item-name-selected-wrapper .item-name-detail {
      margin-right: 30px; }
      .view-depreciation-schedule .item-name-selected-wrapper .item-name-detail span {
        color: #212121;
        font-size: 15px;
        font-weight: normal; }
        .view-depreciation-schedule .item-name-selected-wrapper .item-name-detail span .focus-item {
          font-weight: 600; }

.drag-cus {
  margin-top: 2px; }
  .drag-cus #dragdropzone {
    height: 88px !important;
    border: 0.5px dashed #D4D8DB;
    width: 100%;
    border-radius: 6px;
    background-color: #F8F8F8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .drag-cus .check-box-wrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0px; }
    .drag-cus .check-box-wrapper .inlineCb {
      margin-left: 10px; }

.drag-import-message {
  font-size: 14px;
  line-height: 20px;
  color: #D30F03;
  margin-top: 10px; }
/*Color Background*/
/*Color Button*/
/*Color Text*/
/*Require Field*/
/*Color Border*/
/*Color Icon*/
/*Height of table*/
/* 15px for scroll bar*/
/* Color Fixed Data Table */
/*Border Radius*/
/*User Selection*/
.auth-layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FAFAFA; }
  .auth-layout .logo {
    cursor: pointer; }
  .auth-layout .login-form-wrapper {
    display: -ms-flexbox;
    display: flex;
    max-width: 1146px;
    width: 1146px;
    height: auto;
    margin: 0;
    background: #ffffff;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06); }
    .auth-layout .login-form-wrapper .right-background img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .auth-layout .login-form-wrapper .forgot-password-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      height: 100%;
      margin-top: 30px; }
      .auth-layout .login-form-wrapper .forgot-password-wrapper .forgot-password-message-wrapper {
        margin-top: 30px !important; }
    .auth-layout .login-form-wrapper .form-content {
      padding: 40px 90px 40px 80px; }
      .auth-layout .login-form-wrapper .form-content .groupBtnOutMain {
        margin-top: 5px;
        margin-right: 15px;
        -ms-flex-pack: end;
            justify-content: flex-end;
        display: -ms-flexbox;
        display: flex; }
        .auth-layout .login-form-wrapper .form-content .groupBtnOutMain .common-btn {
          height: 40px;
          border-radius: 100px !important;
          padding: 0px 60px; }
        .auth-layout .login-form-wrapper .form-content .groupBtnOutMain .groupBtnContainer {
          display: -ms-flexbox;
          display: flex; }
      .auth-layout .login-form-wrapper .form-content .title-wrapper {
        margin-top: 45px; }
        .auth-layout .login-form-wrapper .form-content .title-wrapper .login-title {
          font-size: 32px;
          font-weight: 600;
          color: #212121; }
      .auth-layout .login-form-wrapper .form-content .signup-title-wrapper {
        margin-top: 20px;
        padding: 0px 10px; }
        .auth-layout .login-form-wrapper .form-content .signup-title-wrapper .message {
          line-height: 21px; }
      .auth-layout .login-form-wrapper .form-content .title-wrapper-responsive {
        display: none; }
      .auth-layout .login-form-wrapper .form-content .forgot-password-title-wrapper {
        margin-top: 20px; }
      .auth-layout .login-form-wrapper .form-content .signup-success {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: start;
            justify-content: flex-start;
        margin-top: 40;
        padding-right: 10px; }
        .auth-layout .login-form-wrapper .form-content .signup-success .title {
          font-size: 27px;
          font-weight: 600; }
        .auth-layout .login-form-wrapper .form-content .signup-success .logo-signup {
          display: none; }
        .auth-layout .login-form-wrapper .form-content .signup-success .have-account {
          margin-top: 8px; }
          .auth-layout .login-form-wrapper .form-content .signup-success .have-account .message {
            font-size: 15px;
            color: #080F26;
            line-height: 26px;
            text-decoration: none; }
        .auth-layout .login-form-wrapper .form-content .signup-success .signin-btn {
          height: 40px; }
      .auth-layout .login-form-wrapper .form-content .logo-custom {
        margin-top: 140px; }
      .auth-layout .login-form-wrapper .form-content .have-account {
        margin-top: 8px; }
        .auth-layout .login-form-wrapper .form-content .have-account .message {
          line-height: 21px; }
      .auth-layout .login-form-wrapper .form-content .have-account,
      .auth-layout .login-form-wrapper .form-content .resend-email {
        line-height: 1;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 400; }
        .auth-layout .login-form-wrapper .form-content .have-account span,
        .auth-layout .login-form-wrapper .form-content .resend-email span {
          color: #212121;
          margin-right: 3px; }
        .auth-layout .login-form-wrapper .form-content .have-account a,
        .auth-layout .login-form-wrapper .form-content .resend-email a {
          color: #4068F6;
          margin-left: 3px; }
          .auth-layout .login-form-wrapper .form-content .have-account a:hover,
          .auth-layout .login-form-wrapper .form-content .resend-email a:hover {
            cursor: pointer; }
      .auth-layout .login-form-wrapper .form-content .login-form {
        margin-top: 20px;
        padding: 0px 10px; }
        .auth-layout .login-form-wrapper .form-content .login-form .input-field {
          margin-bottom: 10px; }
        .auth-layout .login-form-wrapper .form-content .login-form .login-field {
          padding-bottom: 8px; }
          .auth-layout .login-form-wrapper .form-content .login-form .login-field input {
            height: 40px; }
        .auth-layout .login-form-wrapper .form-content .login-form .login-btn-wrapper .signin-btn {
          height: 40px;
          border-radius: 100px !important; }
          .auth-layout .login-form-wrapper .form-content .login-form .login-btn-wrapper .signin-btn span {
            font-weight: 500;
            font-size: 15px !important; }
        .auth-layout .login-form-wrapper .form-content .login-form .login-btn-wrapper .signup-btn {
          height: 40px;
          background-color: #FFFFFF;
          color: #4068F6;
          border: 1px solid #4068F6;
          box-shadow: none !important;
          width: 50%; }
          .auth-layout .login-form-wrapper .form-content .login-form .login-btn-wrapper .signup-btn .btn-icon {
            margin-right: 10px; }
        .auth-layout .login-form-wrapper .form-content .login-form .forgot-password {
          font-size: 15px;
          font-weight: 400;
          margin-top: 15px; }
          .auth-layout .login-form-wrapper .form-content .login-form .forgot-password a {
            color: #4068F6; }
            .auth-layout .login-form-wrapper .form-content .login-form .forgot-password a:hover {
              cursor: pointer; }
      .auth-layout .login-form-wrapper .form-content .forgot-password-form {
        padding: 0; }
      .auth-layout .login-form-wrapper .form-content .footer-container {
        margin-top: 130px; }
        .auth-layout .login-form-wrapper .form-content .footer-container ul li {
          display: inline;
          list-style-type: none;
          border-left: 1px solid #4068F6;
          padding: 0 10px; }
        .auth-layout .login-form-wrapper .form-content .footer-container ul li:first-child {
          padding-left: 0px;
          border-left: unset; }
        .auth-layout .login-form-wrapper .form-content .footer-container ul li a {
          text-decoration: none;
          color: #4068F6;
          font-size: 15px;
          font-weight: 400; }

.warning-login {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0px 5%; }
  .warning-login .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 150px; }
    .warning-login .content .logo-image {
      margin-bottom: 60px; }
    .warning-login .content .message-notify {
      text-align: center;
      font-size: 16px;
      line-height: 21px; }

.forbidden-component {
  text-align: center; }
  .forbidden-component .icon, .forbidden-component .content {
    display: inline-block;
    padding: 10px;
    vertical-align: middle; }
  .forbidden-component .content h1 {
    font-size: 50px;
    margin: 10px 0; }
/*Color Background*/
/*Color Button*/
/*Color Text*/
/*Require Field*/
/*Color Border*/
/*Color Icon*/
/*Height of table*/
/* 15px for scroll bar*/
/* Color Fixed Data Table */
/*Border Radius*/
/*User Selection*/
#app {
  height: 100%;
  overflow-y: auto;
  scroll-behavior: auto; }
  #app > div {
    height: 100%; }

.header {
  position: fixed;
  left: 0;
  right: 0;
  height: 80px;
  background-color: #ffffff;
  box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.2);
  z-index: 100;
  top: 0; }
  .header .brand {
    width: 145px;
    font-size: 30px;
    float: left;
    margin-left: 20px;
    padding-top: 15px; }
  .header .title-portfolio {
    color: #999999;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    top: 20px;
    left: 230px;
    position: absolute;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #999999;
    height: 25px;
    padding-left: 23px;
    padding-top: 3px;
    cursor: pointer; }
    .header .title-portfolio.refix-color {
      color: #00a0af; }
  .header .breadcrumb {
    display: inline-block;
    color: #00a0af; }
    .header .breadcrumb:before {
      content: '\E5CC';
      color: #999999;
      vertical-align: text-top;
      display: inline-block;
      font-family: 'Material Icons';
      font-weight: 600;
      font-style: normal;
      font-size: 20px;
      margin: 0 8px 0 6px;
      -webkit-font-smoothing: antialiased; }
    .header .breadcrumb.refix-color {
      color: #666666; }
  .header .breadcrumb-noPortfolio {
    display: inline-block;
    color: #00a0af;
    margin-top: 4px; }
    .header .breadcrumb-noPortfolio.refix-color {
      color: #999999; }
  .header .right-group {
    float: right;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 20px 20px 0 0; }
    .header .right-group > button {
      margin-left: 10px;
      height: 36px;
      margin-top: 2px; }
      .header .right-group > button .core-icon-custom {
        font-size: 20px;
        margin-right: 5px; }
    .header .right-group .sellButton {
      background-color: #ffa300;
      margin: 0 40px 0 15px;
      text-transform: uppercase; }
    .header .right-group img {
      vertical-align: middle; }
    .header .right-group .username-group {
      display: inline-block;
      vertical-align: middle; }
      .header .right-group .username-group span {
        font-family: 'Inter';
        color: #546777;
        vertical-align: middle;
        margin-left: 10px; }
      .header .right-group .username-group i {
        font-size: 10px;
        color: #8b8b8b; }
        .header .right-group .username-group i:before {
          vertical-align: middle; }
      .header .right-group .username-group .username {
        margin: 0;
        vertical-align: middle;
        margin-right: 7px; }
      .header .right-group .username-group button {
        width: auto !important; }
      .header .right-group .username-group .icon-expand-blue-color {
        color: #4068F6;
        font-size: 20px; }
    .header .right-group .notification-container {
      position: relative;
      margin-left: 10px;
      cursor: pointer; }
      .header .right-group .notification-container .notification-count {
        position: absolute;
        left: 19px;
        top: -6px;
        width: 19px;
        height: 18px;
        background: #DB5360;
        border-radius: 50%;
        text-align: center;
        color: #ffffff; }
  .header .openToggleIcon {
    float: left;
    margin-top: 20px;
    margin-left: 19px;
    cursor: pointer;
    width: 39px; }
    .header .openToggleIcon span {
      color: #00a0af !important;
      font-size: 43px !important; }
    .header .openToggleIcon .close-sidebar:after {
      content: "\D7";
      font-size: 60px;
      color: #4068F6;
      font-weight: 600;
      position: absolute;
      margin-top: -34px; }
    .header .openToggleIcon .menu-icon {
      width: 30px;
      height: 20px;
      position: absolute;
      margin-top: -4px; }

.navigation .flyout-menu {
  width: 230px;
  top: 60px !important;
  z-index: 1 !important;
  box-shadow: unset !important;
  border-right: 1px solid #dae0e3; }
  .navigation .flyout-menu > div {
    top: 80px;
    z-index: 2; }
  .navigation .flyout-menu .report-menu-width {
    width: 96px;
    transition: all 0.2s; }

.navigation .first-level {
  /*1st menu*/
  margin: 0;
  width: 260px;
  min-width: 100%;
  height: calc(100% - 280px);
  overflow: auto;
  list-style: none !important;
  margin-bottom: 10px; }
  .navigation .first-level li {
    font-family: Inter;
    color: #212121;
    letter-spacing: 0.1px;
    list-style: none !important;
    text-transform: uppercase;
    line-height: 1;
    overflow: hidden;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none; }
    .navigation .first-level li i {
      font-size: 10px;
      color: #212121; }
    .navigation .first-level li span {
      vertical-align: middle; }
    .navigation .first-level li .portfolio-menu-name {
      /*1st*/
      padding: 0px 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      border-bottom: 1px solid #E5E5E5;
      padding: 20px; }
      .navigation .first-level li .portfolio-menu-name .div-add-icon {
        position: relative;
        z-index: 10;
        display: inline-block;
        right: -19px; }
        .navigation .first-level li .portfolio-menu-name .div-add-icon .blue-color {
          color: #4068F6; }
      .navigation .first-level li .portfolio-menu-name .portfolio-title {
        font-family: Inter;
        color: #212121;
        font-weight: 500;
        font-size: 20px;
        text-transform: capitalize;
        display: inline-block;
        cursor: pointer;
        width: 70%;
        margin-left: 10px; }
      .navigation .first-level li .portfolio-menu-name .report-menu-icon {
        cursor: pointer; }
    .navigation .first-level li .view-reports-menu-expand {
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .navigation .first-level li .view-reports-menu-collapse {
      -ms-flex-pack: center;
          justify-content: center; }
    .navigation .first-level li .portfolio-menu-icon {
      display: inline-block;
      background: #00a0af;
      padding: 5px;
      border-radius: 3px; }
      .navigation .first-level li .portfolio-menu-icon > img {
        width: 15px; }
    .navigation .first-level li .second-level-active .portfolio-name {
      color: #4068F6 !important;
      font-size: 18px;
      font-weight: 500; }
    .navigation .first-level li ul {
      /*2nd menu*/
      overflow: hidden;
      float: left; }
      .navigation .first-level li ul li {
        text-transform: none;
        position: relative; }
        .navigation .first-level li ul li .active-portfolio span, .navigation .first-level li ul li .active-portfolio .icon-down-arrow, .navigation .first-level li ul li .active-portfolio div {
          -ms-flex-align: center;
              -ms-grid-row-align: center;
              align-items: center; }
        .navigation .first-level li ul li .wrap-group-menu .second-group-menu {
          width: 245px;
          margin: 8px; }
          .navigation .first-level li ul li .wrap-group-menu .second-group-menu-name {
            font-family: Inter;
            font-size: 16px; }
            .navigation .first-level li ul li .wrap-group-menu .second-group-menu-name-active {
              color: #4068F6 !important;
              font-weight: 500; }
            .navigation .first-level li ul li .wrap-group-menu .second-group-menu-name-icon {
              display: -ms-inline-flexbox;
              display: inline-flex;
              padding: 3px 4px;
              border-radius: 5px;
              margin-left: 7px; }
              .navigation .first-level li ul li .wrap-group-menu .second-group-menu-name-icon-active {
                color: #4068F6; }
            .navigation .first-level li ul li .wrap-group-menu .second-group-menu-name-iconSVG {
              display: -ms-inline-flexbox;
              display: inline-flex;
              margin: 0px 5px 0px 10px;
              vertical-align: middle;
              background-color: #99A1A8;
              width: 20px;
              height: 20px; }
              .navigation .first-level li ul li .wrap-group-menu .second-group-menu-name-iconSVG-activeSVG {
                background-color: #4068F6; }
            .navigation .first-level li ul li .wrap-group-menu .second-group-menu-name-text {
              font-size: 16px;
              cursor: pointer;
              display: -ms-inline-flexbox;
              display: inline-flex;
              padding: 14px 4px;
              color: #080F26; }
            .navigation .first-level li ul li .wrap-group-menu .second-group-menu-name .icon-right-arrow {
              float: right;
              margin-top: 18px;
              margin-right: 2px; }
            .navigation .first-level li ul li .wrap-group-menu .second-group-menu-name .core-icon-custom {
              float: right;
              margin: 13px 6px 0px 0px;
              font-size: 20px; }
              .navigation .first-level li ul li .wrap-group-menu .second-group-menu-name .core-icon-custom.blue-color {
                color: #4068F6; }
          .navigation .first-level li ul li .wrap-group-menu .second-group-menu .icon-down-arrow-blue {
            color: #4068F6; }
          .navigation .first-level li ul li .wrap-group-menu .second-group-menu.active {
            background-color: rgba(64, 104, 246, 0.04);
            border-radius: 12px; }
        .navigation .first-level li ul li .wrap-group-menu .second-group-menu-report {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          width: 100%;
          margin: 8px 0px; }
          .navigation .first-level li ul li .wrap-group-menu .second-group-menu-report .second-group-menu-name-report {
            width: 48px;
            height: 46px;
            line-height: 40px;
            text-align: center;
            border-radius: 12px;
            cursor: pointer; }
            .navigation .first-level li ul li .wrap-group-menu .second-group-menu-report .second-group-menu-name-report .second-group-menu-name-iconSVG {
              margin: 0; }
            .navigation .first-level li ul li .wrap-group-menu .second-group-menu-report .second-group-menu-name-report .menu-item-collapse {
              padding: 14px; }
            .navigation .first-level li ul li .wrap-group-menu .second-group-menu-report .second-group-menu-name-report.active {
              background-color: rgba(5, 161, 176, 0.04); }
        .navigation .first-level li ul li .second-item-name {
          /*2nd*/
          font-family: Inter;
          font-size: 18px;
          cursor: pointer;
          width: 180px;
          padding: 21px 67px 21px 14px;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -ms-flex-align: center;
              align-items: center;
          word-break: break-word;
          border-bottom: 1px solid #E5E5E5; }
          .navigation .first-level li ul li .second-item-name.no-border-bottom {
            /*remove border bottom when has select portfolio*/
            border-bottom-width: 0px;
            padding-bottom: 10px; }
          .navigation .first-level li ul li .second-item-name i {
            padding-top: 3px;
            padding-right: 8px; }
          .navigation .first-level li ul li .second-item-name span {
            word-wrap: break-word;
            color: #212121; }
          .navigation .first-level li ul li .second-item-name .core-icon-custom.blue-color {
            color: #4068F6;
            font-size: 20px;
            margin: 0 10px 0 3px; }
          .navigation .first-level li ul li .second-item-name.active-second-level-link {
            /* 2nd level active */
            background-color: #00a0af; }
            .navigation .first-level li ul li .second-item-name.active-second-level-link i, .navigation .first-level li ul li .second-item-name.active-second-level-link span {
              padding-right: 7px;
              color: #ffffff; }
            .navigation .first-level li ul li .second-item-name.active-second-level-link:hover i, .navigation .first-level li ul li .second-item-name.active-second-level-link:hover span {
              color: #ffffff !important; }
            .navigation .first-level li ul li .second-item-name.active-second-level-link:hover .second-item-name-importing {
              color: #F58433 !important; }
            .navigation .first-level li ul li .second-item-name.active-second-level-link + div.second-menu-actions svg {
              color: white !important; }
          .navigation .first-level li ul li .second-item-name-importing {
            font-size: 12px;
            padding-top: 6px;
            font-family: Inter;
            font-style: italic;
            font-weight: normal;
            color: #F58433 !important; }
        .navigation .first-level li ul li .second-item-name-disabled {
          pointer-events: none;
          color: #bbb; }
        .navigation .first-level li ul li ul {
          /*3rd menu*/
          overflow: hidden;
          float: left;
          margin-left: 15px; }
          .navigation .first-level li ul li ul li {
            position: relative;
            font-family: Inter !important;
            font-weight: normal !important;
            text-transform: none;
            padding: 6px 0;
            margin: 4px 0 4px 24px;
            cursor: default !important;
            max-width: 190px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
            .navigation .first-level li ul li ul li span {
              margin-left: 12px !important;
              cursor: pointer !important;
              font-size: 16px;
              font-family: Inter; }
            .navigation .first-level li ul li ul li:last-child {
              border-bottom: 0; }
            .navigation .first-level li ul li ul li.active-link {
              /* 3rd level active */
              color: #4068F6 !important; }
              .navigation .first-level li ul li ul li.active-link .v-line {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 2px;
                background-color: #4068F6; }

.navigation .addPortfolio {
  position: absolute;
  width: 146px;
  height: 39px;
  line-height: 1;
  border: 0;
  left: 50%;
  bottom: 90px;
  margin-left: -73px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 3px;
  border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important; }

.navigation .support-group-link {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 100px;
  text-transform: uppercase;
  color: #414141;
  font-weight: normal;
  font-family: Inter; }
  .navigation .support-group-link .sp-faq {
    color: #212121;
    font-size: 16px;
    padding-right: 4px; }
  .navigation .support-group-link .sp-faq-display-block {
    display: block;
    margin-bottom: 10px; }
  .navigation .support-group-link .sp-contact-us {
    color: #212121;
    font-size: 16px;
    padding-left: 4px;
    text-transform: uppercase; }

.navigation .support-group-link:hover {
  cursor: pointer; }

.navigation .toggleIcon {
  position: absolute;
  width: 22px;
  height: 30px;
  background: #ffffff;
  right: 1px;
  top: 50%;
  margin-top: -15px;
  z-index: 4;
  cursor: pointer;
  border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important; }
  .navigation .toggleIcon span {
    font-size: 30px !important;
    color: #4068F6 !important; }

.exprired-status-dialog {
  min-width: 430px; }
  .exprired-status-dialog .bodyModal {
    padding: 10px 24px !important; }
  .exprired-status-dialog.freetrial {
    border: 1px solid #ada9a9; }
  .exprired-status-dialog.starter {
    border: 1px solid #3DF2D1; }
  .exprired-status-dialog.savvy {
    border: 1px solid #4068F6; }
  .exprired-status-dialog.pro {
    border: 1px solid #080F26; }
  .exprired-status-dialog .expired-status-header-dialog {
    padding: 12px 0 12px 0px !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .exprired-status-dialog .expired-status-header-dialog h6 {
      font-weight: 400;
      font-size: 24px;
      text-transform: initial; }
    .exprired-status-dialog .expired-status-header-dialog.freetrial {
      background-color: #ada9a9; }
      .exprired-status-dialog .expired-status-header-dialog.freetrial h6 {
        color: #212121; }
    .exprired-status-dialog .expired-status-header-dialog.starter {
      background-color: #3DF2D1; }
      .exprired-status-dialog .expired-status-header-dialog.starter h6 {
        color: #212121; }
    .exprired-status-dialog .expired-status-header-dialog.savvy {
      background-color: #4068F6; }
    .exprired-status-dialog .expired-status-header-dialog.pro {
      background-color: #080F26; }
  .exprired-status-dialog .expired-status-tooltip {
    font-size: 14px !important;
    padding: 5px 0;
    color: #212121; }
    .exprired-status-dialog .expired-status-tooltip .icon {
      width: 20px;
      height: 20px;
      vertical-align: sub;
      image-rendering: -webkit-optimize-contrast;
      margin-right: 5px; }
  .exprired-status-dialog .exprired-status-dialog {
    min-width: 480px; }
  .exprired-status-dialog .expired-title {
    font-size: 14px;
    margin: 5px 0px;
    display: block;
    font-weight: bold;
    color: #212121; }
  .exprired-status-dialog .expired-status {
    color: #212121;
    font-size: 16px;
    text-align: center;
    font-weight: bold; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .main {
    bottom: 0; } }

.main {
  margin-left: 255px;
  margin-top: 60px;
  background-color: #FAFAFA;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch; }
  .main .create-new-holder {
    position: absolute;
    left: 50%;
    margin-left: -95.5px;
    top: 50%;
    margin-top: -79.5px;
    text-align: center; }
    .main .create-new-holder i {
      font-size: 60px;
      color: #c9c9c9;
      display: block;
      height: 54px; }
    .main .create-new-holder span {
      font-family: Inter;
      font-weight: bold;
      font-size: 14px;
      color: #c9c9c9;
      display: block;
      margin: 20px 0 18px 0;
      text-transform: uppercase;
      letter-spacing: 0.3px; }
  .main.sidebar-closed {
    margin-left: 0px !important; }
    .main.sidebar-closed .add-first-launch-portfolio {
      left: 0px !important; }
  .main.sidebar-report-closed {
    margin-left: 90px; }
    .main.sidebar-report-closed .add-first-launch-portfolio {
      left: 0px !important; }

.clear {
  clear: both; }

.second-menu-actions ul {
  width: 290px; }

.second-menu-actions .menu-item-context {
  color: #212121;
  padding-left: 10px; }
  .second-menu-actions .menu-item-context-icon {
    width: 24px;
    height: 24px;
    background-color: #212121;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-mask-position: center;
    padding: 0px 5px; }
  .second-menu-actions .menu-item-context:hover > span {
    color: #4068F6; }
    .second-menu-actions .menu-item-context:hover > span:first-child {
      background-color: #4068F6; }

.settings {
  color: #212121;
  margin: 8px; }
  .settings .display-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .settings-menu {
    padding: 7px 5px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    border-radius: 12px;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .settings-menu-icon {
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding: 2px 4px;
      border: 1px solid #fff;
      border-radius: 5px;
      vertical-align: middle;
      background-color: #99A1A8;
      width: 20px;
      height: 20px; }
      .settings-menu-icon-active {
        background-color: #4068F6; }
    .settings-menu-text {
      font-family: Inter;
      vertical-align: middle;
      padding: 5px;
      font-size: 18px;
      color: #212121;
      letter-spacing: 0.1px; }
      .settings-menu-text-active {
        color: #4068F6;
        font-weight: 600; }
    .settings-menu .core-icon-custom {
      font-size: 20px; }
      .settings-menu .core-icon-custom.blue-color {
        color: #4068F6; }
    .settings-menu > i {
      float: right;
      margin-top: 7px;
      margin-right: 2px; }
    .settings-menu .icon-down-arrow-blue {
      color: #00a0af; }
    .settings-menu.active {
      background: rgba(64, 104, 246, 0.04); }
  .settings-center-content {
    -ms-flex-pack: center;
        justify-content: center; }
  .settings-submenu {
    padding: 5px 0px 5px 0px;
    list-style: none; }
    .settings-submenu-item {
      font-family: Inter;
      padding: 4px 0px 4px 10px;
      display: inline-block;
      margin-left: 39px;
      position: relative;
      cursor: pointer;
      font-size: 16px; }
      .settings-submenu-item-active {
        color: #4068F6; }
        .settings-submenu-item-active .v-line {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          width: 2px;
          background-color: #4068F6; }

.fs-30 {
  font-size: 30px !important; }

.user-image {
  width: 40px;
  height: 40px; }

.list-item-container {
  padding: 10px; }
  .list-item-container .list-item {
    border-radius: 12px;
    padding: 10px; }
    .list-item-container .list-item.active {
      background-color: rgba(64, 104, 246, 0.04) !important; }
  .list-item-container .icon-active {
    color: #4068F6 !important; }
  .list-item-container .text {
    font-size: 14px;
    font-weight: 500; }
    .list-item-container .text.text-active {
      color: #4068F6 !important; }

.side-bar-report-title {
  font-size: 20px;
  font-weight: 600;
  color: #212121; }
/*Color Background*/
/*Color Button*/
/*Color Text*/
/*Require Field*/
/*Color Border*/
/*Color Icon*/
/*Height of table*/
/* 15px for scroll bar*/
/* Color Fixed Data Table */
/*Border Radius*/
/*User Selection*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .summary-table table tr td {
    display: block;
    width: 100% !important;
    border: 0 !important;
    border-bottom: 1px solid #d6dce1 !important; }
    .summary-table table tr td:last-child {
      border-bottom: 0 !important; }
    .summary-table table tr td:nth-child(1) {
      width: 100% !important; }
  .inline-field div .nocare {
    display: none; } }

/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .login .brand span {
    font-size: 38.9px; } }

@media only screen and (max-width: 250px) {
  .login .brand span {
    font-size: 33.9px; }
  .login .signup {
    width: 150px; } }

@media screen and (max-width: 768px) {
  .login-form-wrapper {
    margin-top: 10% !important;
    background: transparent !important;
    box-shadow: unset !important; }
    .login-form-wrapper .form-content {
      width: 100%;
      padding: 15px 5% !important; }
      .login-form-wrapper .form-content .logo {
        display: none; }
      .login-form-wrapper .form-content .title-wrapper-responsive {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .login-form-wrapper .form-content .title-wrapper-responsive .signup-title-responsive {
          font-weight: 700;
          font-size: 20px;
          margin-right: 8px; }
      .login-form-wrapper .form-content .signup-success {
        margin-top: 55% !important;
        -ms-flex-align: center;
            -ms-grid-row-align: center;
            align-items: center; }
        .login-form-wrapper .form-content .signup-success .title {
          font-size: 20px !important; }
        .login-form-wrapper .form-content .signup-success .have-account {
          text-align: center; }
        .login-form-wrapper .form-content .signup-success .login-btn-wrapper {
          width: 100%;
          margin-top: 10px; }
        .login-form-wrapper .form-content .signup-success .logo-signup {
          display: block !important;
          margin-bottom: 16px; }
      .login-form-wrapper .form-content .login-form {
        margin-top: 50px !important; }
        .login-form-wrapper .form-content .login-form .have-account {
          display: none; }
    .login-form-wrapper .right-background {
      display: none; }
    .login-form-wrapper .forgot-password-title-wrapper {
      display: none; }
    .login-form-wrapper .signup-title-wrapper .have-account .message {
      display: none; }
  .message-dialog-paper {
    min-width: 380px; }
  .action-dialog-paper {
    min-width: 380px; }
  .auth-layout {
    -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start; } }

@media screen and (max-width: 768px) {
  .valign-wrapper {
    -ms-flex-pack: center;
        justify-content: center; }
    .valign-wrapper .center-wrapper {
      width: 340px !important;
      padding: 10px 0px !important;
      margin: unset !important; }
      .valign-wrapper .center-wrapper .brand img {
        width: 80% !important; }
  .message-dialog-paper {
    width: 340px;
    min-width: 340px; }
    .message-dialog-paper .messageHeader {
      min-width: 301px; } }

@media screen and (max-width: 1024px) {
  .faq-menu .faq-menu-report .reports__items {
    -ms-grid-columns: (1fr)[3] !important;
        grid-template-columns: repeat(3, 1fr) !important; }
  .faq-menu .radio-btn-group .faq-radio-input:last-child {
    margin-left: 0px !important; } }

@media screen and (max-width: 1280px) {
  .faq-menu .faq-menu-report .reports__items {
    -ms-grid-columns: (1fr)[3] !important;
        grid-template-columns: repeat(3, 1fr) !important; } }
/**
 * FixedDataTable v0.6.3
 *
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellGroupLayout
 */
/*Color Background*/
/*Color Button*/
/*Color Text*/
/*Require Field*/
/*Color Border*/
/*Color Icon*/
/*Height of table*/
/* 15px for scroll bar*/
/* Color Fixed Data Table */
/*Border Radius*/
/*User Selection*/
.fixedDataTableCellGroupLayout_cellGroup {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap; }

.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

.fixedDataTableCellGroupLayout_cellGroupWrapper {
  position: absolute;
  top: 0; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellLayout
 */
.fixedDataTableCellLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  border-width: 0 1px 0 0;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: absolute;
  white-space: normal; }

.fixedDataTableCellLayout_lastChild {
  border-width: 0 1px 1px 0; }

.fixedDataTableCellLayout_alignRight {
  text-align: right; }

.fixedDataTableCellLayout_alignCenter {
  text-align: center; }

.fixedDataTableCellLayout_wrap1 {
  display: table; }

.fixedDataTableCellLayout_wrap2 {
  display: table-row; }

.fixedDataTableCellLayout_wrap3 {
  display: table-cell;
  vertical-align: middle; }

.fixedDataTableCellLayout_columnResizerContainer {
  position: absolute;
  right: 0px;
  width: 6px;
  z-index: 1; }

.fixedDataTableCellLayout_columnResizerContainer:hover {
  cursor: ew-resize; }

.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
  visibility: visible; }

.fixedDataTableCellLayout_columnResizerKnob {
  position: absolute;
  right: 0px;
  visibility: hidden;
  width: 4px; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLineLayout
 */
.fixedDataTableColumnResizerLineLayout_mouseArea {
  cursor: ew-resize;
  position: absolute;
  right: -5px;
  width: 12px; }

.fixedDataTableColumnResizerLineLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  box-sizing: border-box;
  position: absolute;
  z-index: 10; }

body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main {
  /* the resizer line is in the wrong position in RTL with no easy fix.
   * Disabling is more useful than displaying it.
   * #167 (github) should look into this and come up with a permanent fix.
   */
  display: none !important; }

.fixedDataTableColumnResizerLineLayout_hiddenElem {
  display: none !important; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableLayout
 */
.fixedDataTableLayout_main, .cash-fixed-data-table {
  outline: none;
  box-sizing: border-box;
  overflow: hidden;
  position: relative; }

.fixedDataTableLayout_header {
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  border-top: 0px !important; }

.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
  border-top-style: solid;
  border-top-width: 1px; }

.fixedDataTableLayout_topShadow,
.fixedDataTableLayout_bottomShadow {
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1; }

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

.fixedDataTableLayout_rowsContainer {
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #E5E5E5; }

.fixedDataTableLayout_horizontalScrollbar {
  bottom: 0;
  position: absolute; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRowLayout
 */
.fixedDataTableRowLayout_main {
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: 0; }

.fixedDataTableRowLayout_body {
  left: 0;
  position: absolute;
  top: 0; }

.fixedDataTableRowLayout_fixedColumnsDivider {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  left: 0;
  position: absolute;
  top: 0;
  width: 0; }

.fixedDataTableRowLayout_columnsShadow {
  width: 4px; }

.fixedDataTableRowLayout_rowWrapper {
  position: absolute;
  top: 0; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule ScrollbarLayout
 */
.ScrollbarLayout_main {
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  position: absolute;
  transition-duration: 250ms;
  transition-timing-function: ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ScrollbarLayout_mainVertical {
  bottom: 0;
  right: 0;
  top: 0;
  transition-property: background-color width;
  width: 15px; }

.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive,
.ScrollbarLayout_mainVertical:hover {
  width: 17px; }

.ScrollbarLayout_mainHorizontal {
  bottom: 0;
  height: 15px;
  left: 0;
  transition-property: background-color height; }

/* Touching the scroll-track directly makes the scroll-track bolder */
.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
.ScrollbarLayout_mainHorizontal:hover {
  height: 17px; }

.ScrollbarLayout_face {
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1; }

/**
 * This selector renders the "nub" of the scrollface. The nub must
 * be rendered as pseudo-element so that it won't receive any UI events then
 * we can get the correct `event.offsetX` and `event.offsetY` from the
 * scrollface element while dragging it.
 */
.ScrollbarLayout_face:after {
  border-radius: 6px;
  content: '';
  display: block;
  position: absolute;
  transition: background-color 250ms ease; }

.ScrollbarLayout_faceHorizontal {
  bottom: 0;
  left: 0;
  top: 0; }

.ScrollbarLayout_faceHorizontal:after {
  bottom: 4px;
  left: 0;
  top: 4px;
  width: 100%; }

.ScrollbarLayout_faceVertical {
  left: 0;
  right: 0;
  top: 0; }

.ScrollbarLayout_faceVertical:after {
  height: 100%;
  left: 4px;
  right: 4px;
  top: 0; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTable
 *
 */
/**
 * Table.
 */
.public_fixedDataTable_header {
  border-color: #c9c9c9 !important; }

.public_fixedDataTable_footer .public_fixedDataTableCell_main {
  border-color: #d3d3d3; }

.public_fixedDataTable_topShadow {
  display: none;
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x; }

.public_fixedDataTable_bottomShadow {
  display: none;
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==) repeat-x; }

.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
  background-color: #fff; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCell
 */
/**
 * Table cell.
 */
.public_fixedDataTableCell_main {
  border-color: #d3d3d3; }

.public_fixedDataTableCell_highlighted {
  background-color: #f4f4f4; }

.truncate {
  width: inherit !important; }
  .truncate .fixedDataTableCellLayout_wrap2, .truncate .fixedDataTableCellLayout_wrap3, .truncate .public_fixedDataTableCell_cellContent {
    width: inherit !important; }
  .truncate .text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 15px; }

.text-content-truncate {
  font-size: 14px;
  overflow-wrap: break-word; }

.public_fixedDataTableCell_columnResizerKnob {
  background-color: #0284ff; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLine
 *
 */
/**
 * Column resizer line.
 */
.public_fixedDataTableColumnResizerLine_main {
  border-color: #0284ff; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRow
 */
/**
 * Table row.
 */
.public_fixedDataTableRow_main {
  background-color: #fff; }

.public_fixedDataTableRow_highlighted,
.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
  background-color: #F0F3FE; }

.public_fixedDataTableRow_columnsShadow {
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule Scrollbar
 *
 */
/**
 * Scrollbars.
 */
/* Touching the scroll-track directly makes the scroll-track bolder */
.public_Scrollbar_main.public_Scrollbar_mainActive,
.public_Scrollbar_main:hover {
  background-color: rgba(255, 255, 255, 0.8); }

.public_Scrollbar_mainOpaque,
.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
.public_Scrollbar_mainOpaque:hover {
  background-color: #fff; }

.public_Scrollbar_face:after {
  background-color: #c2c2c2; }

.public_Scrollbar_main:hover .public_Scrollbar_face:after,
.public_Scrollbar_mainActive .public_Scrollbar_face:after,
.public_Scrollbar_faceActive:after {
  background-color: #7d7d7d; }

/*Plugin css*/
.fixedDataTableLayout_main, .cash-fixed-data-table {
  box-shadow: 0px -1px 1px 0 rgba(0, 0, 0, 0.05), 0px 1px 4px 0 rgba(0, 0, 0, 0.15); }
  .fixedDataTableLayout_main .common-inputTextField, .cash-fixed-data-table .common-inputTextField {
    height: 35px !important;
    font-size: 12px !important; }
    .fixedDataTableLayout_main .common-inputTextField > div, .cash-fixed-data-table .common-inputTextField > div {
      font-size: inherit;
      margin-top: 6px; }
      .fixedDataTableLayout_main .common-inputTextField > div > span, .cash-fixed-data-table .common-inputTextField > div > span {
        margin-top: -6px; }
      .fixedDataTableLayout_main .common-inputTextField > div > input, .cash-fixed-data-table .common-inputTextField > div > input {
        padding-bottom: 2px;
        min-width: 94% !important;
        margin-top: 3px;
        width: 74.5938px !important; }
    .fixedDataTableLayout_main .common-inputTextField > p, .cash-fixed-data-table .common-inputTextField > p {
      margin-top: -8px;
      margin-bottom: -2px;
      text-align: right;
      min-height: 0em;
      margin-right: 2px; }

.fixedDataTableCellLayout_main {
  border-right-style: none; }

.fixedDataTableLayout_main, .cash-fixed-data-table {
  font-size: 12px !important;
  line-height: 1.1; }

.public_fixedDataTableCell_cellContent {
  padding: 0px 5px;
  box-sizing: border-box; }

.public_fixedDataTableRow_fixedColumnsDivider {
  display: none; }

.fixedDataTableRowLayout_body .fixedDataTableCellGroupLayout_cellGroupWrapper {
  background-color: #FFF;
  box-shadow: -4px 0 5px 0 rgba(0, 0, 0, 0.1); }

.public_fixedDataTable_header .public_fixedDataTableCell_cellContent {
  display: inline-table; }

.sortGroup {
  display: table-cell;
  vertical-align: middle;
  padding-left: 3px; }
  .sortGroup i {
    color: #99A1A8 !important;
    font-size: 14px;
    width: 10px;
    display: block;
    cursor: pointer; }
    .sortGroup i:hover {
      color: #888888 !important; }
    .sortGroup i:active, .sortGroup i.active {
      color: #4068F6 !important; }

.icon-down-arrow {
  margin-top: -3px; }

.material-icons-down-arrow {
  margin-top: -6px; }

.material-icons-up-arrow {
  margin-bottom: -7px; }

.sortable {
  cursor: pointer;
  text-align: right; }

.firstColumnClass {
  border-left: 2px solid #C5CFF4; }

.lastColumnClass {
  border-right: 2px solid #C5CFF4; }

.public_fixedDataTableCell_cellContent .merged-cell {
  height: 50px;
  width: 100%;
  display: inline-table; }
  .public_fixedDataTableCell_cellContent .merged-cell > div {
    display: table-cell;
    vertical-align: middle; }

.public_fixedDataTableCell_cellContent .merged-cell:first-child {
  height: 45px; }

.public_fixedDataTableCell_cellContent .merged-cell:last-child {
  height: 45px; }

.public_fixedDataTable_bodyRow .HoldingsSummarycode,
.public_fixedDataTable_bodyRow .HoldingsDetailcode,
.public_fixedDataTable_bodyRow .SellTransactionsstockCode,
.public_fixedDataTable_bodyRow .DividendIncomeReportstockCode,
.public_fixedDataTable_bodyRow .CapitalGainLossReportpreDiscountedGain,
.public_fixedDataTable_bodyRow .SharesManagementReportspreDiscountedGain,
.public_fixedDataTable_bodyRow .CapitalGainLossPropertypreDiscountedGain,
.public_fixedDataTable_bodyRow .CapitalGainLossReportpreDiscountedGain,
.public_fixedDataTable_bodyRow .CapitalGainLossReportpreDiscountedGain,
.public_fixedDataTable_bodyRow .ForeignIncomestockCode,
.public_fixedDataTable_bodyRow .DiscountCodeReportdiscountCode,
.public_fixedDataTable_bodyRow .CapitalGainLossReportstockCode {
  font-weight: 500;
  color: #4068F6; }

.public_fixedDataTable_bodyRow .HoldingsSummaryunrealizedProfitLoss,
.public_fixedDataTable_bodyRow .SellTransactionsprofitLoss,
.public_fixedDataTable_bodyRow .CapitalGainLossReportpreDiscountedGain,
.public_fixedDataTable_bodyRow .CapitalGainLossReportnonDiscountedGain,
.public_fixedDataTable_bodyRow .CapitalGainLossReporttaxExemptedGain,
.public_fixedDataTable_bodyRow .CapitalGainLossReportcapitalLoss {
  font-weight: 500; }

.public_fixedDataTable_bodyRow .ManageUsersstatus {
  font-weight: 600;
  color: #00a0af;
  text-transform: uppercase; }

.manageUserDisable_status {
  color: red !important; }

.manageUserRequirePayment_status {
  color: #d8d840 !important; }

.sell-table .fixedDataTableLayout_main, .sell-table .cash-fixed-data-table {
  box-shadow: unset; }
  .sell-table .fixedDataTableLayout_main .public_fixedDataTableCell_cellContent, .sell-table .cash-fixed-data-table .public_fixedDataTableCell_cellContent {
    padding: 0 30px; }

.sell-table .fixedDataTableLayout_rowsContainer {
  border-bottom: unset; }

.sell-table .public_fixedDataTable_header {
  background-color: #f0f3fe; }

.sell-table .fixedDataTableRowLayout_body
.fixedDataTableCellGroupLayout_cellGroupWrapper {
  background-color: unset; }

.sell-table .public_Scrollbar_main {
  background-color: white;
  border-left: 2px solid #f2f4f8; }

.size-edit-image-action {
  width: 16px;
  height: 16px; }

.rowClassNameGetter {
  border: 1px solid #4068F6; }
/*Color Background*/
/*Color Button*/
/*Color Text*/
/*Require Field*/
/*Color Border*/
/*Color Icon*/
/*Height of table*/
/* 15px for scroll bar*/
/* Color Fixed Data Table */
/*Border Radius*/
/*User Selection*/
.mat-select.display-flex {
  display: -ms-flexbox;
  display: flex; }

.mat-select__label {
  width: auto;
  height: 30px;
  padding: 0px 10px;
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #D4D8DB;
  background: #F2F2F2;
  border-right: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 15px; }

.mat-select__outline {
  background: #fff;
  border-radius: 6px;
  min-width: 200px; }

.mat-select__dropdown {
  height: 34px;
  width: 260px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 15px; }

.mat-select__placeholder {
  margin-top: -3px; }

.mat-select__menu {
  border-radius: 4px; }

.total_report_box {
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #FAFAFA;
  background: #FAFAFA;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%; }
  .total_report_box__total_item {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center; }
    .total_report_box__total_item .total_item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-direction: column;
          flex-direction: column;
      width: 50%; }
      .total_report_box__total_item .total_item__label {
        font-size: 16px;
        color: #212121; }
      .total_report_box__total_item .total_item__value_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        margin-top: -35px; }
      .total_report_box__total_item .total_item__value {
        font-size: 24px;
        font-weight: 600;
        margin-left: 5px; }
  .total_report_box__line {
    height: 1px;
    background: #E5E5E5;
    width: 100%; }
  .total_report_box__total_sub_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%; }
    .total_report_box__total_sub_item .total_sub_item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-direction: column;
          flex-direction: column; }
      .total_report_box__total_sub_item .total_sub_item__label {
        font-size: 14px;
        color: #212121; }
      .total_report_box__total_sub_item .total_sub_item__value_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        margin-top: -30px; }
      .total_report_box__total_sub_item .total_sub_item__value {
        font-size: 20px;
        font-weight: 600;
        margin-left: 5px; }

.toggle_tabs {
  min-width: 270px;
  width: auto;
  height: 36px;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #E5E5E5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 500;
  font-size: 14px; }
  .toggle_tabs__item, .toggle_tabs__item--active {
    min-width: 116px;
    padding-left: 5px;
    padding-right: 5px;
    height: 28px;
    margin-right: 4px;
    margin-left: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #212121;
    width: 50%; }
  .toggle_tabs__item--active {
    background: #ECF0FE; }
  .toggle_tabs__item_value, .toggle_tabs__item_value--active {
    font-weight: 500;
    cursor: pointer; }
  .toggle_tabs__item_value--active {
    color: #4068F6; }

.toggle-tabs-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .toggle-tabs-text .type-text-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-left: 15px; }
    .toggle-tabs-text .type-text-wrapper.active {
      background: rgba(64, 104, 246, 0.1);
      border-radius: 16px;
      height: 32px;
      padding: 0px 15px; }

.mat-summary .sub-total-item-wrapper {
  border-radius: 8px;
  border: 1px solid #EBEBEB;
  padding: 0px 16px; }
  .mat-summary .sub-total-item-wrapper .sub-total-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .mat-summary .sub-total-item-wrapper .sub-total-item.item-center {
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .mat-summary .sub-total-item-wrapper .sub-total-item.item-center.height-45 {
        height: 45px; }
    .mat-summary .sub-total-item-wrapper .sub-total-item .point-label {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      width: 50%; }
      .mat-summary .sub-total-item-wrapper .sub-total-item .point-label .point {
        height: 12px;
        width: 12px;
        min-width: 12px;
        border-radius: 12px; }
      .mat-summary .sub-total-item-wrapper .sub-total-item .point-label .label {
        font-size: 15px;
        font-weight: 400;
        color: #212121;
        margin-left: 9px; }
    .mat-summary .sub-total-item-wrapper .sub-total-item .value-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .mat-summary .sub-total-item-wrapper .sub-total-item .value-container .value {
        font-weight: 500;
        font-size: 20px;
        margin-left: 8px; }
      .mat-summary .sub-total-item-wrapper .sub-total-item .value-container .percent {
        font-weight: 500;
        font-size: 20px;
        margin-left: 8px; }
  .mat-summary .sub-total-item-wrapper .line {
    height: 1px;
    width: 100%;
    background: #EBEBEB; }
    .mat-summary .sub-total-item-wrapper .line.margin-15 {
      margin: 15px 0px; }

.mat-summary .total-item {
  height: 50px;
  border-radius: 8px;
  padding: 0px 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 8px; }
  .mat-summary .total-item.group-item {
    height: 80px;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: center; }
  .mat-summary .total-item .label {
    font-size: 15px;
    font-weight: 400;
    margin-left: 20px; }
    .mat-summary .total-item .label.label-group {
      margin-left: 0px;
      color: '#212121' !important;
      margin-bottom: 10px; }
  .mat-summary .total-item .value-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .mat-summary .total-item .value-wrapper .value {
      font-weight: 600;
      font-size: 24px;
      margin-left: 11px; }
    .mat-summary .total-item .value-wrapper .percent {
      font-weight: 600;
      font-size: 20px;
      margin-left: 8px; }

.star {
  color: #D30F03; }

.wrapper-text-field-outline div:focus {
  outline: none; }

.wrapper-text-field-outline .label {
  padding-bottom: 7px; }
  .wrapper-text-field-outline .label span {
    color: #212121;
    font-size: 15px;
    font-weight: 500; }
    .wrapper-text-field-outline .label span .star {
      color: #D30F03; }

.wrapper-text-field-outline .text-field-outline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative; }
  .wrapper-text-field-outline .text-field-outline .prefix {
    display: inline-block;
    height: auto;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-right: 1px solid #D4D8DB;
    background: #F2F2F2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
    .wrapper-text-field-outline .text-field-outline .prefix-select {
      border: 1px solid #D4D8DB;
      border-right: none; }
    .wrapper-text-field-outline .text-field-outline .prefix span {
      padding: 0 10px;
      font-size: 15px;
      -ms-flex-item-align: center;
          align-self: center;
      color: #212121; }
  .wrapper-text-field-outline .text-field-outline .input-wrapper {
    display: inline-block;
    width: 100%; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper-with-prefix {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      background: #FFF;
      position: static; }
      .wrapper-text-field-outline .text-field-outline .input-wrapper-with-prefix div {
        position: static;
        outline: none; }
        .wrapper-text-field-outline .text-field-outline .input-wrapper-with-prefix div p {
          position: absolute;
          left: 0;
          top: 32px; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper input::-moz-placeholder {
      font-size: 15px; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper input:-ms-input-placeholder {
      font-size: 15px; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper input::placeholder {
      font-size: 15px; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper .nowrap-error-mess p {
      white-space: nowrap; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper .DatePickerMaterialUI {
      width: 100%;
      outline: none; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper .field-right fieldset {
      padding-left: 0 !important; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper .field-right input {
      text-align: right; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper button {
      padding: 4px; }
      .wrapper-text-field-outline .text-field-outline .input-wrapper button .icon-calendar {
        color: #4068F6;
        font-size: 18px;
        padding: 4px; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper .date-filter {
      width: 95px; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper .date-filter-with-icon {
      width: 130px; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper .icon {
      font-size: 16px;
      color: #4068F6; }
      .wrapper-text-field-outline .text-field-outline .input-wrapper .icon.disable {
        color: #A5A5A5; }
    .wrapper-text-field-outline .text-field-outline .input-wrapper .selected-field {
      width: 100%;
      border: 1px solid #D4D8DB;
      position: relative;
      font-size: 15px;
      background: #fff;
      border-radius: 6px; }
      .wrapper-text-field-outline .text-field-outline .input-wrapper .selected-field-with-prefix {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; }
        .wrapper-text-field-outline .text-field-outline .input-wrapper .selected-field-with-prefix em {
          font-style: normal; }
  .wrapper-text-field-outline .text-field-outline .field-read-only {
    background: #F2F2F2; }
    .wrapper-text-field-outline .text-field-outline .field-read-only input {
      color: #221122; }
  .wrapper-text-field-outline .text-field-outline .icon-wrapper {
    height: 20px;
    width: 25px;
    padding-right: 4px;
    padding-left: 4px; }
    .wrapper-text-field-outline .text-field-outline .icon-wrapper .icon {
      height: 20px;
      width: 17px;
      cursor: pointer; }
  .wrapper-text-field-outline .text-field-outline .icon-view-password-wrapper {
    position: absolute;
    right: 17px;
    top: 7px; }
    .wrapper-text-field-outline .text-field-outline .icon-view-password-wrapper .icon-view-password {
      cursor: pointer;
      margin-top: 6px; }

.wrapper-text-field-outline .prefix-error {
  color: #f44336;
  font-size: 12px;
  font-weight: 400; }

.common-date-range-picker {
  padding-bottom: 20px; }
  .common-date-range-picker .wrapper-text-field-outline {
    display: inline-block; }

.react-tool-tip {
  width: 470px; }
  .react-tool-tip-dark {
    background: #212121 !important;
    border-radius: 5px;
    font-weight: normal; }
  .react-tool-tip-flex-width {
    width: auto;
    min-width: 100px;
    max-width: 500px; }

.chart-wrapper .bar-chart {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #EBEBEB; }
  .chart-wrapper .bar-chart .bar-chart-wrapper {
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); }

.chart-wrapper .bar-chart-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 16px; }

.chart-label-wrapper {
  height: 25px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #EBEBEB;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .chart-label-wrapper .label-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0px 10px; }
    .chart-label-wrapper .label-item .dot {
      width: 12px;
      height: 12px;
      border-radius: 12px; }
    .chart-label-wrapper .label-item .label {
      margin-left: 9px;
      font-size: 15px; }

.checkbox-round {
  position: relative; }
  .checkbox-round > label {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    height: 22px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 22px;
    padding-left: unset;
    display: unset;
    line-height: unset;
    font-size: unset; }
    .checkbox-round > label::after {
      border: 2px solid #fff !important;
      border-top: none !important;
      border-right: none !important;
      content: "" !important;
      height: 4px !important;
      left: 5px !important;
      opacity: 0;
      position: absolute !important;
      top: 7px !important;
      transform: rotate(-45deg) !important;
      width: 10px !important;
      border-radius: unset !important;
      margin-top: 0 !important; }
    .checkbox-round > label::before {
      content: unset; }
  .checkbox-round > input[type="checkbox"] {
    visibility: hidden;
    position: static;
    left: unset;
    opacity: unset; }
  .checkbox-round > input[type="checkbox"]:checked + label {
    background-color: #4068F6;
    border-color: #4068F6;
    transition: all .5s; }
  .checkbox-round > input[type="checkbox"]:checked + label:after {
    opacity: 1;
    transition: all .5s; }

.context-menu-list ul {
  padding: 8px 0px;
  width: 200px; }

.context-menu-list .menu-item {
  padding: 8px;
  font-size: 16px; }
  .context-menu-list .menu-item .menu-item-icon {
    width: 24px;
    height: 24px;
    background-color: #212121;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-mask-position: center;
    padding: 0px 5px; }
  .context-menu-list .menu-item:hover .menu-item-icon {
    background-color: white; }

.context-menu-wrapper {
  position: absolute;
  right: -5px;
  top: 5px;
  z-index: 10;
  color: #4068F6;
  cursor: pointer; }
  .context-menu-wrapper svg {
    padding: 5px 15px; }

.mat-select-multi-menu {
  position: relative;
  display: -ms-flexbox;
  display: flex; }
  .mat-select-multi-menu .sub-item {
    position: absolute;
    left: -140px;
    top: 45px;
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #dddddd;
    background: #ffffff;
    border-radius: 8px;
    width: 300px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15); }
  .mat-select-multi-menu .select-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .mat-select-multi-menu .select-wrapper .label-wrapper {
      border: 1px solid #D4D8DB;
      min-width: 140px;
      background: #f2f2f2;
      border-right-width: 0px;
      border-radius: 8px 0px 0px 8px;
      padding: 5.5px 12px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
    .mat-select-multi-menu .select-wrapper .select {
      width: 100%; }

.data-empty-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 50px 0px; }
  .data-empty-wrapper .title {
    font-size: 20px;
    font-weight: 800; }
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */
  .list--disabled-rubberband-effected {
    position: fixed;
    width: calc(100% - 259px); }
  .list--disabled-rubberband-effected-no-sidebar {
    position: fixed;
    width: calc(100% - 50px); } }
.tree {
  box-shadow: 0px -1px 1px 0 rgba(0, 0, 0, 0.05), 0px 1px 4px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px; }
  .tree-row {
    border: solid 2px #e2e4e6;
    border-bottom: none;
    padding: 10px 25px; }
    .tree-row-header {
      font-family: Inter;
      font-size: 15px;
      font-weight: 600; }
    .tree-row:last-child {
      border-bottom: solid 2px #e2e4e6; }
    .tree-row:nth-child(odd) {
      background: #fff; }
  .tree-subgroup .tree-name {
    margin-left: 70px;
    margin-left: 70px;
    padding: 2px 0px;
    display: inline-block; }
  .tree-subgroup .tree-icon {
    padding: 0px 5px; }
  .tree-action {
    float: right; }
    .tree-action span {
      color: #9d9fa0; }
    .tree-action-edit .tree-icon {
      padding: 5px; }
  .tree-icon {
    padding: 5px;
    vertical-align: middle;
    cursor: pointer; }
  .tree-addgroup {
    text-align: center;
    padding: 5px 25px;
    border-bottom: none !important; }
    .tree-addgroup-button {
      color: #00a0af;
      padding: 5px;
      display: inline-block;
      border-radius: 4px;
      border: dotted 1.5px #00a0af;
      cursor: pointer; }
  .tree-input {
    display: inline-block;
    width: calc(100% - 150px);
    margin-left: 70px; }
    .tree-input input {
      height: 25px; }
    .tree-input-group {
      width: calc(100% - 140px);
      margin-left: 0px;
      vertical-align: middle; }
/*Color Background*/
/*Color Button*/
/*Color Text*/
/*Require Field*/
/*Color Border*/
/*Color Icon*/
/*Height of table*/
/* 15px for scroll bar*/
/* Color Fixed Data Table */
/*Border Radius*/
/*User Selection*/
tbody {
  overflow-y: auto;
  /* Trigger vertical scroll    */
  overflow-x: hidden;
  /* Hide the horizontal scroll */ }
  tbody tr td:first-child {
    padding-right: 10px !important; }
  tbody tr td {
    padding: 4px 24px 4px 24px !important; }

table#tableData tr td:first-child {
  padding-right: 10px;
  word-break: break-all; }

.tabs-style-btn > div {
  margin-bottom: 2px; }

.tabs-style-btn :nth-child(1) button {
  text-transform: none !important;
  font-size: 16px !important; }

.sub-tabs-style-btn {
  border-radius: 6px;
  width: 50% !important;
  margin-top: 15px; }
  .sub-tabs-style-btn > div {
    margin-bottom: 2px; }
  .sub-tabs-style-btn :nth-child(1) button {
    text-transform: none !important;
    font-size: 16px !important; }

.transaction-type-inline-radio {
  margin-left: 20px;
  -ms-flex-direction: row !important;
      flex-direction: row !important; }
  .transaction-type-inline-radio .radio {
    width: auto !important;
    display: inline-block !important;
    margin-bottom: 16px !important; }
    .transaction-type-inline-radio .radio:last-child {
      margin-left: 20px; }
    .transaction-type-inline-radio .radio div {
      margin-right: 25px !important; }
  .transaction-type-inline-radio span {
    font-size: 16px !important; }
  .transaction-type-inline-radio #HomeLoan {
    margin-left: 85px; }

.div-header-buttons {
  height: 40px; }

.style-table-custom {
  font-size: 15px !important;
  background: #D9E1FD;
  color: black !important;
  font-family: 'Inter'; }
  .style-table-custom.display-flex {
    display: -ms-flexbox;
    display: flex; }
    .style-table-custom.display-flex img {
      margin-right: 10px; }
  .style-table-custom.header-table-can-custom {
    font-weight: 500; }
  .style-table-custom.instance-magin-image {
    margin-left: 50px; }
  .style-table-custom input {
    font-size: 15px;
    height: 20px; }

.header-table-custom th {
  border: none; }

.header-table-custom thead tr {
  height: 68px; }

.content-table-custom .style-table-cell {
  padding-left: 23px; }

.content-table-custom .core-icon-custom {
  color: #1C498F; }

.content-table-custom .icon-contaniner {
  margin-bottom: 10px; }

.bg-transparent {
  background: transparent !important; }

.style-sub-item-select {
  margin-left: 0px;
  margin-bottom: 5px;
  margin-right: 5px;
  float: right;
  width: 220px; }

.style-item-select {
  width: 400px;
  margin: 5px; }

.style-btn-text {
  text-transform: none !important; }

.style-no-data {
  height: 40px;
  background: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 4px 56px 4px 24px; }

.display-flex {
  display: -ms-flexbox !important;
  display: flex !important; }

.display-inline-block {
  display: inline-block; }

.align-center-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.align-space-between-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.align-flex-start-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center; }
  .align-flex-start-center .icon-expand-blue-color {
    color: #4068F6;
    font-size: 20px; }
  .align-flex-start-center > div.checkbox-tax-deductible label {
    padding-left: 31px;
    height: 13px; }
  .align-flex-start-center > label.style-text-tax {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
    color: #212121; }

.align-flex-end-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center; }
  .align-flex-end-center .mr-17 {
    margin-right: 17px; }

.align-space-between-flex-start {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 16px; }
  .align-space-between-flex-start .title {
    color: #212121;
    font-weight: 500;
    font-size: 15px; }

.error-row {
  height: 27px !important; }

.error-text-port {
  font-size: 12px;
  color: #f44336;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  font-family: Inter;
  line-height: 1em; }

.style-div-render-item {
  height: 40px;
  width: 400px; }

.style-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  padding-left: 15px; }

.div-shadow-popup {
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.15); }

.style-div-can-click {
  cursor: pointer;
  color: #4068F6;
  text-transform: capitalize; }

.style-div-can-click:hover {
  opacity: 0.8; }

.pt-2 {
  padding-top: 2px; }

.ml-neg-5 {
  margin-left: -5px; }

.ml-neg-10 {
  margin-left: -10px; }

.ml-5 {
  margin-left: 5px; }

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

.mr-15 {
  margin-right: 15px; }

.pt-5 {
  padding-top: 5px; }

.mt-5 {
  margin-top: 5px; }

.mb-5 {
  margin-bottom: 5px; }

.pb-7 {
  padding-bottom: 7px; }

.pt-7 {
  padding-top: 7px; }

.mt-8 {
  margin-top: 8px; }

.bt-0 {
  bottom: 0px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 10px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

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

.mt-40 {
  margin-top: 40px !important; }

.ml-10 {
  margin-left: 10px !important; }

.m0 {
  margin: 0px; }

.mr-0 {
  margin-right: 0px !important; }

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

.pl-10 {
  padding-left: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-0 {
  margin-top: 0px !important; }

.ml-15 {
  margin-left: 15px !important; }

.mb-16 {
  margin-bottom: 16px; }

.mb-20 {
  margin-bottom: 20px; }

.ml-20 {
  margin-left: 20px !important; }

.mb-25 {
  margin-bottom: 25px; }

.ml-25 {
  margin-left: 25px; }

.mr-25 {
  margin-right: 25px; }

.pl-25 {
  padding-left: 25px !important; }

.m-0-25 {
  margin: 0 25px; }

.width-5-per {
  width: 5%; }

.width-10-per {
  width: 10%; }

.width-30-per {
  width: 30% !important; }

.width-35-per {
  width: 35%; }

.width-40-per {
  width: 40%; }

.width-45-per {
  width: 45%; }

.width-49-per {
  width: 49% !important; }

.width-50-per {
  width: 50%; }

.width-55-per {
  width: 55%; }

.width-60-per {
  width: 60%; }

.width-65-per {
  width: 65%; }

.width-70-per {
  width: 70%; }

.width-90-per {
  width: 90%; }

.search-box-in-single-selection fieldset {
  border-radius: 100px !important; }

.search-box-in-single-selection input {
  padding: 7px 10px !important;
  height: auto; }

.width-50-per {
  width: 50%; }

.width-100-per {
  width: 100% !important; }

.portfolio {
  width: 65%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.limit-btn {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 15px;
  font-weight: 500; }

.color-blue {
  color: #21BCD4; }

.word-break {
  word-break: break-word; }

.tabStyle {
  font-family: Inter;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 47px;
  cursor: pointer; }

.iconOnTab {
  position: relative;
  top: 5px;
  z-index: 2;
  cursor: pointer; }

.parent-body:nth-child(even) {
  background: rgba(64, 104, 246, 0.08); }

.parent-body:nth-child(odd) {
  background: #FFFFFF; }

.parent-body td {
  border-bottom: none; }

.hover-action-color:nth-child(even) {
  background: #FAFBFF; }

.hover-action-color:nth-child(odd) {
  background: rgba(64, 104, 246, 0.08); }

.hover-action-color:nth-child(1) {
  background: #FFF; }

.hover-action-color td {
  border-bottom: none; }

.hover-action-color.able-sort-cursor {
  cursor: move; }

.group-transaction-type {
  height: 50px;
  font-size: 15px; }
  .group-transaction-type .group-text {
    line-height: 50px; }
  .group-transaction-type .group-action {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    white-space: normal;
    padding: 7px;
    transform: translate3d(0px, 0px, 0px);
    overflow: hidden; }

.expend-icon-style {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .expend-icon-style img {
    width: 20px;
    margin-right: 15px;
    margin-top: 15px; }

.limit-width-btn {
  min-width: 115px !important; }

.header-grip-group {
  height: 40px; }
  .header-grip-group .header-item-left {
    height: inherit;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px; }
  .header-grip-group .header-item-right {
    height: inherit;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    padding-right: 45px; }

.mrl-15 {
  padding-left: 15px; }

.float-right {
  float: right; }

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

.mrl-51 {
  padding-left: 51px; }

.row-sub-group-ts {
  height: 35px;
  line-height: 35px;
  font-size: 13px; }

.row-sub-group-hi-light {
  padding-left: 80px;
  height: 48px;
  line-height: 48px;
  font-size: 14px; }

.mrr-15 {
  padding-right: 15px; }

.group-icon {
  padding-top: 5px;
  text-align: center; }

.select-account-type {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  background: white;
  margin-bottom: 5px; }
  .select-account-type .select-type {
    width: 90%; }
  .select-account-type .add-btn {
    width: 45%;
    padding-top: 15px; }

.container-tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }

.tab-add-btn {
  width: 50%;
  margin-top: 20px;
  color: white; }

.rental-transaction-tab {
  padding: 20px; }
  .rental-transaction-tab .div-header-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .rental-transaction-tab .div-header-buttons .action-buttons {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .rental-transaction-tab .div-header-buttons .action-buttons .btn-add-expense {
        margin-right: 16px; }
    .rental-transaction-tab .div-header-buttons .expense-name {
      font-size: 20px;
      font-weight: 500; }

.body-table-can-custom {
  border-bottom: 1px solid #EAEBED; }

.group-form-portfolio-type {
  margin-bottom: 30px; }
  .group-form-portfolio-type .title-portfolio-type {
    font-weight: 500; }

.group-name {
  color: #212121;
  font-family: 'Inter';
  font-style: normal;
  font-size: 15px;
  line-height: 17px; }
  .group-name .lable-group-name {
    font-weight: 500; }
.DateRangePicker {
  right: -60px;
  top: 40px;
  position: absolute !important;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.DateRangePicker__Legend {
  color: #52575e;
  font-size: 14px;
  line-height: 16px;
  list-style-type: none;
  margin: 20px 0;
  padding: 0; }

.DateRangePicker__LegendItem {
  display: inline-block;
  margin: 0 20px; }

.DateRangePicker__LegendItemColor {
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  vertical-align: text-bottom;
  width: 14px;
  border: 1px solid rgba(0, 0, 0, 0.25); }

.DateRangePicker__LegendItemColor--selection {
  background-color: #ed5434; }

.DateRangePicker__PaginationArrow {
  border: 0;
  cursor: pointer;
  display: block;
  height: 35px;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 35px;
  z-index: 1; }

.DateRangePicker__PaginationArrow--previous {
  left: 20px; }

.DateRangePicker__PaginationArrow--next {
  right: 20px; }

.DateRangePicker__PaginationArrow:hover {
  background-color: #ccc; }

.DateRangePicker__PaginationArrowIcon {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  height: 0;
  position: absolute;
  top: 10px;
  width: 0; }

.DateRangePicker__PaginationArrowIcon--is-disabled {
  opacity: .25; }

.DateRangePicker__PaginationArrowIcon--previous {
  border-left: 8px solid transparent;
  border-right: 8px solid #aaa;
  right: 11px; }

.DateRangePicker__PaginationArrowIcon--next {
  border-left: 8px solid #aaa;
  border-right: 8px solid transparent;
  left: 11px; }

.DateRangePicker__Month {
  background: #f7f7f7;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
  color: #333;
  display: inline-block;
  margin: 0 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 275px; }

.DateRangePicker__MonthHeader {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  position: relative;
  text-align: center; }

.DateRangePicker__MonthHeaderLabel {
  display: inline-block;
  position: relative; }

.DateRangePicker__MonthHeaderSelect {
  background: #e4e4e4;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5; }

.DateRangePicker__MonthDates {
  background: #fff;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
  border-bottom: 1px solid #f4f5f6;
  border-collapse: separate;
  border-spacing: 0 1px;
  margin: 0;
  width: 100%; }

.DateRangePicker__WeekdayHeading, .DateRangePicker__Date {
  font-size: 12px;
  line-height: 1;
  padding: 10px 0;
  text-align: center;
  width: 14.285714285714286%; }

.DateRangePicker__WeekdayHeading {
  border-bottom: 1px solid #f4f5f6;
  color: #000;
  font-weight: bold; }

.DateRangePicker__WeekdayHeading abbr[title] {
  border-bottom-width: 0;
  color: #000;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none; }

.DateRangePicker__Date {
  border: 0 solid #f4f5f6;
  border-right-width: 1px;
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.DateRangePicker__Date:first-child {
  border-left-width: 1px; }

.DateRangePicker__Date--weekend {
  background-color: #f6f7f9; }

.DateRangePicker__Date--otherMonth {
  opacity: .25; }

.DateRangePicker__Date--is-disabled {
  color: #cdcdd1;
  cursor: default; }

.DateRangePicker__Date--is-selected {
  color: #fff; }

.DateRangePicker__Date--is-highlighted {
  color: #333; }

.DateRangePicker__CalendarDatePeriod {
  bottom: 0;
  position: absolute;
  top: 0; }

.DateRangePicker__CalendarDatePeriod--am {
  left: 0;
  right: 50%; }

.DateRangePicker__CalendarDatePeriod--pm {
  left: 50%;
  right: 0; }

.DateRangePicker__CalendarSelection {
  background-color: #00A0AF;
  border: 1px solid #00A0AF;
  bottom: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 5px; }

.DateRangePicker__CalendarSelection--inOtherMonth {
  opacity: .5; }

.DateRangePicker__CalendarSelection--start {
  border-bottom-left-radius: 5px;
  border-right-width: 0;
  border-top-left-radius: 5px;
  left: 5px; }

.DateRangePicker__CalendarSelection--end {
  border-bottom-right-radius: 5px;
  border-left-width: 0;
  border-top-right-radius: 5px;
  right: 5px; }

.DateRangePicker__CalendarSelection--segment {
  border-left-width: 0;
  border-right-width: 0; }

.DateRangePicker__CalendarSelection--single {
  border-radius: 5px;
  left: 5px;
  right: 5px; }

.DateRangePicker__CalendarSelection--is-pending {
  background-color: #00A0AF;
  border-width: 0; }

.DateRangePicker__CalendarHighlight {
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.25);
  bottom: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 5px; }

.DateRangePicker__CalendarHighlight--inOtherMonth {
  opacity: .5; }

.DateRangePicker__CalendarHighlight--start {
  border-bottom-left-radius: 5px;
  border-right-width: 0;
  border-top-left-radius: 5px;
  left: 5px; }

.DateRangePicker__CalendarHighlight--end {
  border-bottom-right-radius: 5px;
  border-left-width: 0;
  border-top-right-radius: 5px;
  right: 5px; }

.DateRangePicker__CalendarHighlight--segment {
  border-left-width: 0;
  border-right-width: 0; }

.DateRangePicker__CalendarHighlight--single {
  background-color: #fff;
  border: 1px solid #00A0AF;
  border-radius: 5px;
  left: 5px;
  right: 5px; }

.DateRangePicker__HalfDateStates {
  bottom: -50px;
  left: -50px;
  position: absolute;
  right: -50px;
  top: -50px;
  transform: rotate(30deg); }

.DateRangePicker__FullDateStates {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.DateRangePicker__DateLabel {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1; }
.reports__items {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr); }

.reports .disabled {
  opacity: 0.4;
  cursor: not-allowed; }
  .reports .disabled:hover {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); }
    .reports .disabled:hover .item__label {
      color: #212121; }

.reports__item {
  height: 170px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer; }
  .reports__item .item__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column; }
  .reports__item .item__wrapper_ic {
    height: 78px;
    width: 78px;
    border-radius: 78px;
    background: #F7F9FF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    overflow: hidden; }
    .reports__item .item__wrapper_ic .ic {
      height: 48px;
      width: 48px; }
  .reports__item .item__label {
    margin-top: 16px;
    font-size: 20px;
    color: #212121;
    font-weight: 500; }

.reports__item:hover {
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3); }
  .reports__item:hover .item__label {
    transition: 0.5s;
    font-weight: 500;
    color: #4068f6; }

.shares_management__heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .shares_management__heading .heading__export_icon {
    border: 1px;
    border-style: solid;
    height: 33px;
    width: 103px;
    font-size: 15px;
    border-radius: 25px;
    border-color: #4068f6;
    color: #4068f6; }

.shares_management__filter {
  display: -ms-flexbox;
  display: flex; }
  .shares_management__filter .filter__financial_year {
    margin-left: 3%; }

.shares_management .tabs-mrt {
  margin-top: 16px; }

.shares_management__tabs {
  margin-top: 10px; }
  .shares_management__tabs .tab-panel-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px; }

.property-management .heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .property-management .heading .export_icon {
    border: 1px;
    border-style: solid;
    height: 33px;
    width: 103px;
    font-size: 15px;
    border-radius: 25px;
    border-color: #4068f6;
    color: #4068f6; }

.property-management .filter {
  display: -ms-flexbox;
  display: flex; }
  .property-management .filter .financial-year {
    margin-left: 3%; }

.property-management .tabs-mrt {
  margin-top: 16px; }

.property-management .tabs, .property-management .tabs-wrapper {
  margin-top: 10px; }
  .property-management .tabs .tab-panel-container, .property-management .tabs-wrapper .tab-panel-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px; }

.tabs-wrapper {
  position: relative; }
  .tabs-wrapper .toggle-tabs-wrapper {
    position: absolute;
    right: 22px;
    top: -6px; }

.tabs__content {
  width: 100%;
  padding-bottom: 20px; }
  .tabs__content .content__toggle_tabs_wrapper {
    margin-top: 20px;
    margin-left: 20px;
    width: 1px; }
  .tabs__content .content__toggle_tabs_text_wrapper {
    float: right;
    margin-right: 33px;
    margin-top: -45px; }
  .tabs__content .content__toggle_tabs_text_wrapper_position {
    float: left;
    margin-left: 144px;
    margin-top: -45px; }
  .tabs__content .content__graph_position {
    margin-top: 50px; }
  .tabs__content .content__total_report_box_wrapper {
    margin: 20px; }
    .tabs__content .content__total_report_box_wrapper .pd-60 {
      padding-top: 60px; }
  .tabs__content .content__table {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px; }
    .tabs__content .content__table .mt-20 {
      margin-top: 20px; }
    .tabs__content .content__table .table__stock_col {
      color: #4068f6;
      font-weight: 400;
      font-size: 15px; }
    .tabs__content .content__table .table__view_contract_col {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%; }
      .tabs__content .content__table .table__view_contract_col img {
        height: 20px;
        width: 20px;
        cursor: pointer; }
    .tabs__content .content__table .table__action {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      height: 100%; }
  .tabs__content .content__graph-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 20px 0px 0px 0px; }
    .tabs__content .content__graph-content .chart {
      width: 40%; }
    .tabs__content .content__graph-content .sumary-chart {
      width: 50%; }

.bar-graph-content {
  margin: 15px 15px 0px 20px; }

.table-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%; }
  .table-action.two-actions {
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly; }
  .table-action .icon-action {
    cursor: pointer; }
    .table-action .icon-action.margin-right-15 {
      margin-right: 15px; }

.shares-management-financial {
  padding: 20px; }
  .shares-management-financial.without-padding {
    padding: 0; }
  .shares-management-financial .box-wrapper {
    border-style: solid;
    border-width: 1px;
    border-color: #EBEBEB;
    margin-top: 16px;
    border-radius: 8px;
    padding: 0px 16px 24px 16px; }
    .shares-management-financial .box-wrapper .box-label {
      font-size: 20px;
      font-weight: 400;
      color: #212121;
      margin-top: 24px; }
    .shares-management-financial .box-wrapper .amount-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 80px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-top: 5px; }
  .shares-management-financial .text-filed-outline-wrapper {
    width: 24%; }
    .shares-management-financial .text-filed-outline-wrapper .text-filed-outline-label {
      color: #212121;
      font-size: 13px; }
  .shares-management-financial .calculate-characters {
    margin: 0px 1% 18px 1%;
    width: 1.33%;
    height: 80px;
    min-height: 80px;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    color: #212121; }
    .shares-management-financial .calculate-characters .characters-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .shares-management-financial .calculate-characters .characters-wrapper span {
        font-size: 18px;
        font-weight: 600; }

.graph-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 40px 0px 0px 0px; }
  .graph-content .chart {
    width: 40%; }
    .graph-content .chart.custom-distance-2colums {
      margin-left: -10%;
      margin-right: -9%; }
    .graph-content .chart.custom-distance-1column {
      margin-right: -5%; }
  .graph-content .sumary-chart {
    width: 50%; }
  .graph-content .sumary-chart-2-columns {
    width: 80%; }

.cash-management-report-container .header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.cash-management-report-container .tabs-container {
  margin-top: 15px; }

.cash-management-report-container .group-select-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .cash-management-report-container .group-select-container .dropdow-select-portfolio {
    margin-right: 30px; }

.cash-management-report-container .cash-management-report .wrap-tabs-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.cash-management-report-container .cash-management-report .tab-container {
  width: 240px; }

.cash-management-report-container .cash-management-report .tab-container-medium {
  width: 400px; }

.cash-management-report-container .cash-management-report .tab-container-large {
  width: 800px; }

.cash-management-report-container .cash-management-report .header-transaction-types {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .cash-management-report-container .cash-management-report .header-transaction-types .tab-container {
    width: 240px; }
  .cash-management-report-container .cash-management-report .header-transaction-types .group-right {
    float: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .cash-management-report-container .cash-management-report .header-transaction-types .group-right .tag {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .cash-management-report-container .cash-management-report .header-transaction-types .group-right .tag .deductible-text {
        font-family: Inter;
        font-size: 15px;
        color: #212121; }
      .cash-management-report-container .cash-management-report .header-transaction-types .group-right .tag .border {
        border: 1px solid #EBEBEB;
        height: 32px;
        margin-left: 14px; }

.cash-management-report-container .cash-management-report .grand-table-credit-interests {
  margin: 15px 0px 10px 0px; }

.cash-management-report-container .cash-management-report .table-transaction-types-container {
  margin-top: 15px; }

.property-management-report .tab-container {
  width: 240px; }

.table-expenses-from-trans-types {
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  padding: 16px 32px; }
  .table-expenses-from-trans-types .expenses-from-trans-types-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px;
    font-size: 15px;
    font-family: Inter; }

.trending-report .heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.trending-report .filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .trending-report .filter .select-multi-wrapper {
    width: 65%; }

.trending-report .chart-wrapper {
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
  margin-top: 16px;
  padding-bottom: 10px; }
  .trending-report .chart-wrapper .toggle-tabs-wrapper {
    margin-top: 35px;
    margin-left: 18px; }
/*Color Background*/
/*Color Button*/
/*Color Text*/
/*Require Field*/
/*Color Border*/
/*Color Icon*/
/*Height of table*/
/* 15px for scroll bar*/
/* Color Fixed Data Table */
/*Border Radius*/
/*User Selection*/
.new-ui-fixedDataTableLayout-main {
  box-shadow: none;
  background: #FFF; }
  .new-ui-fixedDataTableLayout-main .new-ui-public-fixedDataTableRow-highlighted {
    background-color: rgba(64, 104, 246, 0.08); }
  .new-ui-fixedDataTableLayout-main .new-ui-public-fixedDataTableCell-cellContent {
    font-size: 15px;
    line-height: 18px;
    font-family: 'Inter';
    font-weight: normal; }
  .new-ui-fixedDataTableLayout-main .new-ui-public-fixedDataTable-header {
    border-color: #E5E5E5 !important;
    background-color: #D9E1FD; }
    .new-ui-fixedDataTableLayout-main .new-ui-public-fixedDataTable-header .new-ui-public-fixedDataTableCell-cellContent {
      font-weight: 500;
      background-color: #D9E1FD; }

#popover > div:last-child {
  border-radius: 8px;
  margin-top: 5px;
  margin-left: 20px; }

#popover .new-ui-paper {
  margin-top: 0px;
  overflow: hidden; }
  #popover .new-ui-paper li.new-ui-menu-item {
    font-family: 'Inter';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px; }
  #popover .new-ui-paper li.new-ui-menu-item:hover {
    background-color: #4068F6 !important;
    color: #FFF !important; }

.new-ui-button-dropdown-holder {
  box-shadow: none !important;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex; }
  .new-ui-button-dropdown-holder .disabled {
    opacity: 0.4;
    cursor: default; }
  .new-ui-button-dropdown-holder span:first-child {
    color: #4068F6; }
  .new-ui-button-dropdown-holder .new-ui-left-button {
    padding: 4px 10px;
    min-height: 26px !important;
    border: 1px solid #4068F6;
    border-radius: 100px;
    border-right: none !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    height: unset; }
    .new-ui-button-dropdown-holder .new-ui-left-button .disabled {
      opacity: 0.4;
      cursor: default; }
    .new-ui-button-dropdown-holder .new-ui-left-button span:first-child {
      font-family: 'Inter';
      font-style: normal;
      font-weight: normal;
      font-size: 15px;
      line-height: 20px;
      text-align: center;
      text-transform: capitalize; }
  .new-ui-button-dropdown-holder .new-ui-right-button {
    padding: 2px 0px !important;
    min-height: 26px !important;
    border: 1px solid #4068F6;
    border-radius: 100px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-left: 1px solid #4068F6;
    height: unset; }
    .new-ui-button-dropdown-holder .new-ui-right-button span {
      color: #4068F6; }
    .new-ui-button-dropdown-holder .new-ui-right-button:disabled {
      border-left: 1px solid rgba(64, 104, 246, 0.4);
      opacity: 1;
      color: rgba(64, 104, 246, 0.4); }
      .new-ui-button-dropdown-holder .new-ui-right-button:disabled span {
        color: rgba(64, 104, 246, 0.4); }
.package-management .package-item {
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 24px 0;
  cursor: pointer;
  transition: all 1s; }
  .package-management .package-item span {
    display: block;
    margin-top: 16px;
    font-weight: 600;
    font-size: 18px; }
  .package-management .package-item img {
    width: 48px;
    height: 48px; }
  .package-management .package-item:hover {
    opacity: 0.5; }

.edit-package-management .content {
  padding: 10px 20px; }
  .edit-package-management .content .switch-container {
    margin-left: -16px; }
    .edit-package-management .content .switch-container .switch {
      display: inline-block; }
  .edit-package-management .content .subscription-checkbox .checkbox {
    margin: 0px;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .edit-package-management .content .subscription-checkbox .checkbox strong {
      padding-right: 5px; }
    .edit-package-management .content .subscription-checkbox .checkbox .inlineCb {
      margin-left: 10px; }
  .edit-package-management .content table .table-row-header {
    background: #D9E1FD; }
  .edit-package-management .content table .table-row:nth-child(even) {
    background: rgba(64, 104, 246, 0.08); }
  .edit-package-management .content table .table-row-color {
    background: rgba(64, 104, 246, 0.08); }
  .edit-package-management .content table .table-row .table-cell {
    font-size: 15px;
    color: #212121;
    border: none; }
  .edit-package-management .content table .table-row .header-text {
    font-weight: 600;
    font-size: 14px;
    color: #212121; }
  .edit-package-management .content table .table-row .container-value {
    display: -ms-flexbox;
    display: flex; }
    .edit-package-management .content table .table-row .container-value .number-value {
      width: 100px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-right: 10px; }
    .edit-package-management .content table .table-row .container-value .text-value {
      width: 100%; }
    .edit-package-management .content table .table-row .container-value .input-value {
      background: #FFFFFF;
      font-size: 15px;
      color: #212121; }
  .edit-package-management .content .subscription-plan {
    padding: 10px 0px 20px 0px; }
/*Color Background*/
/*Color Button*/
/*Color Text*/
/*Require Field*/
/*Color Border*/
/*Color Icon*/
/*Height of table*/
/* 15px for scroll bar*/
/* Color Fixed Data Table */
/*Border Radius*/
/*User Selection*/
.faq-menu .faq-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .faq-menu .faq-header span {
    font-size: 32px;
    font-weight: 600;
    color: #212121; }
  .faq-menu .faq-header .faq-search-input {
    padding: 4px 0px 2px 15px !important;
    height: 40px;
    width: 320px; }

.faq-menu .radio-btn-group {
  margin-top: 15px; }
  .faq-menu .radio-btn-group .faq-radio-input {
    margin-right: 48px; }
    .faq-menu .radio-btn-group .faq-radio-input span:nth-child(2) {
      font-weight: 500;
      font-size: 15px;
      color: #212121; }
  .faq-menu .radio-btn-group .faq-radio-input:nth-child(1) {
    margin-left: 0px !important; }

.faq-menu .faq-menu-report {
  margin-top: 20px; }
  .faq-menu .faq-menu-report .reports__items {
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr); }
    .faq-menu .faq-menu-report .reports__items .reports__item {
      position: relative; }
      .faq-menu .faq-menu-report .reports__items .reports__item .item__wrapper .item__wrapper_ic {
        margin-top: 16px; }
    .faq-menu .faq-menu-report .reports__items .item__label {
      text-align: center; }
    .faq-menu .faq-menu-report .reports__items .item-input {
      margin-top: 12px; }
    .faq-menu .faq-menu-report .reports__items .faq-menu-item {
      position: relative; }
    .faq-menu .faq-menu-report .reports__items .active-item {
      border: 1px solid #4068F6; }

.faq-detail #select-topicSelect {
  height: 32px; }

.faq-detail .faq-detail-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .faq-detail .faq-detail-header .faq-search-input {
    width: 320px; }

.faq-detail .back-button {
  float: right;
  margin-left: 16px; }

.faq-detail .faq-detail-content {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 24px;
  margin-top: 16px; }
  .faq-detail .faq-detail-content .faq-list .faq-item {
    background-color: #F8F8F8;
    border: 1px solid #B2B2B2;
    border-radius: 5px;
    margin-top: 16px;
    padding: 5px 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer; }
    .faq-detail .faq-detail-content .faq-list .faq-item .faq-title {
      min-height: 70px; }
      .faq-detail .faq-detail-content .faq-list .faq-item .faq-title span {
        font-size: 16px;
        font-weight: 600; }
    .faq-detail .faq-detail-content .faq-list .faq-item .faq-text {
      font-weight: 600;
      font-size: 16px;
      color: #222222;
      padding: 18px 0px; }
    .faq-detail .faq-detail-content .faq-list .faq-item .actions-icon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .faq-detail .faq-detail-content .faq-list .faq-item .actions-icon .icon-wrapper {
        padding: 18px 10px; }
  .faq-detail .faq-detail-content .empty-result {
    height: 70vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .faq-detail .faq-detail-content .empty-result .text-wrapper {
      text-align: center; }
      .faq-detail .faq-detail-content .empty-result .text-wrapper p {
        font-size: 20px;
        font-weight: 600; }

.rq-support {
  margin-top: 24px; }
  .rq-support .content {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 24px;
    margin-top: 15px; }
    .rq-support .content .read-only-field {
      color: #212121;
      font-size: 15px;
      margin-bottom: 24px; }
      .rq-support .content .read-only-field .text {
        font-weight: 400;
        display: block;
        margin-bottom: 5px; }
      .rq-support .content .read-only-field .value {
        font-weight: 600; }

.faq-view .faq-view-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0px 10px; }
  .faq-view .faq-view-header .faq-view-header-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .faq-view .faq-view-header .header-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 70%; }
  .faq-view .faq-view-header .page-header {
    margin-bottom: 0; }

.faq-view .faq-view-content {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 24px;
  margin-top: 16px; }
  .faq-view .faq-view-content .topic-name {
    padding-bottom: 16px;
    border-bottom: 1px solid #EAEBED;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .faq-view .faq-view-content .topic-name span {
      color: #212121;
      font-weight: 600;
      font-size: 20px; }
    .faq-view .faq-view-content .topic-name .select-input .selected-field {
      border-radius: 100px;
      border: 1px solid #4068f6; }
    .faq-view .faq-view-content .topic-name .select-input p {
      display: none; }
    .faq-view .faq-view-content .topic-name .select-input #select-topicSelect {
      color: #4068f6; }
  .faq-view .faq-view-content .question-content {
    margin-top: 16px; }
    .faq-view .faq-view-content .question-content .question-text {
      color: #4068F6;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 12px; }
    .faq-view .faq-view-content .question-content .editor {
      overflow: hidden; }
      .faq-view .faq-view-content .question-content .editor ul {
        padding: revert; }
    .faq-view .faq-view-content .question-content .edit-faq p {
      color: #212121;
      font-size: 15px;
      font-weight: 500;
      margin-bottom: 7px; }
    .faq-view .faq-view-content .question-content .edit-faq .ql-editor {
      min-height: 250px; }
      .faq-view .faq-view-content .question-content .edit-faq .ql-editor .ql-video {
        width: 1080px;
        min-height: 720px; }

.faq-delete-popup-content {
  color: #212121; }
  .faq-delete-popup-content .confirm-text {
    margin-top: 6px; }

.faq-search-icon {
  color: #B2B2B2;
  cursor: pointer; }

.search-text-hight-light {
  background-color: transparent;
  color: #4068F6; }

@media only screen and (max-width: 1280px) {
  .faq-menu .radio-btn-group .faq-radio-input {
    margin-right: 30px; } }