@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
@-webkit-keyframes anim {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }
@-moz-keyframes anim {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }
@-ms-keyframes anim {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }
@-o-keyframes anim {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }
@keyframes anim {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }
html, body {
  margin: 0px;
  padding: 0px; }

body {
  cursor: default !important;
  overflow-x: hidden; }

a, ::before, .anim, .gray-input, .table-body table tbody tr, .blue-gradient-btn button, .blue-gradient-btn a, .gray-btn button, .gray-btn a, .three-dot-menu .table-dropdown-menu ul li a img path, .top-menu .tm-inner .tm-inner-right-area .notifications img path, .top-menu .tm-inner .tm-inner-right-area .watch-lists img path, .footer-area .footer-flex .footer-inner .footer-social ul li a img path {
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear; }

a:hover, a:focus {
  text-decoration: none !important;
  outline: none !important; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-background {
  background: transparent !important; }

.no-border {
  border: none !important; }

.no-box-shadow {
  box-shadow: none !important; }

.no-list-style-type {
  list-style-type: none !important; }

.no-float {
  float: none !important; }

.no-display {
  display: none !important; }

.flLeft {
  float: left !important; }

.flRight {
  float: right !important; }

.lspacing {
  letter-spacing: normal; }

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

.w50center {
  width: 50%;
  margin-left: auto;
  margin-right: auto; }

.h100, html, body {
  height: 100% !important; }

.vAlignWr {
  display: table;
  height: 100%;
  width: 100%; }

.vAlign {
  vertical-align: middle;
  display: table-cell;
  width: 100%; }

.relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }

.fs60 {
  font-size: 60px; }

.fs40 {
  font-size: 2.5em; }

.fs36 {
  font-size: 36px; }

.fs30 {
  font-size: 1.875em; }

.fs25 {
  font-size: 1.5625em; }

.fs24 {
  font-size: 24px; }

.fs23 {
  font-size: 1.4375em; }

.fs20 {
  font-size: 20px; }

.fs18 {
  font-size: 18px; }

.fs16 {
  font-size: 1em; }

.fs14 {
  font-size: 0.875em; }

.fs12 {
  font-size: 0.75em; }

.fs10 {
  font-size: 0.625em; }

.fs8 {
  font-size: 8px; }

.fwbold {
  font-weight: bold; }

.fwbolder {
  font-weight: bolder; }

.fw500 {
  font-weight: 500; }

.fwnormal {
  font-weight: normal; }

.fw600 {
  font-weight: 600; }

.fw800 {
  font-weight: 800; }

.fwlight {
  font-weight: lighter; }

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

.mleft15 {
  margin-left: 15px; }

.mright15 {
  margin-right: 15px; }

.mtop15 {
  margin-top: 15px; }

.mbottom15 {
  margin-bottom: 15px; }

.mtopbottom15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.mleftright15 {
  margin-left: 15px;
  margin-right: 15px; }

.mfull15 {
  margin: 15px; }

.mleft30 {
  margin-left: 30px; }

.mright30 {
  margin-right: 30px; }

.mtop30 {
  margin-top: 30px; }

.mbottom30 {
  margin-bottom: 30px; }

.mtopbottom30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.mleftright30 {
  margin-left: 30px;
  margin-right: 30px; }

.mfull30 {
  margin: 30px; }

.mleft60 {
  margin-left: 60px; }

.mright60 {
  margin-right: 60px; }

.mtop60 {
  margin-top: 60px; }

.mbottom60 {
  margin-bottom: 60px; }

.mtopbottom60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.mleftright60 {
  margin-left: 60px;
  margin-right: 60px; }

.mfull60 {
  margin: 60px; }

.brfull {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px; }

.pleft15 {
  padding-left: 15px; }

.pright15 {
  padding-right: 15px; }

.ptop15 {
  padding-top: 15px; }

.pbottom15 {
  padding-bottom: 15px; }

.ptopbottom15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.pleftright15 {
  padding-left: 15px;
  padding-right: 15px; }

.pfull15 {
  padding: 15px; }

.pleft30 {
  padding-left: 30px; }

.pright30 {
  padding-right: 30px; }

.ptop30 {
  padding-top: 30px; }

.pbottom30 {
  padding-bottom: 30px; }

.ptopbottom30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.pleftright30 {
  padding-left: 30px;
  padding-right: 30px; }

.pfull30 {
  padding: 30px; }

.pleft60 {
  padding-left: 60px; }

.pright60 {
  padding-right: 60px; }

.ptop60 {
  padding-top: 60px; }

.pbottom60 {
  padding-bottom: 60px; }

.ptopbottom60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.pleftright60 {
  padding-left: 60px;
  padding-right: 60px; }

.pfull60 {
  padding: 60px; }

.ptop90 {
  padding-top: 90px; }

.ptop120 {
  padding-top: 120px; }

.pbottom120 {
  padding-bottom: 120px; }

.pleftright75k {
  padding-left: 7.5px !important;
  padding-right: 7.5px !important; }

.line-top {
  width: 100%;
  height: 1px;
  background: #e2e2e2; }

.o-inner-text-link {
  color: #f9ab98; }
  .o-inner-text-link:hover {
    text-decoration: underline !important;
    color: #f9ab98; }

.create-flex {
  display: flex;
  flex-direction: row;
  margin: 0 -5px; }

@-webkit-keyframes fade-in-menu {
  0% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }
@-moz-keyframes fade-in-menu {
  0% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }
@-ms-keyframes fade-in-menu {
  0% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }
@-o-keyframes fade-in-menu {
  0% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }
@keyframes fade-in-menu {
  0% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }
.general-header {
  font-family: "Roboto","sans-serif";
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; }

.gray-bg {
  min-height: 100%;
  background: #1f2327; }

.padding-container {
  padding-top: 115px;
  padding-left: 120px;
  padding-right: 30px; }

.padding-sm-container {
  padding-top: 90px;
  padding-left: 120px;
  padding-right: 30px; }

.gray-container {
  background: #292e33;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 25px; }

.skew-anim-white {
  position: relative;
  overflow: hidden; }
  .skew-anim-white::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 150%;
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: 0.1;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -webkit-transform: skewX(60deg);
    -moz-transform: skewX(60deg);
    -ms-transform: skewX(60deg);
    -o-transform: skewX(60deg);
    transform: skewX(60deg); }
  .skew-anim-white:hover::before {
    left: -150%; }

.skew-anim-black {
  position: relative;
  overflow: hidden; }
  .skew-anim-black::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 150%;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.1;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -webkit-transform: skewX(60deg);
    -moz-transform: skewX(60deg);
    -ms-transform: skewX(60deg);
    -o-transform: skewX(60deg);
    transform: skewX(60deg); }
  .skew-anim-black:hover::before {
    left: -150%; }

.or-text-with-line {
  width: 100%;
  position: relative; }
  .or-text-with-line .otwl-text {
    font-family: "Roboto","sans-serif";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #929699; }
  .or-text-with-line::before {
    content: "";
    position: absolute;
    width: -webkit-calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    width: -ms-calc(50% - 40px);
    width: -o-calc(50% - 40px);
    width: calc(50% - 40px);
    height: 1px;
    background: #6a6868;
    top: -webkit-calc(50% - 1px);
    top: -moz-calc(50% - 1px);
    top: -ms-calc(50% - 1px);
    top: -o-calc(50% - 1px);
    top: calc(50% - 1px);
    left: 0px; }
  .or-text-with-line::after {
    content: "";
    position: absolute;
    width: -webkit-calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    width: -ms-calc(50% - 40px);
    width: -o-calc(50% - 40px);
    width: calc(50% - 40px);
    height: 1px;
    background: #6a6868;
    top: -webkit-calc(50% - 1px);
    top: -moz-calc(50% - 1px);
    top: -ms-calc(50% - 1px);
    top: -o-calc(50% - 1px);
    top: calc(50% - 1px);
    right: 0px; }

.white-link {
  color: #a7a4a8; }
  .white-link:hover {
    text-decoration: underline !important;
    color: #a7a4a8; }

.blue-link {
  color: #16adcf; }
  .blue-link:hover {
    text-decoration: underline !important;
    color: #16adcf; }

.form-bottom-link a {
  font-family: "Roboto","sans-serif";
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 3.11;
  letter-spacing: normal;
  margin-right: 5px; }

.bold-text {
  font-family: "Roboto","sans-serif";
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; }

.light-text {
  font-family: "Roboto","sans-serif";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f1f1f1; }

.gray-input {
  width: 100%;
  font-family: "Roboto",sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 3.11;
  letter-spacing: normal;
  color: #ffffff;
  padding: 9px 27px;
  background: #2a2b31;
  border: none;
  outline: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }
  .gray-input::placeholder {
    color: #ffffff; }
  .gray-input:-ms-input-placeholder {
    color: #ffffff; }
  .gray-input::-ms-input-placeholder {
    color: #ffffff; }
  .gray-input:focus {
    background: #4c4e59; }

.gray-sm-input {
  width: 100%; }
  .gray-sm-input input {
    width: 100%;
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 2.5px 10px;
    color: #ffffff;
    font-family: "Roboto","sans-serif";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #ffffff; }

.dark-gray-input {
  width: 100%;
  position: relative; }
  .dark-gray-input input {
    width: 100%;
    font-family: "Roboto","sans-serif";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #ffffff;
    border: none;
    outline: none;
    padding: 15px 20px;
    background: #2a2b31;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out; }
    .dark-gray-input input::placeholder {
      color: #7e8694; }
    .dark-gray-input input:-ms-input-placeholder {
      color: #7e8694; }
    .dark-gray-input input::-ms-input-placeholder {
      color: #7e8694; }
    .dark-gray-input input:focus {
      background: #4c4e59; }

.bottom-border-input input {
  width: 100%;
  font-family: "Roboto","sans-serif";
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.38px;
  color: #85858a;
  border: none;
  outline: none;
  padding: 13px 0px;
  border-bottom: 2px solid #cac9ca; }
  .bottom-border-input input::placeholder {
    color: #c1c1c1; }
  .bottom-border-input input:-ms-input-placeholder {
    color: #c1c1c1; }
  .bottom-border-input input::-ms-input-placeholder {
    color: #c1c1c1; }

.sm-search-input {
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  position: relative; }
  .sm-search-input input {
    background: rgba(0, 0, 0, 0.3);
    border: none;
    outline: none;
    padding: 8px 30px 8px 8px;
    width: 100%;
    font-family: "Roboto","sans-serif";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff; }
  .sm-search-input button {
    background: transparent;
    border: none;
    padding: 0px 8px;
    position: absolute;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 99;
    outline: none; }
    .sm-search-input button img {
      margin-top: 3px;
      width: 16px;
      height: 16px; }

.linked-table tbody tr {
  cursor: pointer; }

.sm-select-input {
  width: 100%;
  position: relative;
  padding: 0px 5px; }
  .sm-select-input .ms-parent {
    width: 100% !important; }
    .sm-select-input .ms-parent .ms-choice {
      border: none;
      width: 100%;
      outline: none;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.3);
      height: auto;
      overflow: unset;
      padding-right: 25px; }
      .sm-select-input .ms-parent .ms-choice > span {
        font-family: "Roboto","sans-serif";
        font-size: 13px;
        color: #ffffff;
        position: relative;
        padding: 5px 10px;
        height: auto;
        line-height: 1; }
  .sm-select-input .ms-search {
    padding: 5px; }
    .sm-select-input .ms-search input {
      min-height: 0px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      border: none;
      padding: 4px 8px;
      background: rgba(0, 0, 0, 0.3);
      font-family: "Roboto","sans-serif";
      color: #ffffff;
      font-size: 12px; }
  .sm-select-input .ms-drop {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
    background: #33373a;
    border: none;
    z-index: 99;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-top: 5px;
    max-width: 200px; }
    .sm-select-input .ms-drop ul {
      padding: 0px; }
      .sm-select-input .ms-drop ul li label {
        text-align: left; }
      .sm-select-input .ms-drop ul li.selected {
        background: rgba(0, 0, 0, 0.3); }
      .sm-select-input .ms-drop ul li span {
        font-family: "Roboto","sans-serif";
        font-weight: 400;
        color: #ffffff; }
      .sm-select-input .ms-drop ul li:hover {
        background: rgba(0, 0, 0, 0.3); }

.mail-time {
  float: left;
  margin-left: 20px;
  display: none;
  margin-top: 27px; }
  .mail-time .gray-border-checkbox:last-child {
    margin-left: 10px; }
  .mail-time.active {
    display: block; }

.sm-multi-select-input {
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: -ms-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: calc(100% - 20px); }
  .sm-multi-select-input .ms-parent {
    width: 100%; }
    .sm-multi-select-input .ms-parent .ms-choice {
      border: none;
      width: 100%;
      outline: none;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.3);
      height: auto;
      overflow: unset; }
      .sm-multi-select-input .ms-parent .ms-choice > span {
        font-family: "Roboto","sans-serif";
        font-size: 13px;
        color: #ffffff;
        position: relative;
        padding: 5px 10px;
        height: auto;
        line-height: 1; }
  .sm-multi-select-input .ms-search {
    padding: 5px; }
    .sm-multi-select-input .ms-search input {
      min-height: 0px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      border: none;
      padding: 4px 8px;
      background: rgba(0, 0, 0, 0.3);
      font-family: "Roboto","sans-serif";
      color: #ffffff;
      font-size: 12px; }
  .sm-multi-select-input .ms-drop {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
    background: #33373a !important;
    border: none;
    z-index: 99;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-top: 5px;
    max-width: 200px; }
    .sm-multi-select-input .ms-drop ul {
      padding: 0px; }
      .sm-multi-select-input .ms-drop ul li.ms-no-results {
        padding: 5px 8px;
        font-family: "Roboto","sans-serif";
        font-weight: 400;
        color: rgba(255, 255, 255, 0.5);
        font-weight: 600; }
      .sm-multi-select-input .ms-drop ul li.selected {
        background: rgba(0, 0, 0, 0.3); }
      .sm-multi-select-input .ms-drop ul li label {
        margin: 0px;
        padding: 5px 8px;
        text-align: left; }
      .sm-multi-select-input .ms-drop ul li span {
        font-family: "Roboto","sans-serif";
        font-weight: 400;
        color: #ffffff; }
      .sm-multi-select-input .ms-drop ul li:hover {
        background: rgba(0, 0, 0, 0.3); }
      .sm-multi-select-input .ms-drop ul li input[type='checkbox'] {
        display: none; }

.no-border-select-input {
  width: 100%;
  position: relative;
  padding: 0px 5px; }
  .no-border-select-input .ms-parent {
    width: 100% !important; }
    .no-border-select-input .ms-parent .ms-choice {
      border: none;
      width: 100%;
      outline: none;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.3);
      height: auto;
      overflow: unset;
      padding-right: 25px; }
      .no-border-select-input .ms-parent .ms-choice > span {
        font-family: "Roboto","sans-serif";
        font-size: 13px;
        color: #ffffff;
        position: relative;
        padding: 5px 10px;
        height: auto;
        line-height: 1; }
  .no-border-select-input .ms-search {
    padding: 5px; }
    .no-border-select-input .ms-search input {
      min-height: 0px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      border: none;
      padding: 4px 8px;
      background: rgba(0, 0, 0, 0.3);
      font-family: "Roboto","sans-serif";
      color: #ffffff;
      font-size: 12px; }
  .no-border-select-input .ms-drop {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
    background: #33373a;
    border: none;
    z-index: 99;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-top: 5px;
    max-width: 200px; }
    .no-border-select-input .ms-drop ul {
      padding: 0px; }
      .no-border-select-input .ms-drop ul li label {
        text-align: left; }
      .no-border-select-input .ms-drop ul li.selected {
        background: rgba(0, 0, 0, 0.3); }
      .no-border-select-input .ms-drop ul li span {
        font-family: "Roboto","sans-serif";
        font-weight: 400;
        color: #ffffff; }
      .no-border-select-input .ms-drop ul li:hover {
        background: rgba(0, 0, 0, 0.3); }

.section-header {
  font-family: "Roboto","sans-serif";
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; }

.table-head {
  width: 100%; }
  .table-head .table-left {
    float: left;
    display: flex;
    flex-direction: row; }
    .table-head .table-left .table-header {
      font-family: "Roboto","sans-serif";
      font-size: 20px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #ffffff; }
    .table-head .table-left .table-search {
      margin-left: 30px;
      width: 234px; }
  .table-head .table-right {
    float: right;
    display: flex;
    flex-direction: row;
    margin: 0 -5px; }

.table-body {
  width: 100%; }
  .table-body table {
    width: 100%; }
    .table-body table thead {
      border-bottom: 1px solid #33393f; }
      .table-body table thead tr th {
        font-family: "Roboto","sans-serif";
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #7d7d7d;
        text-align: left;
        padding: 8px 0px; }
    .table-body table tbody tr {
      border-bottom: 1px solid #33393f; }
      .table-body table tbody tr td {
        padding: 7px;
        font-family: "Roboto","sans-serif";
        font-size: 14px;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        text-align: left; }
      .table-body table tbody tr:hover {
        background: rgba(255, 255, 255, 0.1); }

.banner-area {
  width: 390px;
  padding: 0px 20px; }
  .banner-area .banner-area-inner {
    background: #2a2b31;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 20px;
    height: 353px; }
    .banner-area .banner-area-inner .mid-text {
      font-family: "Roboto","sans-serif";
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
      opacity: 0.44; }

.top-banner-area {
  width: 728px;
  height: 90px;
  position: relative;
  background: #292e33;
  margin-bottom: 20px; }
  .top-banner-area .close-banner {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 12px;
    right: 12px;
    opacity: 0.4;
    z-index: 99;
    cursor: pointer; }
    .top-banner-area .close-banner img {
      width: 100%;
      height: 100%;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
  .top-banner-area .top-banner-text {
    text-align: center;
    font-family: "Roboto","sans-serif";
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(255, 255, 255, 0.44); }

.sublink-area img {
  width: 15px;
  height: 15px;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s; }
  .sublink-area img:hover path {
    fill: #7ac231;
    cursor: pointer; }
  .sublink-area img path {
    fill: #7ac231; }

.info-icon + .hidden-info {
  position: relative; }
  .info-icon + .hidden-info::before {
    content: attr(data-hover);
    position: absolute;
    font-size: 12px;
    width: 200px;
    z-index: 99;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.8);
    left: 100%;
    bottom: 15px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out; }

.info-icon:hover + .hidden-info::before {
  bottom: 5px;
  opacity: 1; }

.info-icon {
  cursor: pointer;
  position: relative; }
  .info-icon img {
    width: 15px;
    height: 15px;
    opacity: 0.5;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s; }
    .info-icon img:hover {
      opacity: 1; }
      .info-icon img:hover path {
        fill: white;
        cursor: pointer; }
    .info-icon img path {
      fill: rgba(255, 255, 255, 0.2); }

.top-carousel-slider-header {
  color: #ffffff;
  font-family: "Roboto","sans-serif";
  font-size: 24px; }

.top-carousel-slider {
  width: 100%;
  height: 80px;
  background: #292e33;
  position: relative; }
  .top-carousel-slider h1 {
    text-align: center; }
  .top-carousel-slider .top-carousel-slider-inner {
    padding: 0px 60px;
    height: 80px; }
    .top-carousel-slider .top-carousel-slider-inner .owl-wrapper-outer {
      height: 100%; }
      .top-carousel-slider .top-carousel-slider-inner .owl-wrapper-outer .owl-wrapper {
        height: 100%; }
        .top-carousel-slider .top-carousel-slider-inner .owl-wrapper-outer .owl-wrapper .owl-item {
          height: 100%;
          padding-right: 20px; }
          .top-carousel-slider .top-carousel-slider-inner .owl-wrapper-outer .owl-wrapper .owl-item:last-child {
            padding-right: 0px; }
            .top-carousel-slider .top-carousel-slider-inner .owl-wrapper-outer .owl-wrapper .owl-item:last-child .tpc-list-num-text {
              border-right: 0px solid rgba(79, 87, 101, 0.67) !important; }
          .top-carousel-slider .top-carousel-slider-inner .owl-wrapper-outer .owl-wrapper .owl-item .item {
            height: 100%; }
  .top-carousel-slider .tcs-navigation {
    width: 0px;
    height: 30px; }
    .top-carousel-slider .tcs-navigation a {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block;
      width: 30px;
      height: 30px;
      background: #3d4146;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      z-index: 99;
      cursor: pointer; }
      .top-carousel-slider .tcs-navigation a img {
        width: 6px;
        height: 9px;
        margin-top: 6px;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
    .top-carousel-slider .tcs-navigation .prev {
      left: 10px; }
    .top-carousel-slider .tcs-navigation .next {
      right: 10px; }
  .top-carousel-slider .tpc-list-inner {
    display: flex;
    flex-direction: row;
    height: 100%; }
    .top-carousel-slider .tpc-list-inner .tpc-list-img {
      width: 30px;
      height: 30px;
      border-radius: 60px;
      text-align: center; }
      .top-carousel-slider .tpc-list-inner .tpc-list-img img {
        height: 20px;
        margin-top: 5px;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
    .top-carousel-slider .tpc-list-inner .tpc-list-num-text {
      margin-left: 10px;
      padding-right: 10px;
      border-right: 1px solid rgba(79, 87, 101, 0.67); }
      .top-carousel-slider .tpc-list-inner .tpc-list-num-text .tpc-list-head {
        font-family: "Roboto","sans-serif";
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff; }
      .top-carousel-slider .tpc-list-inner .tpc-list-num-text .tpc-list-num {
        font-family: "Roboto","sans-serif";
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        margin-top: 2px; }
      .top-carousel-slider .tpc-list-inner .tpc-list-num-text .tpc-list-state {
        font-family: "Roboto","sans-serif";
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        margin-top: 3px; }
        .top-carousel-slider .tpc-list-inner .tpc-list-num-text .tpc-list-state img {
          width: 10px;
          height: 10px;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }

.table-green-text {
  color: #7ac231 !important; }

.table-red-text {
  color: #c11e0f !important; }

.table-green-text img {
  fill: #7ac231 !important; }

.table-red-text img {
  fill: #c11e0f !important; }

.table-highlighted-green {
  padding: 6px;
  background: #7ac231;
  color: #ffffff;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-family: "Roboto","sans-serif";
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; }

.table-highlighted-red {
  padding: 6px;
  background: #c11e0f;
  color: #ffffff;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-family: "Roboto","sans-serif";
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; }

.green-text {
  color: #7ac231 !important; }
  .green-text path {
    fill: #7ac231 !important; }

.red-text {
  color: #c11e0f !important; }
  .red-text path {
    fill: #c11e0f !important; }

.page-bar ul {
  padding-left: 0px;
  margin: 0px;
  clear: both;
  display: table; }
  .page-bar ul li {
    float: left;
    list-style-type: none;
    margin-top: 10px;
    padding-right: 15px;
    position: relative; }
    .page-bar ul li::before {
      content: "/";
      position: absolute;
      top: 0px;
      right: 5px;
      font-family: "Roboto";
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #ffffff; }
    .page-bar ul li:last-child::before {
      display: none; }
    .page-bar ul li:last-child a {
      color: #7e8694; }
    .page-bar ul li.back-btn {
      margin-top: 0px;
      margin-right: 10px;
      padding-right: 0px; }
      .page-bar ul li.back-btn::before {
        display: none; }
      .page-bar ul li.back-btn a {
        display: block;
        width: 35px;
        height: 35px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        background: #2a2b31;
        text-align: center; }
        .page-bar ul li.back-btn a img {
          width: 6px;
          height: 9px;
          margin-top: 13px;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }
    .page-bar ul li a {
      font-family: "Roboto";
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #ffffff; }

.state-bar {
  width: 100%;
  padding: 20px 15px;
  background: #292e33;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-top: 10px;
  position: relative; }
  .state-bar .state-bar-inner {
    width: 100%;
    padding-right: 110px; }
    .state-bar .state-bar-inner .sb-text-img {
      display: flex;
      flex-direction: row;
      float: left; }
      .state-bar .state-bar-inner .sb-text-img .sb-img {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        text-align: center; }
        .state-bar .state-bar-inner .sb-text-img .sb-img img {
          width: 19px;
          height: 25px;
          margin-top: 7.5px;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }
      .state-bar .state-bar-inner .sb-text-img .sb-text {
        margin-left: 8px;
        margin-top: -2px; }
        .state-bar .state-bar-inner .sb-text-img .sb-text .sb-lg-text {
          font-family: "Roboto","sans-serif";
          font-size: 22px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.47px;
          text-align: left;
          color: #ffffff; }
        .state-bar .state-bar-inner .sb-text-img .sb-text .sb-sm-text {
          font-family: "Roboto","sans-serif";
          font-size: 14px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.3px;
          text-align: left;
          color: #ffffff; }
    .state-bar .state-bar-inner .sb-numbers {
      float: left;
      margin-left: 0px; }
      .state-bar .state-bar-inner .sb-numbers .sb-number {
        margin-top: 2px;
        float: left;
        margin-left: 30px; }
        .state-bar .state-bar-inner .sb-numbers .sb-number .sb-number-head {
          font-family: "Roboto","sans-serif";
          font-size: 12px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1;
          letter-spacing: -0.19px;
          color: #7e8694; }
        .state-bar .state-bar-inner .sb-numbers .sb-number .sb-number-inner {
          font-family: "Roboto",sans-serif;
          font-size: 22px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: -0.2px;
          color: #ffffff;
          margin-top: 8px;
          position: relative; }
          .state-bar .state-bar-inner .sb-numbers .sb-number .sb-number-inner img {
            width: 8px;
            height: 6px;
            position: absolute;
            top: 10px;
            right: -15px;
            transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s; }
    .state-bar .state-bar-inner .sb-numbers.four-item .sb-number {
      margin-top: 2px;
      float: left; }
      .state-bar .state-bar-inner .sb-numbers.four-item .sb-number:nth-child(2) {
        margin-left: 54px; }
      .state-bar .state-bar-inner .sb-numbers.four-item .sb-number:nth-child(3) {
        margin-left: 27px; }
      .state-bar .state-bar-inner .sb-numbers.four-item .sb-number:nth-child(4) {
        margin-left: 27px; }
      .state-bar .state-bar-inner .sb-numbers.four-item .sb-number:nth-child(4) {
        margin-left: 28px; }
        .state-bar .state-bar-inner .sb-numbers.four-item .sb-number:nth-child(4) .sb-number-inner {
          position: relative;
          padding-right: 15px; }
          .state-bar .state-bar-inner .sb-numbers.four-item .sb-number:nth-child(4) .sb-number-inner img {
            width: 8px;
            height: 6px;
            position: absolute;
            top: 7px;
            right: 0px;
            transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s; }
      .state-bar .state-bar-inner .sb-numbers.four-item .sb-number .sb-number-head {
        font-family: "Roboto","sans-serif";
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: -0.19px;
        color: #7e8694; }
      .state-bar .state-bar-inner .sb-numbers.four-item .sb-number .sb-number-inner {
        font-family: "Roboto",sans-serif;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        color: #ffffff;
        margin-top: 8px; }
      .state-bar .state-bar-inner .sb-numbers.four-item .sb-number:first-child .sb-number-inner {
        font-family: "Roboto",sans-serif;
        font-size: 26px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.54px;
        color: #ffffff;
        margin-top: 0px; }
  .state-bar .green-border-btn {
    position: absolute;
    width: 60px;
    right: 50px;
    top: 30px; }
    .state-bar .green-border-btn img {
      width: 16px;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
      .state-bar .green-border-btn img path {
        fill: #ffffff; }

.tab-menu {
  margin-top: 15px; }
  .tab-menu ul {
    padding: 0px;
    margin: 0px;
    clear: both;
    display: table; }
    .tab-menu ul li {
      list-style-type: none;
      float: left;
      margin-left: 22px; }
      .tab-menu ul li.active a {
        color: #ffffff; }
        .tab-menu ul li.active a::before {
          content: "";
          width: 100%;
          height: 3px;
          background-image: linear-gradient(to left, #15b0d3, #175ca8);
          position: absolute;
          bottom: 0px;
          left: 0px;
          border-radius: 6px; }
      .tab-menu ul li:first-child {
        margin-left: 0px; }
      .tab-menu ul li a {
        display: block;
        padding: 3px 5px;
        font-family: "Roboto","sans-serif";
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: rgba(255, 255, 255, 0.4);
        position: relative; }
        .tab-menu ul li a:hover {
          color: #ffffff; }

.border-bottom-input {
  width: 100%; }
  .border-bottom-input input {
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid #cac9ca;
    background: transparent;
    padding: 13px 0px;
    font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #85858a;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
    .border-bottom-input input::placeholder {
      color: #85858a; }
    .border-bottom-input input:-ms-input-placeholder {
      color: #85858a; }
    .border-bottom-input input::-ms-input-placeholder {
      color: #85858a; }
    .border-bottom-input input:focus {
      border-bottom: 1px solid #16adcf;
      color: #ffffff; }
      .border-bottom-input input:focus::placeholder {
        color: #ffffff; }
      .border-bottom-input input:focus:-ms-input-placeholder {
        color: #ffffff; }
      .border-bottom-input input:focus::-ms-input-placeholder {
        color: #ffffff; }
  .border-bottom-input textarea {
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid #cac9ca;
    background: transparent;
    padding: 13px 0px;
    resize: none;
    font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #85858a;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
    .border-bottom-input textarea::placeholder {
      color: #85858a; }
    .border-bottom-input textarea:-ms-input-placeholder {
      color: #85858a; }
    .border-bottom-input textarea::-ms-input-placeholder {
      color: #85858a; }
    .border-bottom-input textarea:focus {
      border-bottom: 1px solid #16adcf;
      color: #ffffff; }
      .border-bottom-input textarea:focus::placeholder {
        color: #ffffff; }
      .border-bottom-input textarea:focus:-ms-input-placeholder {
        color: #ffffff; }
      .border-bottom-input textarea:focus::-ms-input-placeholder {
        color: #ffffff; }

.form-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 0px -5px; }
  .form-flex .form-flex-inner {
    padding: 0px 5px;
    width: 100%; }

.upload-file-btn {
  position: relative;
  overflow: hidden; }
  .upload-file-btn label {
    margin-bottom: 0px;
    border: 2px solid #43444b;
    padding: 7px 15px 7px 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out; }
    .upload-file-btn label .upload-btn-text {
      font-family: "Roboto","sans-serif";
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.3px;
      color: #ffffff; }
      .upload-file-btn label .upload-btn-text img {
        width: 15px;
        height: 17px;
        position: absolute;
        left: 15px;
        top: 11px;
        fill: #606166;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out; }
    .upload-file-btn label input {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      left: 9999px; }
    .upload-file-btn label:hover {
      cursor: pointer;
      background: #43444b; }
      .upload-file-btn label:hover .upload-btn-text img {
        fill: #ffffff;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }

.edit-img-btn {
  position: absolute;
  overflow: hidden;
  z-index: 99;
  top: 5px;
  right: 5px; }
  .edit-img-btn label {
    margin-bottom: 0px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    width: 20px;
    height: 20px;
    background: #16adcf;
    cursor: pointer; }
    .edit-img-btn label .upload-btn-text {
      font-family: "Roboto","sans-serif";
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.3px;
      color: #ffffff; }
      .edit-img-btn label .upload-btn-text img {
        width: 10px !important;
        height: 10px !important;
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
        .edit-img-btn label .upload-btn-text img path {
          fill: #ffffff; }
    .edit-img-btn label input {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      left: 9999px; }

.blue-gradient-btn {
  display: table;
  overflow: hidden;
  border-radius: 6px; }
  .blue-gradient-btn button {
    font-family: "Roboto","sans-serif";
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: normal;
    text-align: center;
    color: #fbfcfb;
    background-image: linear-gradient(285deg, #15b0d3, #175ca8);
    border: none;
    outline: none;
    width: 100%;
    overflow: hidden;
    padding: 9px 0px;
    position: relative; }
  .blue-gradient-btn a {
    font-family: "Roboto","sans-serif";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: normal;
    text-align: center;
    color: #fbfcfb;
    background-image: linear-gradient(285deg, #15b0d3, #175ca8);
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 9px 0px; }

.gray-btn {
  display: table;
  overflow: hidden;
  border-radius: 6px; }
  .gray-btn button {
    font-family: "Roboto","sans-serif";
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: normal;
    text-align: center;
    color: #265882;
    background: rgba(255, 255, 255, 0.76);
    border: none;
    outline: none;
    width: 100%;
    overflow: hidden;
    padding: 9px 0px;
    position: relative; }
  .gray-btn a {
    font-family: "Roboto","sans-serif";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: normal;
    text-align: center;
    color: #fbfcfb;
    background-image: linear-gradient(285deg, #15b0d3, #175ca8);
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 9px 0px; }

.light-gray-btn {
  width: 100%; }
  .light-gray-btn button {
    font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #000000;
    outline: none;
    border: none;
    padding: 10px 0px;
    width: 100%;
    background: #e0e4e7;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    .light-gray-btn button:hover {
      background: #d0d3d6; }

.light-blue-btn {
  width: 100%; }
  .light-blue-btn button {
    font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #ffffff;
    outline: none;
    border: none;
    padding: 10px 0px;
    width: 100%;
    background: #29b5cf;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    .light-blue-btn button:hover {
      background: #04a0c2; }

.gray-border-btn {
  width: 100%; }
  .gray-border-btn button {
    width: 100%;
    border: none;
    outline: none;
    font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #ffffff;
    background: #2a2b31;
    padding: 9px 0px;
    border: 1px solid #65656a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
    .gray-border-btn button:hover {
      background: #65656a; }
  .gray-border-btn a {
    display: block;
    width: 100%;
    padding: 5px 0px;
    border: 2px solid #43444b;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: center;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
    .gray-border-btn a:hover {
      background: #43444b; }

.green-border-btn {
  width: 100%; }
  .green-border-btn a {
    display: block;
    width: 100%;
    padding: 5px 0px;
    border: 2px solid #7ac231;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: center;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
    .green-border-btn a:hover {
      background: #7ac231; }
  .green-border-btn button {
    display: block;
    outline: none;
    background: transparent;
    width: 100%;
    padding: 5px 0px;
    border: 2px solid #7ac231;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: center;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
    .green-border-btn button:hover {
      background: #7ac231; }

.blue-border-btn {
  width: 100%; }
  .blue-border-btn a {
    display: block;
    width: 100%;
    padding: 5px 0px;
    border: 2px solid #16a5c5;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: center;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
    .blue-border-btn a:hover {
      background: #16a5c5; }

.black-btn {
  width: 100%; }
  .black-btn a {
    display: block;
    width: 100%;
    padding: 2.5px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-family: "Roboto","sans-serif";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: center;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    background: rgba(0, 0, 0, 0.3); }
    .black-btn a:hover {
      background: rgba(0, 0, 0, 0.5); }
    .black-btn a img {
      height: 15px;
      margin-right: 10px;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
      .black-btn a img path {
        fill: #ffffff; }

.white-btn {
  width: 100%; }
  .white-btn button {
    width: 100%;
    border: none;
    outline: none;
    font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #000000;
    padding: 10px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: #ffffff;
    position: relative;
    overflow: hidden; }

.red-with-icon-btn {
  width: 100%; }
  .red-with-icon-btn a {
    display: block;
    width: 100%;
    font-family: "Roboto","sans-serif";
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    background: #f44336;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    padding: 9px 0px; }
    .red-with-icon-btn a img {
      width: 20px;
      height: 20px;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      margin-right: 10px;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
      .red-with-icon-btn a img path {
        fill: #ffffff; }
  .red-with-icon-btn button {
    display: block;
    border: none;
    outline: none;
    width: 100%;
    font-family: "Roboto","sans-serif";
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    background: #f44336;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    padding: 9px 0px; }

.blue-checkbox .bc-label {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 51px;
  height: 31px;
  -webkit-border-radius: 62px;
  -moz-border-radius: 62px;
  -ms-border-radius: 62px;
  -o-border-radius: 62px;
  border-radius: 62px;
  overflow: hidden;
  margin-bottom: 0px; }
  .blue-checkbox .bc-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    .blue-checkbox .bc-label input:checked ~ .bc-bg-color {
      background: #16adcf; }
    .blue-checkbox .bc-label input:checked ~ .bc-pin {
      left: -webkit-calc(100% - 29px);
      left: -moz-calc(100% - 29px);
      left: -ms-calc(100% - 29px);
      left: -o-calc(100% - 29px);
      left: calc(100% - 29px); }
    .blue-checkbox .bc-label input:not(:checked) ~ .bc-bg-color {
      background: #cac9ca; }
  .blue-checkbox .bc-label .bc-bg-color {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #cac9ca;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .blue-checkbox .bc-label .bc-pin {
    position: absolute;
    width: 27px;
    height: 27px;
    background: #ffffff;
    box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
    left: 2px;
    top: 2px;
    -webkit-border-radius: 58px;
    -moz-border-radius: 58px;
    -ms-border-radius: 58px;
    -o-border-radius: 58px;
    border-radius: 58px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; }
  .blue-checkbox .bc-label:hover .bc-bg-color {
    background: #1297b5; }

.gray-border-checkbox .gbc-label {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  margin-bottom: 0px;
  width: 100%;
  padding-left: 25px; }
  .gray-border-checkbox .gbc-label:hover .gbc-checkmark {
    border: 2px solid #175ca8; }
  .gray-border-checkbox .gbc-label .gbc-text {
    font-family: "Roboto","sans-serif";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: -0.05px;
    color: #929699; }
  .gray-border-checkbox .gbc-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    .gray-border-checkbox .gbc-label input:checked ~ .gbc-checkmark {
      border: 2px solid #175ca8; }
      .gray-border-checkbox .gbc-label input:checked ~ .gbc-checkmark::before {
        display: block; }
    .gray-border-checkbox .gbc-label input:not(:checked) ~ .gbc-checkmark {
      border: 2px solid #6a6868; }
      .gray-border-checkbox .gbc-label input:not(:checked) ~ .gbc-checkmark::before {
        display: none; }
  .gray-border-checkbox .gbc-label .gbc-checkmark {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0px;
    left: 0px;
    border: 2px solid #6a6868;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .gray-border-checkbox .gbc-label .gbc-checkmark::before {
      content: "";
      position: absolute;
      width: 12px;
      height: 12px;
      margin-top: 1px;
      margin-left: 1px;
      background-image: linear-gradient(to bottom, #15b0d3, #175ca8);
      box-shadow: 0 5px 15px 0 rgba(7, 8, 8, 0.5);
      display: none; }

.blue-sm-link {
  font-family: "Roboto","sans-serif";
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #16adcf; }
  .blue-sm-link:hover {
    text-decoration: underline !important;
    color: #16adcf; }

.grid-view-filter {
  display: flex;
  flex-direction: row; }
  .grid-view-filter .grid-view-square {
    padding-left: 2px;
    padding-right: 2px; }
    .grid-view-filter .grid-view-square.active img rect {
      fill: #16adcf; }
    .grid-view-filter .grid-view-square img {
      height: 13px;
      width: unset;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
      .grid-view-filter .grid-view-square img rect {
        fill: #7e8694; }

.form-policies .gray-border-checkbox a {
  color: #b4b4b4;
  text-decoration: underline !important; }

.three-dot-menu {
  position: relative;
  height: 20px;
  display: inline-block; }
  .three-dot-menu .dot-menu-icon {
    height: 33px;
    cursor: pointer;
    padding: 10px 0px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px); }
    .three-dot-menu .dot-menu-icon img {
      fill: #7e8694;
      height: 100%;
      -webkit-transform: translateY(-2px);
      -moz-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      -o-transform: translateY(-2px);
      transform: translateY(-2px);
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
  .three-dot-menu:hover .table-dropdown-menu {
    display: block; }
  .three-dot-menu .table-dropdown-menu {
    position: absolute;
    padding: 10px 20px 15px 20px;
    background: #101113;
    right: -15px;
    top: 31px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    -webkit-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
    -moz-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
    -ms-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
    -o-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
    animation: fade-in-menu 0.3s 0s ease-in-out forwards;
    display: none;
    z-index: 99; }
    .three-dot-menu .table-dropdown-menu::before {
      content: "";
      position: absolute;
      width: 0px;
      height: 0px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #101113;
      right: 10px;
      top: -9px; }
    .three-dot-menu .table-dropdown-menu ul {
      padding-left: 0px;
      margin-bottom: 0px; }
      .three-dot-menu .table-dropdown-menu ul li {
        list-style-type: none;
        margin-top: 5px; }
        .three-dot-menu .table-dropdown-menu ul li:first-child {
          margin-top: 0px; }
        .three-dot-menu .table-dropdown-menu ul li a {
          display: block;
          white-space: nowrap;
          font-family: "Roboto","sans-serif";
          font-size: 14px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 2.57;
          letter-spacing: 0.26px;
          color: #ffffff;
          text-align: left;
          padding: 0px 5px;
          border-bottom: 1px solid #404850; }
          .three-dot-menu .table-dropdown-menu ul li a img {
            width: 20px;
            height: 20px;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
            transform: translateY(0px);
            margin-right: 7px;
            transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s; }
            .three-dot-menu .table-dropdown-menu ul li a img path {
              fill: #ffffff; }
          .three-dot-menu .table-dropdown-menu ul li a:hover {
            color: #29b5cf; }
            .three-dot-menu .table-dropdown-menu ul li a:hover img {
              transition: all ease-in-out 0.2s;
              -webkit-transition: all ease-in-out 0.2s;
              -moz-transition: all ease-in-out 0.2s;
              -o-transition: all ease-in-out 0.2s;
              -ms-transition: all ease-in-out 0.2s; }
              .three-dot-menu .table-dropdown-menu ul li a:hover img path {
                fill: #29b5cf; }

.set-news-alert .gray-datepicker .dp-inputs input {
  top: -15px; }
.set-news-alert .gray-datepicker .dp-label {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }
.set-news-alert .sm-multi-select-input .ms-parent {
  width: 100% !important; }
.set-news-alert .sm-multi-select-input {
  width: 100% !important; }
.set-news-alert .input-table table {
  border-spacing: 0px 15px;
  border-collapse: separate; }
.set-news-alert .spa-text {
  font-family: "Roboto","sans-serif";
  font-size: 16px;
  color: #ffffff;
  margin-right: 15px; }
.set-news-alert .sm-select-input {
  margin-top: 0px;
  padding: 0px; }
  .set-news-alert .sm-select-input .dd-container {
    width: 100% !important;
    background: #e0e4e7;
    border-radius: 4px; }
    .set-news-alert .sm-select-input .dd-container .dd-selected {
      color: #292e33; }
    .set-news-alert .sm-select-input .dd-container .dd-options {
      background: #ffffff !important;
      width: 100% !important; }
      .set-news-alert .sm-select-input .dd-container .dd-options li .dd-option {
        color: #292e33; }
        .set-news-alert .sm-select-input .dd-container .dd-options li .dd-option:hover {
          color: #292e33;
          background: #e0e4e7; }
        .set-news-alert .sm-select-input .dd-container .dd-options li .dd-option.dd-option-selected {
          color: #292e33;
          background: #e0e4e7; }
.set-news-alert .bottom-border-input {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  .set-news-alert .bottom-border-input input {
    padding: 3px 10px;
    background: rgba(0, 0, 0, 0.3); }

.set-data-alert .input-table table {
  border-spacing: 15px;
  border-collapse: separate; }
.set-data-alert .spa-text {
  font-family: "Roboto","sans-serif";
  font-size: 16px;
  color: #ffffff;
  margin-right: 15px; }
.set-data-alert .height-custom {
  height: 20px; }
.set-data-alert .gray-border-checkbox {
  padding: 5px;
  background: rgba(0, 0, 0, 0.3);
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.set-data-alert td:last-child {
  width: 100px; }
  .set-data-alert td:last-child .bottom-border-input {
    padding-right: 40px;
    position: relative;
    width: 100px; }
  .set-data-alert td:last-child .input-info-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Roboto","sans-serif";
    font-weight: 800;
    font-size: 20px;
    width: 40px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    color: rgba(255, 255, 255, 0.5); }
.set-data-alert tr:last-child .bottom-border-input {
  padding-right: 0px;
  position: relative;
  width: 100px; }
.set-data-alert .bottom-border-input {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  .set-data-alert .bottom-border-input input {
    padding: 3px 10px;
    background: rgba(0, 0, 0, 0.3); }
.set-data-alert .input-table table tr td:last-child {
  padding: 0px; }
.set-data-alert .input-table table {
  border-spacing: 15px;
  border-collapse: separate; }
.set-data-alert .gbc-label.with-img {
  padding-left: 0px; }
  .set-data-alert .gbc-label.with-img img {
    width: 20px;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s; }
.set-data-alert .just-checkmark {
  padding-left: 20px; }

.ui-widget.ui-widget-content {
  z-index: 9999 !important; }

.watch-list-modal table tr td:last-child {
  width: 100% !important; }

.set-price-alert .height-custom {
  height: 20px; }
.set-price-alert .select-coin {
  display: flex;
  flex-direction: row;
  padding: 15px;
  align-items: center; }
.set-price-alert .spa-text {
  font-family: "Roboto","sans-serif";
  font-size: 16px;
  color: #ffffff;
  margin-right: 15px; }
.set-price-alert .gray-border-checkbox {
  padding: 5px;
  background: rgba(0, 0, 0, 0.3);
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.set-price-alert .input-table table {
  border-spacing: 15px;
  border-collapse: separate; }
.set-price-alert .input-table table tr td:last-child {
  padding-left: 0px;
  padding-bottom: unset; }
.set-price-alert .input-table table tr td:first-child {
  width: unset; }
.set-price-alert .bottom-border-input {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  .set-price-alert .bottom-border-input input {
    padding: 3px 10px;
    background: rgba(0, 0, 0, 0.3); }
.set-price-alert .increase .gbc-text {
  color: #7ac231;
  font-weight: 600; }
.set-price-alert .decrease .gbc-text {
  color: #c11e0f;
  font-weight: 600; }
.set-price-alert .input-table table tr:nth-child(3) td.percentage-input {
  width: 120px; }
  .set-price-alert .input-table table tr:nth-child(3) td.percentage-input .bottom-border-input {
    padding-right: 40px;
    position: relative; }
  .set-price-alert .input-table table tr:nth-child(3) td.percentage-input .input-info-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Roboto","sans-serif";
    font-weight: 800;
    font-size: 20px;
    width: 40px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    color: rgba(255, 255, 255, 0.5); }

.general-tab-area .general-tab-menu ul {
  padding-left: 0px;
  display: flex;
  flex-direction: row;
  margin-left: -2.5px;
  margin-right: -2.5px;
  margin-bottom: 0px; }
  .general-tab-area .general-tab-menu ul li {
    list-style-type: none;
    padding-left: 2.5px;
    padding-right: 2.5px; }
    .general-tab-area .general-tab-menu ul li a {
      display: block;
      padding: 15px 20px;
      -webkit-border-radius: 4px 4px 0px 0px;
      -moz-border-radius: 4px 4px 0px 0px;
      -ms-border-radius: 4px 4px 0px 0px;
      -o-border-radius: 4px 4px 0px 0px;
      border-radius: 4px 4px 0px 0px;
      background: rgba(41, 46, 51, 0.4);
      font-family: "Roboto","sans-serif";
      font-size: 14px;
      font-weight: 600;
      color: #ffffff; }
    .general-tab-area .general-tab-menu ul li.active a {
      background: #292e33; }
.general-tab-area .general-tab-body {
  background: #292e33;
  display: none; }
  .general-tab-area .general-tab-body.active {
    display: block; }

.set-alert {
  display: table; }
  .set-alert .modal-white-body {
    padding: 20px; }
  .set-alert .white-btn {
    width: 90px;
    float: right;
    margin-right: 15px;
    margin-top: 30px; }

.general-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.78);
  z-index: 999;
  top: 0px;
  left: 0px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  overflow-y: auto; }
  .general-modal.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.flex-modal {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.search-modal .close-modal {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 33px;
  right: 33px;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  cursor: pointer; }
  .search-modal .close-modal:hover {
    cursor: pointer;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg); }
.search-modal .search-modal-inner {
  width: 606px;
  margin-left: auto;
  margin-right: auto; }
  .search-modal .search-modal-inner .search-input {
    width: 100%;
    position: relative; }
    .search-modal .search-modal-inner .search-input input[placeholder="Search"] {
      width: 100%;
      padding-top: 13px;
      padding-bottom: 13px;
      padding-right: 125px;
      border: none;
      border-bottom: 3px solid #7e8694;
      background: transparent;
      font-family: "Roboto","sans-serif";
      font-size: 20px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #7e8694;
      outline: none; }
    .search-modal .search-modal-inner .search-input .search-btn-slct {
      position: absolute;
      display: flex;
      flex-direction: row;
      top: 7px;
      right: 0px; }
      .search-modal .search-modal-inner .search-input .search-btn-slct .no-border-select-input .dd-container .dd-select .dd-selected label {
        font-family: "Roboto","sans-serif";
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #7e8694; }
      .search-modal .search-modal-inner .search-input .search-btn-slct .no-border-select-input .dd-container .dd-select .dd-selected {
        border-right: 1px solid rgba(126, 134, 148, 0.67);
        padding: 7px 30px 7px 7px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px; }
      .search-modal .search-modal-inner .search-input .search-btn-slct .no-border-select-input .dd-container .dd-options {
        max-width: 100%; }
      .search-modal .search-modal-inner .search-input .search-btn-slct .search-btn {
        margin-left: 12px;
        margin-top: 3px; }
        .search-modal .search-modal-inner .search-input .search-btn-slct .search-btn button {
          border: none;
          outline: none;
          background: transparent; }
          .search-modal .search-modal-inner .search-input .search-btn-slct .search-btn button img {
            width: 27px;
            height: 27px;
            transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s; }
  .search-modal .search-modal-inner .search-results {
    width: 100%;
    height: 0px;
    background: #292e33;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 30px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out; }
    .search-modal .search-modal-inner .search-results.active {
      height: 414px; }
    .search-modal .search-modal-inner .search-results .search-results-inner {
      width: 100%;
      height: 100%;
      padding: 30px; }
      .search-modal .search-modal-inner .search-results .search-results-inner ul {
        padding-left: 0px;
        margin-top: 0px;
        width: 100%;
        height: 100%;
        overflow-y: auto; }
        .search-modal .search-modal-inner .search-results .search-results-inner ul li {
          list-style-type: none;
          width: 100%;
          margin-top: 15px; }
          .search-modal .search-modal-inner .search-results .search-results-inner ul li.no-result {
            font-family: "Roboto","sans-serif";
            font-size: 16px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff; }
          .search-modal .search-modal-inner .search-results .search-results-inner ul li:first-child {
            margin-top: 0px; }
          .search-modal .search-modal-inner .search-results .search-results-inner ul li a {
            display: block;
            width: 100%;
            padding: 8px 5px;
            border-bottom: 1px solid #424a51;
            font-family: "Roboto","sans-serif";
            font-size: 16px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff;
            position: relative; }
            .search-modal .search-modal-inner .search-results .search-results-inner ul li a .text {
              position: relative;
              z-index: 9; }
              .search-modal .search-modal-inner .search-results .search-results-inner ul li a .text .text-inner {
                margin-top: 0px;
                font-family: "Roboto","sans-serif";
                font-size: 16px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                letter-spacing: normal;
                color: #ffffff; }
            .search-modal .search-modal-inner .search-results .search-results-inner ul li a .arrow {
              position: absolute;
              right: 5px;
              z-index: 9;
              top: 10px; }
            .search-modal .search-modal-inner .search-results .search-results-inner ul li a::before {
              content: "";
              position: absolute;
              top: 0px;
              left: 0px;
              width: 100%;
              height: 0%;
              background: #424a51;
              z-index: 0;
              transition: all 0.1s ease-in-out;
              -webkit-transition: all 0.1s ease-in-out;
              -moz-transition: all 0.1s ease-in-out;
              -o-transition: all 0.1s ease-in-out;
              -ms-transition: all 0.1s ease-in-out; }
            .search-modal .search-modal-inner .search-results .search-results-inner ul li a:hover::before {
              height: 100%; }
          .search-modal .search-modal-inner .search-results .search-results-inner ul li.result-with-img .text {
            display: flex;
            flex-direction: row; }
            .search-modal .search-modal-inner .search-results .search-results-inner ul li.result-with-img .text .search-result-img {
              width: 25px;
              height: 25px;
              text-align: center;
              border-radius: 50px;
              margin-right: 10px; }
              .search-modal .search-modal-inner .search-results .search-results-inner ul li.result-with-img .text .search-result-img img {
                height: 17px;
                margin-top: 4px;
                transition: all ease-in-out 0.2s;
                -webkit-transition: all ease-in-out 0.2s;
                -moz-transition: all ease-in-out 0.2s;
                -o-transition: all ease-in-out 0.2s;
                -ms-transition: all ease-in-out 0.2s; }
            .search-modal .search-modal-inner .search-results .search-results-inner ul li.result-with-img .text .text-inner {
              margin-top: 4px;
              font-weight: bold;
              font-size: 14px; }
          .search-modal .search-modal-inner .search-results .search-results-inner ul li.result-with-img .arrow {
            top: 14px; }

.input-table {
  padding: 40px 20px; }
  .input-table table {
    width: 100%; }
    .input-table table tr td:first-child {
      font-family: "Roboto","sans-serif";
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.3px;
      text-align: right;
      color: #85858a;
      width: 102px;
      padding-bottom: 10px; }
    .input-table table tr td:last-child {
      width: -webkit-calc(100% - 130px);
      width: -moz-calc(100% - 130px);
      width: -ms-calc(100% - 130px);
      width: -o-calc(100% - 130px);
      width: calc(100% - 130px);
      padding-left: 20px;
      padding-bottom: 10px; }

.form-buttons {
  width: 100%;
  padding: 20px;
  border-top: 1px solid #e6e6e6; }
  .form-buttons .form-flex {
    float: right; }
    .form-buttons .form-flex .form-flex-inner {
      width: 90px; }

.change-password-modal .white-modal-inner {
  width: 500px; }

.white-modal-inner {
  background: #191d21;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.modal-blue-header {
  width: 100%;
  padding: 18px 28px;
  background: #16191c;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-family: "Roboto","sans-serif";
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  position: relative; }
  .modal-blue-header .close-modal {
    position: absolute;
    top: 17px;
    right: 25px;
    width: 15px;
    height: 15px;
    cursor: pointer; }
    .modal-blue-header .close-modal img {
      width: 100%;
      height: 100%;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }

.modal-gray-footer {
  background: #16191c;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

.latest-news .news-list {
  max-height: 415px;
  overflow-y: auto; }
  .latest-news .news-list ul {
    padding-left: 0px;
    margin-bottom: 0px; }
    .latest-news .news-list ul li {
      list-style-type: none;
      border-bottom: 1px solid #33393f;
      padding-bottom: 5px;
      padding-top: 10px; }
      .latest-news .news-list ul li .ln-date {
        font-family: "Roboto", "sans-serif";
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: rgba(255, 255, 255, 0.48); }
        .latest-news .news-list ul li .ln-date span {
          color: white; }
      .latest-news .news-list ul li .ln-text {
        font-family: "Roboto", "sans-serif";
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        margin-top: 5px; }
      .latest-news .news-list ul li .ln-link {
        text-align: right;
        margin-top: 3px; }

.chart-area {
  width: 100%;
  height: 370px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  background: #292e33;
  margin-top: 15px; }

.summary {
  margin-top: 10px;
  height: 370px;
  overflow-y: auto; }
  .summary .summary-text {
    font-family: "Roboto","sans-serif";
    font-size: 13px;
    text-align: justify;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #f1f1f1;
    margin-top: 10px; }
  .summary .gray-border-btn {
    width: 85px;
    float: right;
    margin-top: 10px; }

.basic-lists {
  margin-top: 20px; }
  .basic-lists .basic-lists-inner ul {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 15px; }
    .basic-lists .basic-lists-inner ul li {
      list-style-type: none; }
      .basic-lists .basic-lists-inner ul li a {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 7px;
        border-bottom: 1px solid #33393f;
        padding-top: 10px;
        margin-top: 5px; }
        .basic-lists .basic-lists-inner ul li a:hover {
          background: #33393f; }
        .basic-lists .basic-lists-inner ul li a .bli-icon {
          font-family: "Roboto","sans-serif";
          font-size: 14px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff; }
          .basic-lists .basic-lists-inner ul li a .bli-icon .icon-img {
            width: 20px;
            height: 20px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            -ms-border-radius: 40px;
            -o-border-radius: 40px;
            border-radius: 40px;
            display: inline-block;
            margin-right: 10px;
            line-height: 18px;
            text-align: center; }
            .basic-lists .basic-lists-inner ul li a .bli-icon .icon-img img {
              width: 10px;
              transition: all ease-in-out 0.2s;
              -webkit-transition: all ease-in-out 0.2s;
              -moz-transition: all ease-in-out 0.2s;
              -o-transition: all ease-in-out 0.2s;
              -ms-transition: all ease-in-out 0.2s; }
        .basic-lists .basic-lists-inner ul li a .bli-number {
          font-family: "Roboto";
          font-size: 14px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: right;
          color: #ffffff; }
      .basic-lists .basic-lists-inner ul li .bli-inner {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 7px;
        padding-top: 10px;
        margin-top: 5px; }
        .basic-lists .basic-lists-inner ul li .bli-inner:hover {
          background: #33393f; }
        .basic-lists .basic-lists-inner ul li .bli-inner .bli-icon {
          font-family: "Roboto","sans-serif";
          font-size: 14px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff; }
          .basic-lists .basic-lists-inner ul li .bli-inner .bli-icon .icon-img {
            width: 20px;
            height: 20px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            -ms-border-radius: 40px;
            -o-border-radius: 40px;
            border-radius: 40px;
            display: inline-block;
            margin-right: 10px;
            line-height: 18px;
            text-align: center; }
            .basic-lists .basic-lists-inner ul li .bli-inner .bli-icon .icon-img img {
              width: 10px;
              transition: all ease-in-out 0.2s;
              -webkit-transition: all ease-in-out 0.2s;
              -moz-transition: all ease-in-out 0.2s;
              -o-transition: all ease-in-out 0.2s;
              -ms-transition: all ease-in-out 0.2s; }
        .basic-lists .basic-lists-inner ul li .bli-inner .bli-number {
          font-family: "Roboto";
          font-size: 14px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: right;
          color: #ffffff; }

.input-title {
  font-family: "Roboto","sans-serif";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.16px;
  color: #7e8694;
  margin-bottom: 7px; }

.gray-datepicker .dp-label {
  font-family: "Roboto","sans-serif";
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.41px;
  text-align: center;
  color: #ffffff;
  margin-right: 5px;
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px); }
.gray-datepicker .dp-inputs {
  position: relative;
  width: 100px;
  display: inline-block; }
  .gray-datepicker .dp-inputs input {
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 2.5px 10px;
    color: #ffffff;
    font-family: "Roboto","sans-serif";
    font-size: 13px;
    font-weight: normal;
    font-style: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px; }
  .gray-datepicker .dp-inputs .hidden-input {
    opacity: 0;
    z-index: 9; }

.ui-datepicker {
  padding: 0px;
  margin-top: 5px;
  background: #33373a; }

.ui-widget.ui-widget-content {
  border: none;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

.ui-datepicker .ui-datepicker-header {
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  -ms-border-radius: 4px 4px 0px 0px;
  -o-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  background: #2a2b31;
  border: none; }

.ui-datepicker-month {
  color: #ffffff; }

.ui-datepicker-year {
  color: #ffffff; }

.ui-datepicker-calendar thead {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .ui-datepicker-calendar thead tr th span {
    color: #ffffff; }
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default {
  border: none;
  background: transparent;
  color: #ffffff;
  text-align: center;
  padding: 5px; }
.ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-widget-content .ui-state-highlight {
  background: #2a2b31; }
.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-widget-content .ui-state-active {
  background: #29b5cf; }

.filter-bars {
  padding: 15px 25px;
  background: #292e33;
  width: 100%; }
  .filter-bars .filter-bar-inner {
    display: flex;
    flex-direction: row;
    margin-left: -10px;
    margin-right: -10px;
    width: 100%; }
    .filter-bars .filter-bar-inner .filter-bar {
      padding-left: 10px;
      padding-right: 10px; }
      .filter-bars .filter-bar-inner .filter-bar .filter-bar-input {
        width: 200px; }
      .filter-bars .filter-bar-inner .filter-bar .blue-border-btn {
        width: 120px;
        margin-top: 15px; }
      .filter-bars .filter-bar-inner .filter-bar .green-border-btn {
        width: 120px;
        margin-top: 15px;
        margin-right: 15px; }

.top-menu {
  width: 100%;
  position: fixed;
  padding: 15px 0px 15px 81px;
  top: 0px;
  left: 0px;
  z-index: 999;
  background: #1f2327; }
  .top-menu .tm-inner {
    width: 100%;
    padding-left: 30px; }
    .top-menu .tm-inner .logo {
      float: left;
      margin-top: 18px; }
      .top-menu .tm-inner .logo img {
        height: 20px;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
    .top-menu .tm-inner .tm-inner-right-area {
      float: right;
      display: flex;
      flex-direction: row; }
      .top-menu .tm-inner .tm-inner-right-area .search {
        padding: 15px 20px;
        border-right: 1px solid rgba(160, 160, 160, 0.15); }
        .top-menu .tm-inner .tm-inner-right-area .search a:hover img {
          opacity: 1;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }
        .top-menu .tm-inner .tm-inner-right-area .search a img {
          height: 23px;
          opacity: 0.5;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }
      .top-menu .tm-inner .tm-inner-right-area .notifications {
        padding: 15px 20px;
        border-right: 1px solid rgba(160, 160, 160, 0.15);
        position: relative; }
        .top-menu .tm-inner .tm-inner-right-area .notifications > a {
          height: 23px;
          display: block; }
          .top-menu .tm-inner .tm-inner-right-area .notifications > a.active {
            position: relative; }
            .top-menu .tm-inner .tm-inner-right-area .notifications > a.active::before {
              content: attr(data-number);
              width: 15px;
              height: 15px;
              background: #ff8700;
              position: absolute;
              top: -3px;
              right: -5px;
              -webkit-border-radius: 18px;
              -moz-border-radius: 18px;
              -ms-border-radius: 18px;
              -o-border-radius: 18px;
              border-radius: 18px;
              color: #ffffff;
              font-size: 10px;
              text-align: center;
              line-height: 15px;
              z-index: 9; }
          .top-menu .tm-inner .tm-inner-right-area .notifications > a img {
            opacity: 0.5;
            transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s; }
          .top-menu .tm-inner .tm-inner-right-area .notifications > a:hover img {
            opacity: 1;
            transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s; }
        .top-menu .tm-inner .tm-inner-right-area .notifications:hover .notf-menu-dropdown {
          display: block; }
        .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown {
          position: absolute;
          background: #323539;
          width: 300px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          top: 55px;
          right: 0px;
          -webkit-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          -moz-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          -ms-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          -o-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          display: none;
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
          overflow: hidden; }
          .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown .nmd-header {
            font-family: "Roboto","sans-serif";
            color: #ffffff;
            font-weight: 700;
            font-size: 16px;
            padding: 10px 20px;
            border-bottom: 1px solid #404850;
            background: #292e33; }
            .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown .nmd-header a {
              color: #16adcf;
              font-weight: 400;
              font-size: 14px;
              font-style: italic;
              margin-top: 2px; }
              .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown .nmd-header a:hover {
                text-decoration: underline !important; }
          .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown ul {
            padding-left: 0px;
            margin-bottom: 0px;
            overflow-y: auto; }
            .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown ul.active-scroll {
              height: 300px; }
            .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown ul li {
              list-style-type: none; }
              .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown ul li a {
                display: block;
                border-bottom: 1px solid #404850;
                font-family: "Roboto","sans-serif";
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                letter-spacing: 0.26px;
                color: #ffffff;
                padding: 10px 20px 30px 20px;
                position: relative; }
                .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown ul li a .notf-inner {
                  display: flex;
                  flex-direction: row;
                  align-items: center;
                  /*justify-content: center;*/ }
                  .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown ul li a .notf-inner .notf-icon {
                    width: 40px;
                    height: 40px;
                    background: red;
                    -webkit-border-radius: 60px;
                    -moz-border-radius: 60px;
                    -ms-border-radius: 60px;
                    -o-border-radius: 60px;
                    border-radius: 60px; }
                  .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown ul li a .notf-inner .notf-text {
                    font-family: "Roboto","sans-serif";
                    font-size: 12px;
                    font-weight: 300;
                    width: -webkit-calc(100% - 50px);
                    width: -moz-calc(100% - 50px);
                    width: -ms-calc(100% - 50px);
                    width: -o-calc(100% - 50px);
                    width: calc(100% - 50px);
                    margin-left: 0px; }
                .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown ul li a .notf-date {
                  position: absolute;
                  font-family: "Roboto","sans-serif";
                  font-size: 12px;
                  font-weight: 300;
                  font-style: italic;
                  right: 20px;
                  bottom: 10px;
                  opacity: 0.5; }
                .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown ul li a:hover {
                  background: #404850; }
              .top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown ul li:last-child a {
                border-bottom: 0px solid #ffffff; }
        .top-menu .tm-inner .tm-inner-right-area .notifications img {
          height: 23px;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }
      .top-menu .tm-inner .tm-inner-right-area .watch-lists {
        padding: 15px 20px;
        border-right: 1px solid rgba(160, 160, 160, 0.15); }
        .top-menu .tm-inner .tm-inner-right-area .watch-lists a {
          height: 23px;
          display: block; }
          .top-menu .tm-inner .tm-inner-right-area .watch-lists a.active {
            position: relative; }
            .top-menu .tm-inner .tm-inner-right-area .watch-lists a.active::before {
              content: attr(data-number);
              width: 15px;
              height: 15px;
              background: #16adcf;
              position: absolute;
              top: -3px;
              right: -5px;
              -webkit-border-radius: 18px;
              -moz-border-radius: 18px;
              -ms-border-radius: 18px;
              -o-border-radius: 18px;
              border-radius: 18px;
              color: #ffffff;
              font-size: 14px;
              font-weight: 900;
              text-align: center;
              line-height: 15px;
              display: block; }
          .top-menu .tm-inner .tm-inner-right-area .watch-lists a img path {
            fill: #ffffff; }
        .top-menu .tm-inner .tm-inner-right-area .watch-lists img {
          height: 23px;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }
      .top-menu .tm-inner .tm-inner-right-area .user-menu {
        padding: 7.5px 20px;
        width: 200px;
        position: relative; }
        .top-menu .tm-inner .tm-inner-right-area .user-menu a {
          display: flex;
          flex-direction: row; }
          .top-menu .tm-inner .tm-inner-right-area .user-menu a .user-menu-img {
            width: 38px;
            height: 38px;
            overflow: hidden;
            -webkit-border-radius: 76px;
            -moz-border-radius: 76px;
            -ms-border-radius: 76px;
            -o-border-radius: 76px;
            border-radius: 76px; }
            .top-menu .tm-inner .tm-inner-right-area .user-menu a .user-menu-img img {
              width: 100%; }
          .top-menu .tm-inner .tm-inner-right-area .user-menu a .user-name {
            font-family: "Roboto",sans-serif;
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #b0b4c3;
            margin-left: 6px;
            margin-top: 10px; }
            .top-menu .tm-inner .tm-inner-right-area .user-menu a .user-name img {
              margin-left: 5px;
              transition: all ease-in-out 0.2s;
              -webkit-transition: all ease-in-out 0.2s;
              -moz-transition: all ease-in-out 0.2s;
              -o-transition: all ease-in-out 0.2s;
              -ms-transition: all ease-in-out 0.2s; }
        .top-menu .tm-inner .tm-inner-right-area .user-menu:hover .user-menu-dropdown {
          display: block; }
        .top-menu .tm-inner .tm-inner-right-area .user-menu .user-menu-dropdown {
          position: absolute;
          background: #323539;
          padding: 10px 20px 15px 20px;
          width: 165px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          top: 55px;
          left: 0px;
          -webkit-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          -moz-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          -ms-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          -o-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          display: none; }
          .top-menu .tm-inner .tm-inner-right-area .user-menu .user-menu-dropdown ul {
            padding-left: 0px;
            margin-bottom: 0px; }
            .top-menu .tm-inner .tm-inner-right-area .user-menu .user-menu-dropdown ul li {
              list-style-type: none; }
              .top-menu .tm-inner .tm-inner-right-area .user-menu .user-menu-dropdown ul li a {
                display: block;
                border-bottom: 1px solid #404850;
                padding: 7px 0px;
                font-family: "Roboto","sans-serif";
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                letter-spacing: 0.26px;
                color: #ffffff; }
                .top-menu .tm-inner .tm-inner-right-area .user-menu .user-menu-dropdown ul li a:hover {
                  color: #29b5cf; }
                .top-menu .tm-inner .tm-inner-right-area .user-menu .user-menu-dropdown ul li a img {
                  margin-right: 5px; }
              .top-menu .tm-inner .tm-inner-right-area .user-menu .user-menu-dropdown ul li:last-child a {
                border-bottom: 0px solid #ffffff; }

.watch-list-table {
  margin-top: 0; }
  .watch-list-table .wlt-inner .gray-border-checkbox {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); }
  .watch-list-table .wlt-inner th:nth-child(2) {
    text-align: left; }
  .watch-list-table .wlt-inner td:nth-child(2) {
    font-weight: bold;
    text-align: left; }
    .watch-list-table .wlt-inner td:nth-child(2) .icon-img {
      width: 20px;
      height: 20px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      -ms-border-radius: 40px;
      -o-border-radius: 40px;
      border-radius: 40px;
      display: inline-block;
      margin-right: 10px;
      line-height: 18px;
      text-align: center; }
      .watch-list-table .wlt-inner td:nth-child(2) .icon-img img {
        width: 10px;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
  .watch-list-table .wlt-inner td.table-green-text {
    font-weight: bold; }
    .watch-list-table .wlt-inner td.table-green-text img {
      width: 14px;
      height: 16px;
      margin-left: 5px;
      margin-top: 2px;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
  .watch-list-table .wlt-inner td.table-red-text {
    font-weight: bold; }
    .watch-list-table .wlt-inner td.table-red-text img {
      width: 14px;
      height: 16px;
      margin-left: 5px;
      margin-top: 2px;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }

.left-menu {
  width: 81px;
  position: fixed;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #16191c;
  z-index: 999; }
  .left-menu .lm-inner {
    height: 100%; }
    .left-menu .lm-inner .logo {
      width: 100%;
      position: absolute;
      left: 0px;
      top: 26px; }
      .left-menu .lm-inner .logo img {
        width: 52px;
        margin-left: auto;
        margin-right: auto;
        display: table;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
    .left-menu .lm-inner .lm-menu-items {
      width: 100%;
      height: 100%;
      display: table; }
      .left-menu .lm-inner .lm-menu-items ul {
        display: table-cell;
        vertical-align: middle;
        padding-left: 0px;
        margin-top: 0px; }
        .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a {
          display: block;
          padding-left: 31px;
          padding-right: 30px;
          padding-top: 25px;
          padding-bottom: 3px;
          position: relative; }
          .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a .menu-icon {
            padding-bottom: 22px;
            border-bottom: 1px solid #2c3135;
            position: relative;
            z-index: 99; }
            .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a .menu-icon img {
              width: 20px;
              width: 24px;
              height: 24px;
              opacity: 0.5;
              transition: all ease-in-out 0.2s;
              -webkit-transition: all ease-in-out 0.2s;
              -moz-transition: all ease-in-out 0.2s;
              -o-transition: all ease-in-out 0.2s;
              -ms-transition: all ease-in-out 0.2s; }
              .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a .menu-icon img path {
                fill: #7f8084;
                transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out; }
          .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a::after {
            content: attr(data-hover);
            position: absolute;
            left: 0%;
            bottom: 15px;
            text-align: center;
            font-size: 10px;
            color: #ffffff;
            font-weight: 600;
            opacity: 0;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            padding: 5px 10px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            text-align: center;
            width: 100%; }
          .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a:hover::after {
            opacity: 1;
            bottom: 5px; }
          .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a:hover .menu-icon img {
            opacity: 1;
            transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s; }
            .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a:hover .menu-icon img path {
              fill: #ffffff; }
        .left-menu .lm-inner .lm-menu-items ul .lm-menu-item.active a {
          padding-left: 28.5px;
          padding-right: 28.5px; }
          .left-menu .lm-inner .lm-menu-items ul .lm-menu-item.active a .menu-icon {
            border-bottom: 1px solid #ffffff; }
            .left-menu .lm-inner .lm-menu-items ul .lm-menu-item.active a .menu-icon img {
              width: 24px;
              height: 24px;
              opacity: 1;
              transition: all ease-in-out 0.2s;
              -webkit-transition: all ease-in-out 0.2s;
              -moz-transition: all ease-in-out 0.2s;
              -o-transition: all ease-in-out 0.2s;
              -ms-transition: all ease-in-out 0.2s; }
              .left-menu .lm-inner .lm-menu-items ul .lm-menu-item.active a .menu-icon img path {
                fill: #ffffff; }
          .left-menu .lm-inner .lm-menu-items ul .lm-menu-item.active a::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            background-image: linear-gradient(to bottom, #15b0d3, #175ca8);
            box-shadow: 0 5px 15px 0 rgba(7, 8, 8, 0.5);
            -webkit-border-radius: 0px 5px 5px 0px;
            -moz-border-radius: 0px 5px 5px 0px;
            -ms-border-radius: 0px 5px 5px 0px;
            -o-border-radius: 0px 5px 5px 0px;
            border-radius: 0px 5px 5px 0px; }
    .left-menu .lm-inner .messages {
      position: absolute;
      bottom: 45px;
      left: 23.5px; }
      .left-menu .lm-inner .messages .messages-inner {
        position: relative; }
        .left-menu .lm-inner .messages .messages-inner .messages-link {
          padding: 7px;
          display: block;
          background: #4c4d55;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
          border-radius: 2px;
          position: relative; }
        .left-menu .lm-inner .messages .messages-inner.active .messages-link::before {
          content: attr(data-notf-number);
          position: absolute;
          width: 15px;
          height: 15px;
          background: #16adcf;
          font-family: "Roboto","sans-serif";
          font-size: 11px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 15px;
          letter-spacing: 0.14px;
          text-align: center;
          color: #ffffff;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          -ms-border-radius: 30px;
          -o-border-radius: 30px;
          border-radius: 30px;
          top: -7.5px;
          right: -7.5px; }
        .left-menu .lm-inner .messages .messages-inner.active .messages-link img {
          width: 20px;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }
        .left-menu .lm-inner .messages .messages-inner:hover .messages-menu-dropdown {
          display: block; }
        .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown {
          position: absolute;
          width: 300px;
          bottom: 0px;
          left: 100%;
          padding-left: 10px;
          -webkit-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          -moz-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          -ms-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          -o-animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          animation: fade-in-menu 0.3s 0s ease-in-out forwards;
          display: none; }
          .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner {
            background: #323539;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
            overflow: hidden; }
            .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner .mmd-header {
              font-family: "Roboto","sans-serif";
              color: #ffffff;
              font-weight: 700;
              font-size: 16px;
              padding: 10px 20px;
              border-bottom: 1px solid #404850;
              background: #292e33; }
              .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner .mmd-header a {
                color: #16adcf;
                font-weight: 400;
                font-size: 14px;
                font-style: italic;
                margin-top: 2px; }
                .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner .mmd-header a:hover {
                  text-decoration: underline !important; }
            .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner ul {
              padding-left: 0px;
              margin-bottom: 0px;
              overflow-y: auto; }
              .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner ul.active-scroll {
                height: 240px; }
              .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner ul li {
                list-style-type: none; }
                .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner ul li a {
                  display: block;
                  border-bottom: 1px solid #404850;
                  font-family: "Roboto","sans-serif";
                  font-size: 14px;
                  font-weight: normal;
                  font-style: normal;
                  font-stretch: normal;
                  letter-spacing: 0.26px;
                  color: #ffffff;
                  padding: 10px 20px 30px 20px;
                  position: relative; }
                  .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner ul li a .notf-inner {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    /*justify-content: center;*/ }
                    .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner ul li a .notf-inner .notf-icon {
                      width: 40px;
                      height: 40px;
                      background: red;
                      -webkit-border-radius: 60px;
                      -moz-border-radius: 60px;
                      -ms-border-radius: 60px;
                      -o-border-radius: 60px;
                      border-radius: 60px; }
                    .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner ul li a .notf-inner .notf-text {
                      font-family: "Roboto","sans-serif";
                      font-size: 12px;
                      font-weight: 300;
                      width: -webkit-calc(100% - 50px);
                      width: -moz-calc(100% - 50px);
                      width: -ms-calc(100% - 50px);
                      width: -o-calc(100% - 50px);
                      width: calc(100% - 50px);
                      margin-left: 0px; }
                  .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner ul li a .notf-date {
                    position: absolute;
                    font-family: "Roboto","sans-serif";
                    font-size: 12px;
                    font-weight: 300;
                    font-style: italic;
                    right: 20px;
                    bottom: 10px;
                    opacity: 0.5; }
                  .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner ul li a:hover {
                    background: #404850; }
                .left-menu .lm-inner .messages .messages-inner .messages-menu-dropdown .mmd-inner ul li:last-child a {
                  border-bottom: 0px solid #ffffff; }

.footer-area {
  width: 100%;
  padding: 30px 200px 30px 120px;
  background: #191d21;
  margin-top: 40px; }
  .footer-area .footer-flex {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #2d3339; }
    .footer-area .footer-flex .footer-inner {
      width: 100%; }
      .footer-area .footer-flex .footer-inner .footer-logo {
        width: 224px; }
        .footer-area .footer-flex .footer-inner .footer-logo img {
          width: 100%;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }
      .footer-area .footer-flex .footer-inner .footer-txt {
        width: 224px;
        margin-top: 7px;
        margin-bottom: 10px; }
        .footer-area .footer-flex .footer-inner .footer-txt .footer-bold-text {
          font-family: "Roboto","sans-serif";
          font-size: 12px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.42;
          letter-spacing: 0px;
          color: #ffffff;
          margin-bottom: 5px; }
        .footer-area .footer-flex .footer-inner .footer-txt .footer-normal-text {
          font-family: "Roboto","sans-serif";
          font-size: 12px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.42;
          letter-spacing: 0px;
          color: #acaaad; }
      .footer-area .footer-flex .footer-inner .footer-txt-lg {
        width: 270px;
        margin-top: 7px;
        margin-bottom: 10px; }
        .footer-area .footer-flex .footer-inner .footer-txt-lg .footer-bold-text {
          font-family: "Roboto","sans-serif";
          font-size: 12px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.42;
          letter-spacing: 0px;
          color: #ffffff;
          margin-bottom: 5px; }
        .footer-area .footer-flex .footer-inner .footer-txt-lg .footer-normal-text {
          font-family: "Roboto","sans-serif";
          font-size: 12px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.42;
          letter-spacing: 0px;
          color: #acaaad; }
      .footer-area .footer-flex .footer-inner .footer-blue-head {
        font-family: "Roboto","sans-serif";
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #16adcf; }
      .footer-area .footer-flex .footer-inner .footer-social {
        margin-top: 13px;
        margin-bottom: 13px; }
        .footer-area .footer-flex .footer-inner .footer-social ul {
          padding-left: 0px;
          margin-bottom: 0px;
          display: flex;
          flex-direction: row;
          margin: 0px -7.5px; }
          .footer-area .footer-flex .footer-inner .footer-social ul li {
            list-style-type: none;
            padding: 0px 7.5px; }
            .footer-area .footer-flex .footer-inner .footer-social ul li a {
              display: block;
              width: 40px;
              height: 40px;
              background: #4c4d55;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              -ms-border-radius: 4px;
              -o-border-radius: 4px;
              border-radius: 4px;
              text-align: center; }
              .footer-area .footer-flex .footer-inner .footer-social ul li a img {
                height: 15px;
                margin-top: 12.5px;
                opacity: 0.5;
                transition: all ease-in-out 0.2s;
                -webkit-transition: all ease-in-out 0.2s;
                -moz-transition: all ease-in-out 0.2s;
                -o-transition: all ease-in-out 0.2s;
                -ms-transition: all ease-in-out 0.2s; }
                .footer-area .footer-flex .footer-inner .footer-social ul li a img path {
                  fill: #a7a4a8; }
              .footer-area .footer-flex .footer-inner .footer-social ul li a:hover {
                background: #6e6f77; }
                .footer-area .footer-flex .footer-inner .footer-social ul li a:hover img {
                  opacity: 1;
                  transition: all ease-in-out 0.2s;
                  -webkit-transition: all ease-in-out 0.2s;
                  -moz-transition: all ease-in-out 0.2s;
                  -o-transition: all ease-in-out 0.2s;
                  -ms-transition: all ease-in-out 0.2s; }
                  .footer-area .footer-flex .footer-inner .footer-social ul li a:hover img path {
                    fill: #ffffff; }
      .footer-area .footer-flex .footer-inner .footer-list {
        margin-top: 15px;
        float: left; }
        .footer-area .footer-flex .footer-inner .footer-list ul {
          padding-left: 0px; }
          .footer-area .footer-flex .footer-inner .footer-list ul li {
            list-style-type: none; }
            .footer-area .footer-flex .footer-inner .footer-list ul li a {
              font-family: "Roboto","sans-serif";
              font-size: 14px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: 2.43;
              letter-spacing: normal;
              color: #acaaad;
              position: relative;
              padding-left: 0px;
              transition: all 0.2s ease-in-out;
              -webkit-transition: all 0.2s ease-in-out;
              -moz-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              -ms-transition: all 0.2s ease-in-out; }
              .footer-area .footer-flex .footer-inner .footer-list ul li a:hover {
                color: #ffffff; }
      .footer-area .footer-flex .footer-inner .footer-input {
        margin-top: 25px;
        width: 270px; }
        .footer-area .footer-flex .footer-inner .footer-input .dark-gray-input input {
          padding-right: 40px; }
        .footer-area .footer-flex .footer-inner .footer-input .dark-gray-input .submit-btn {
          position: absolute;
          top: 0px;
          right: 0px;
          height: 100%; }
          .footer-area .footer-flex .footer-inner .footer-input .dark-gray-input .submit-btn button {
            height: 100%;
            background: transparent;
            border: none;
            outline: none;
            width: 40px; }
  .footer-area .copyright {
    font-family: "Roboto","sans-serif";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #acaaad;
    width: 100%;
    text-align: center;
    padding-top: 30px; }

.rotate {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out; }
  .rotate.rotate-active {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg); }

.coin-table {
  padding-bottom: 36px; }
  .coin-table .tab-menu {
    margin-bottom: 10px; }
  .coin-table .table-body {
    margin-top: 15px; }
  .coin-table .coins th:first-child {
    text-align: left; }
  .coin-table .coins td:first-child {
    font-weight: bold;
    text-align: left; }
    .coin-table .coins td:first-child .icon-img {
      width: 20px;
      height: 20px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      -ms-border-radius: 40px;
      -o-border-radius: 40px;
      border-radius: 40px;
      display: inline-block;
      margin-right: 10px;
      line-height: 18px;
      text-align: center; }
      .coin-table .coins td:first-child .icon-img img {
        width: 10px;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
  .coin-table .coins td.table-green-text {
    font-weight: bold; }
    .coin-table .coins td.table-green-text img {
      width: 14px;
      height: 16px;
      margin-left: 5px;
      margin-top: 2px;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
  .coin-table .coins td.table-red-text {
    font-weight: bold; }
    .coin-table .coins td.table-red-text img {
      width: 14px;
      height: 16px;
      margin-left: 5px;
      margin-top: 2px;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
  .coin-table .coins-container {
    margin-top: 20px; }
  .coin-table .filter-bars {
    margin-top: 20px; }

.leavers-joiners th:nth-child(2) {
  text-align: left; }
.leavers-joiners td:nth-child(2) {
  font-weight: bold;
  text-align: left; }
  .leavers-joiners td:nth-child(2) .icon-img {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    display: inline-block;
    margin-right: 10px;
    line-height: 18px;
    text-align: center; }
    .leavers-joiners td:nth-child(2) .icon-img img {
      width: 10px;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
.leavers-joiners td.table-green-text {
  font-weight: bold; }
  .leavers-joiners td.table-green-text img {
    width: 14px;
    height: 16px;
    margin-left: 5px;
    margin-top: 2px;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s; }
.leavers-joiners td.table-red-text {
  font-weight: bold; }
  .leavers-joiners td.table-red-text img {
    width: 14px;
    height: 16px;
    margin-left: 5px;
    margin-top: 2px;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s; }

.login {
  width: 100%;
  height: 100%;
  background: url("../img/bg.img") #1f2327;
  background-repeat: no-repeat;
  background-size: cover; }
  .login .container {
    height: 100%; }
  .login .login-inner {
    margin-top: 104px; }
    .login .login-inner .login-logo {
      width: 100%; }
      .login .login-inner .login-logo img {
        width: 100%;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
    .login .login-inner .login-form {
      width: 100%; }
      .login .login-inner .login-form .form-header {
        font-family: "Roboto","sans-serif";
        font-size: 40px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #ffffff;
        margin-top: 28px; }
      .login .login-inner .login-form .form-inner {
        width: 100%;
        margin-top: 20px; }
        .login .login-inner .login-form .form-inner .form-input {
          padding-top: 20px;
          width: 100%; }
        .login .login-inner .login-form .form-inner .form-btn .blue-gradient-btn {
          width: 100%; }
        .login .login-inner .login-form .form-inner .form-btn .gray-btn {
          width: 100%; }
        .login .login-inner .login-form .form-inner .form-bottom-link {
          text-align: right;
          margin-top: 10px;
          margin-bottom: 10px; }
        .login .login-inner .login-form .form-inner .or-text-with-line {
          margin-top: 25px;
          margin-bottom: 25px; }
        .login .login-inner .login-form .form-inner .form-policies {
          margin-top: 20px;
          margin-bottom: 20px; }

.captcha {
  float: left;
  margin-top: 22px; }
  .captcha img {
    max-width: 250px;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s; }

.profile .profile-head {
  width: 100%; }
  .profile .profile-head .profile-info {
    display: flex;
    flex-direction: row;
    align-items: flex-start; }
    .profile .profile-head .profile-info .user-img {
      width: 85px;
      height: 85px;
      background: #2a2b31;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      overflow: hidden;
      position: relative; }
      .profile .profile-head .profile-info .user-img img {
        width: 100%;
        height: 100%;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
    .profile .profile-head .profile-info .user-name {
      font-family: "Roboto","sans-serif";
      font-size: 16px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.3px;
      color: #ffffff;
      margin-left: 20px;
      margin-top: 20px; }
.profile .profile-info-detail {
  margin-top: 30px;
  display: flex;
  flex-direction: row; }
  .profile .profile-info-detail .profile-settings {
    background: #292e33;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    max-width: 600px;
    padding: 20px;
    margin-right: 45px; }
    .profile .profile-info-detail .profile-settings .password-flex {
      display: flex;
      flex-direction: row; }
      .profile .profile-info-detail .profile-settings .password-flex .change-password {
        margin-left: 10px;
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px); }
        .profile .profile-info-detail .profile-settings .password-flex .change-password a {
          white-space: nowrap;
          font-family: "Roboto","sans-serif";
          font-weight: 800;
          color: #7f8084; }
          .profile .profile-info-detail .profile-settings .password-flex .change-password a:hover {
            color: #ffffff; }
    .profile .profile-info-detail .profile-settings .ps-head {
      font-family: "Roboto","sans-serif";
      font-size: 20px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      color: #ffffff; }
    .profile .profile-info-detail .profile-settings .ps-input-area .border-bottom-input {
      margin-top: 15px; }
    .profile .profile-info-detail .profile-settings .ps-upload-file {
      margin-top: 30px; }
    .profile .profile-info-detail .profile-settings .change-password {
      margin-top: 40px; }
      .profile .profile-info-detail .profile-settings .change-password .password-text {
        float: left;
        font-family: "Roboto","sans-serif";
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        color: #ffffff;
        padding-top: 7px; }
      .profile .profile-info-detail .profile-settings .change-password .cp-button {
        float: left;
        width: 155px; }
    .profile .profile-info-detail .profile-settings .white-btn {
      float: right;
      margin-top: 25px;
      margin-bottom: 15px;
      width: 90px; }
  .profile .profile-info-detail .notification-settings {
    background: #292e33;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    max-width: 525px;
    padding: 20px;
    margin-right: 45px;
    position: relative;
    /*.notf-lists{
    	ul{padding-left:0px; margin-top:0px; height:250px; overflow-y:auto; margin-top:17px;
    		li{margin-top:12px; padding: 15px 0px; border-bottom:1px solid #33393f; position:relative;
    			&:first-child{margin-top:0px;}
    			.notf-text{font-family: "Roboto","sans-serif";font-size: 14px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: 0.26px;color: #ffffff;}
    			.blue-checkbox{position:absolute; right:0px; top:10px;}
    		}
    	}
    }*/ }
    .profile .profile-info-detail .notification-settings .ns-input-area .border-bottom-input {
      margin-top: 15px;
      padding-left: 50px;
      position: relative; }
    .profile .profile-info-detail .notification-settings .ns-input-area .ns-img-area {
      position: absolute;
      top: 10px;
      left: 0px;
      width: 40px;
      height: 40px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px;
      background: #4c4d55;
      text-align: center; }
      .profile .profile-info-detail .notification-settings .ns-input-area .ns-img-area img {
        height: 15px;
        margin-top: 12px;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
        .profile .profile-info-detail .notification-settings .ns-input-area .ns-img-area img path {
          fill: #a7a4a8; }
    .profile .profile-info-detail .notification-settings .white-btn {
      position: absolute;
      bottom: 35px;
      width: 90px;
      right: 20px; }

.chart-filter-inputs {
  display: flex;
  flex-direction: row;
  width: 700px;
  float: right; }

.crop-img {
  display: table; }
  .crop-img .modal-white-body {
    padding: 20px; }
  .crop-img .white-btn {
    width: 100px;
    float: right;
    margin-top: 20px; }

.people-infos {
  height: 100%; }
  .people-infos .people-detail-all {
    height: -webkit-calc(100% - 230px);
    height: -moz-calc(100% - 230px);
    height: -ms-calc(100% - 230px);
    height: -o-calc(100% - 230px);
    height: calc(100% - 230px);
    width: 100%;
    margin-top: 30px; }
    .people-infos .people-detail-all .people-lists {
      overflow-y: auto;
      height: 100%;
      width: 500px;
      overflow-x: hidden;
      float: left; }
      .people-infos .people-detail-all .people-lists .people-list {
        display: flex;
        flex-direction: row;
        width: 482px;
        justify-content: space-around;
        margin-top: 18px; }
        .people-infos .people-detail-all .people-lists .people-list:first-child {
          margin-top: 0px; }
        .people-infos .people-detail-all .people-lists .people-list .people-list-inner {
          width: 150px;
          height: 150px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
          position: relative; }
          .people-infos .people-detail-all .people-lists .people-list .people-list-inner:hover .pl-text {
            bottom: 15px; }
          .people-infos .people-detail-all .people-lists .people-list .people-list-inner:hover::before {
            opacity: 0.8; }
          .people-infos .people-detail-all .people-lists .people-list .people-list-inner::before {
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
            opacity: 0.63;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            transition: all 0.1s ease-in-out;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out; }
          .people-infos .people-detail-all .people-lists .people-list .people-list-inner a {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px; }
            .people-infos .people-detail-all .people-lists .people-list .people-list-inner a .pl-text {
              position: absolute;
              bottom: 7px;
              left: 9px;
              transition: all 0.1s ease-in-out;
              -webkit-transition: all 0.1s ease-in-out;
              -moz-transition: all 0.1s ease-in-out;
              -o-transition: all 0.1s ease-in-out;
              -ms-transition: all 0.1s ease-in-out; }
              .people-infos .people-detail-all .people-lists .people-list .people-list-inner a .pl-text .pl-text-name {
                font-family: "Roboto","sans-serif";
                font-size: 13px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 0.16px;
                color: #ffffff; }
              .people-infos .people-detail-all .people-lists .people-list .people-list-inner a .pl-text .pl-text-info {
                font-family: "Roboto","sans-serif";
                font-size: 11px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 0.41px;
                color: #acaaad; }
    .people-infos .people-detail-all .people-detail-info {
      float: left;
      padding-left: 40px;
      width: -webkit-calc(100% - 500px);
      width: -moz-calc(100% - 500px);
      width: -ms-calc(100% - 500px);
      width: -o-calc(100% - 500px);
      width: calc(100% - 500px);
      height: 100%;
      overflow-y: auto;
      display: flex;
      flex-direction: row; }
      .people-infos .people-detail-all .people-detail-info .people-detail-img {
        width: 300px;
        height: 300px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        position: relative; }
        .people-infos .people-detail-all .people-detail-info .people-detail-img::before {
          content: "";
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
          opacity: 0.63;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
      .people-infos .people-detail-all .people-detail-info .people-detail-par {
        width: 360px;
        padding-left: 20px; }
        .people-infos .people-detail-all .people-detail-info .people-detail-par .pdp-header {
          font-family: "Roboto","sans-serif";
          font-size: 18px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.23px;
          color: #ffffff; }
        .people-infos .people-detail-all .people-detail-info .people-detail-par .pdp-degree {
          font-family: "Roboto","sans-serif";
          font-size: 12px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.45px;
          color: #acaaad;
          margin-top: 7px; }
        .people-infos .people-detail-all .people-detail-info .people-detail-par .pdp-link {
          margin-top: 7px; }
          .people-infos .people-detail-all .people-detail-info .people-detail-par .pdp-link a {
            font-family: "Roboto","sans-serif";
            font-size: 13px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #f1f1f1; }
        .people-infos .people-detail-all .people-detail-info .people-detail-par .pdp-par {
          font-family: "Roboto","sans-serif";
          font-size: 13px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.31;
          letter-spacing: normal;
          color: #a7a4a8;
          margin-top: 13px; }
        .people-infos .people-detail-all .people-detail-info .people-detail-par .blue-border-btn {
          width: 112px;
          margin-top: 15px; }

.general-text-area {
  width: 100%; }
  .general-text-area .gt-header {
    font-family: "Roboto","sans-serif";
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff; }
  .general-text-area .banner-and-texts {
    margin-top: 27px;
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    flex-direction: row; }
    .general-text-area .banner-and-texts .gt-paragraph-area {
      padding: 0px 20px;
      width: -webkit-calc(100% - 350px);
      width: -moz-calc(100% - 350px);
      width: -ms-calc(100% - 350px);
      width: -o-calc(100% - 350px);
      width: calc(100% - 350px); }
      .general-text-area .banner-and-texts .gt-paragraph-area .gt-paragraph-area-inner {
        background: #2a2b31;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        padding: 40px; }
        .general-text-area .banner-and-texts .gt-paragraph-area .gt-paragraph-area-inner .gt-subtitle {
          font-family: "Roboto","sans-serif";
          font-size: 18px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          margin-top: 30px; }
          .general-text-area .banner-and-texts .gt-paragraph-area .gt-paragraph-area-inner .gt-subtitle:first-child {
            margin-top: 0px; }
        .general-text-area .banner-and-texts .gt-paragraph-area .gt-paragraph-area-inner .gt-paragraph {
          font-family: "Roboto","sans-serif";
          font-size: 14px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.3px;
          color: #ffffff;
          margin-top: 15px; }

.indicies .table-body {
  height: 350px;
  overflow-y: auto; }

.contact-area .contact-form-and-banners {
  margin-top: 27px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
  flex-direction: row; }
  .contact-area .contact-form-and-banners .contact-forms {
    padding: 0px 20px;
    width: -webkit-calc(100% - 350px);
    width: -moz-calc(100% - 350px);
    width: -ms-calc(100% - 350px);
    width: -o-calc(100% - 350px);
    width: calc(100% - 350px);
    max-width: 500px; }
    .contact-area .contact-form-and-banners .contact-forms .contact-forms-inner {
      background: #2a2b31;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      padding: 40px; }
      .contact-area .contact-form-and-banners .contact-forms .contact-forms-inner .contact-head {
        font-family: "Roboto","sans-serif";
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff; }
      .contact-area .contact-form-and-banners .contact-forms .contact-forms-inner .contact-text {
        font-family: "Roboto","sans-serif";
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        color: #ffffff;
        margin-top: 15px; }
    .contact-area .contact-form-and-banners .contact-forms .form-area .border-bottom-input {
      margin-top: 25px; }
    .contact-area .contact-form-and-banners .contact-forms .white-btn {
      width: 90px;
      float: right;
      margin-top: 50px; }

.markets-container {
  display: flex;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px; }
  .markets-container .left-info-area {
    width: 45%;
    padding: 0px 15px; }
    .markets-container .left-info-area .filter-input {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      margin-top: 20px;
      margin-left: -5px;
      margin-right: -5px;
      margin-bottom: 13px; }
      .markets-container .left-info-area .filter-input .filter-label {
        font-family: "Roboto","sans-serif";
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.64px;
        color: #ffffff;
        padding-top: 6px;
        margin-right: 10px; }
      .markets-container .left-info-area .filter-input .sm-select-input {
        width: 90px; }
        .markets-container .left-info-area .filter-input .sm-select-input select {
          width: 100%; }
    .markets-container .left-info-area .markets-table thead tr th:first-child {
      text-align: left; }
    .markets-container .left-info-area .markets-table tbody tr td:first-child {
      text-align: left; }
  .markets-container .trade-viewer {
    width: 55%;
    padding: 0px 15px; }
    .markets-container .trade-viewer .trade-viewer-inner {
      height: 550px;
      box-shadow: none; }
  .markets-container .table-area-all {
    margin-bottom: 12px; }

.portfolio-area .section-header {
  margin-bottom: 27px; }
.portfolio-area .portfolio-list {
  display: flex;
  flex-direction: row; }
  .portfolio-area .portfolio-list .portfolio-add {
    width: 300px;
    padding: 30px;
    background: #2a2b31;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out; }
    .portfolio-area .portfolio-list .portfolio-add:hover {
      background: #3b3c42; }
    .portfolio-area .portfolio-list .portfolio-add .text {
      font-family: "Roboto",sans-serif;
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.26px;
      text-align: center;
      color: #a5adbc;
      margin-top: 17px; }

.edit-delete-btn button {
  border: none;
  background: transparent;
  padding: 0px;
  outline: none; }
  .edit-delete-btn button:first-child {
    margin-right: 15px; }
  .edit-delete-btn button img {
    height: 16px;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px); }
    .edit-delete-btn button img path {
      fill: #ffffff; }

.scroll-table {
  overflow-y: auto;
  height: 255px; }

.alerts-price-alert {
  margin-top: 20px; }
  .alerts-price-alert .pa-inner .scroll-table {
    margin-top: 20px; }
  .alerts-price-alert .pa-inner .green-border-btn {
    width: 150px;
    float: right;
    margin-top: 20px; }
  .alerts-price-alert .pa-inner .edit-delete-btn {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px); }
  .alerts-price-alert .pa-inner table {
    width: 100%; }
    .alerts-price-alert .pa-inner table tr {
      border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
      .alerts-price-alert .pa-inner table tr:hover {
        background: rgba(255, 255, 255, 0.09); }
    .alerts-price-alert .pa-inner table td {
      padding: 10px; }
  .alerts-price-alert .pa-inner td:first-child {
    color: #ffffff;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.26px; }
  .alerts-price-alert .pa-inner td:last-child {
    width: 80px; }

.alerts-news-alert {
  margin-top: 20px; }
  .alerts-news-alert .na-inner .scroll-table {
    margin-top: 20px; }
  .alerts-news-alert .na-inner .green-border-btn {
    width: 150px;
    float: right;
    margin-top: 20px; }
  .alerts-news-alert .na-inner .edit-delete-btn {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px); }
  .alerts-news-alert .na-inner table {
    width: 100%; }
    .alerts-news-alert .na-inner table tr {
      border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
      .alerts-news-alert .na-inner table tr:hover {
        background: rgba(255, 255, 255, 0.09); }
    .alerts-news-alert .na-inner table td {
      padding: 10px; }
  .alerts-news-alert .na-inner td:first-child {
    color: #ffffff;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.26px; }
  .alerts-news-alert .na-inner td:last-child {
    width: 80px; }

.alerts-data-alert {
  margin-top: 20px; }
  .alerts-data-alert .da-inner .scroll-table {
    margin-top: 20px; }
  .alerts-data-alert .da-inner .green-border-btn {
    width: 150px;
    float: right;
    margin-top: 20px; }
  .alerts-data-alert .da-inner .edit-delete-btn {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px); }
  .alerts-data-alert .da-inner table {
    width: 100%; }
    .alerts-data-alert .da-inner table tr {
      border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
      .alerts-data-alert .da-inner table tr:hover {
        background: rgba(255, 255, 255, 0.09); }
    .alerts-data-alert .da-inner table td {
      padding: 10px; }
  .alerts-data-alert .da-inner td:first-child {
    color: #ffffff;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.26px; }
  .alerts-data-alert .da-inner td:last-child {
    width: 80px; }

.search-menu-all {
  position: relative; }
  .search-menu-all .search-menu {
    position: absolute;
    top: 27px;
    left: 5px;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: -ms-calc(100% - 10px);
    width: -o-calc(100% - 10px);
    width: calc(100% - 10px);
    display: none;
    z-index: 999; }
    .search-menu-all .search-menu.active {
      display: block; }
    .search-menu-all .search-menu ul {
      padding-left: 0px;
      margin-bottom: 0px;
      background: #33373a;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      overflow-y: auto;
      max-height: 200px; }
      .search-menu-all .search-menu ul li {
        list-style-type: none; }
        .search-menu-all .search-menu ul li a {
          display: block;
          padding: 5px 10px;
          color: #ffffff; }
          .search-menu-all .search-menu ul li a:hover {
            background: rgba(0, 0, 0, 0.3); }

.news-section .news-section-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px; }
  .news-section .news-section-header .nsh-text {
    font-family: "Roboto","sans-serif";
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff; }
  .news-section .news-section-header .nsh-filter-area {
    display: flex;
    flex-direction: row; }
    .news-section .news-section-header .nsh-filter-area .no-border-select-input {
      width: auto; }
    .news-section .news-section-header .nsh-filter-area .grid-view-filter {
      margin-top: 6px; }

.highlighted-news {
  display: flex;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 10px; }
  .highlighted-news .highlighted-news-inner {
    width: 60%;
    padding: 0px 10px; }
    .highlighted-news .highlighted-news-inner .highlighted-news-detail {
      width: 100%;
      height: 350px;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      overflow: hidden; }
      .highlighted-news .highlighted-news-inner .highlighted-news-detail .hnd-info {
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
        position: relative; }
        .highlighted-news .highlighted-news-inner .highlighted-news-detail .hnd-info .hnd-info-inner {
          position: absolute;
          bottom: 0px;
          left: 0px;
          padding: 25px; }
          .highlighted-news .highlighted-news-inner .highlighted-news-detail .hnd-info .hnd-info-inner .hnd-header {
            font-family: "Roboto","sans-serif";
            font-size: 18px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.11;
            letter-spacing: normal;
            color: #ffffff; }
          .highlighted-news .highlighted-news-inner .highlighted-news-detail .hnd-info .hnd-info-inner .hnd-date {
            font-family: "Roboto","sans-serif";
            font-size: 12px;
            font-weight: normal;
            font-style: italic;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: rgba(255, 255, 255, 0.48);
            margin-top: 7px; }
            .highlighted-news .highlighted-news-inner .highlighted-news-detail .hnd-info .hnd-info-inner .hnd-date span {
              font-family: "Roboto","sans-serif";
              font-size: 12px;
              font-weight: normal;
              font-style: italic;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #ffffff; }
          .highlighted-news .highlighted-news-inner .highlighted-news-detail .hnd-info .hnd-info-inner .hnd-text {
            font-family: "Roboto","sans-serif";
            font-size: 13px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.38;
            letter-spacing: normal;
            color: #ffffff;
            margin-top: 6px; }
          .highlighted-news .highlighted-news-inner .highlighted-news-detail .hnd-info .hnd-info-inner .hnd-link {
            width: 100%;
            text-align: right; }
  .highlighted-news .news-list {
    width: 40%;
    padding: 0px 10px; }
    .highlighted-news .news-list .news-list-inner {
      width: 100%;
      height: 100%;
      background: #292e33;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      overflow-y: auto;
      padding: 15px; }
      .highlighted-news .news-list .news-list-inner .news-list-inner-scroll {
        height: 320px;
        overflow-y: auto; }
        .highlighted-news .news-list .news-list-inner .news-list-inner-scroll ul {
          padding-left: 0px;
          margin-bottom: 0px;
          padding-right: 15px; }
          .highlighted-news .news-list .news-list-inner .news-list-inner-scroll ul li {
            list-style-type: none;
            margin-bottom: 7px; }
            .highlighted-news .news-list .news-list-inner .news-list-inner-scroll ul li .news-list-header {
              font-family: "Roboto","sans-serif";
              font-size: 14px;
              font-weight: bold;
              font-style: normal;
              font-stretch: normal;
              line-height: 1.43;
              letter-spacing: normal;
              color: #ffffff; }
            .highlighted-news .news-list .news-list-inner .news-list-inner-scroll ul li .news-list-bottom {
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              border-bottom: 1px solid #33393f;
              margin-top: 10px; }
              .highlighted-news .news-list .news-list-inner .news-list-inner-scroll ul li .news-list-bottom .news-list-date {
                font-family: "Roboto","sans-serif";
                font-size: 12px;
                font-weight: normal;
                font-style: italic;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #7e8694; }

.news-all {
  display: flex;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
  margin-top: 30px; }
  .news-all .news-all-inner {
    padding-left: 10px;
    padding-right: 10px;
    width: 33.3%;
    margin-bottom: 20px; }
    .news-all .news-all-inner .nai-detail {
      width: 100%;
      height: 250px;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .news-all .news-all-inner .nai-detail.with-img .nai-detail-inner {
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
        padding: 20px;
        position: relative; }
        .news-all .news-all-inner .nai-detail.with-img .nai-detail-inner .nai-detail-texts {
          position: absolute;
          bottom: 0px;
          left: 0px;
          padding: 20px; }
          .news-all .news-all-inner .nai-detail.with-img .nai-detail-inner .nai-detail-texts .nai-header {
            font-family: "Roboto","sans-serif";
            font-size: 15px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.33;
            letter-spacing: normal;
            color: #ffffff; }
          .news-all .news-all-inner .nai-detail.with-img .nai-detail-inner .nai-detail-texts .nai-date {
            font-family: "Roboto","sans-serif";
            font-size: 12px;
            font-weight: normal;
            font-style: italic;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: rgba(255, 255, 255, 0.48);
            margin-top: 6px; }
            .news-all .news-all-inner .nai-detail.with-img .nai-detail-inner .nai-detail-texts .nai-date span {
              font-family: "Roboto";
              font-size: 12px;
              font-weight: normal;
              font-style: italic;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #ffffff; }
          .news-all .news-all-inner .nai-detail.with-img .nai-detail-inner .nai-detail-texts .nai-text {
            font-family: "Roboto","sans-serif";
            font-size: 13px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.38;
            letter-spacing: normal;
            color: #ffffff;
            margin-top: 6px; }
          .news-all .news-all-inner .nai-detail.with-img .nai-detail-inner .nai-detail-texts .nai-link {
            width: 100%;
            text-align: right; }
      .news-all .news-all-inner .nai-detail.with-no-img {
        background: #292e33; }
        .news-all .news-all-inner .nai-detail.with-no-img .nai-detail-inner {
          padding: 20px; }
          .news-all .news-all-inner .nai-detail.with-no-img .nai-detail-inner .nai-header {
            font-family: "Roboto","sans-serif";
            font-size: 15px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.33;
            letter-spacing: normal;
            color: #ffffff; }
          .news-all .news-all-inner .nai-detail.with-no-img .nai-detail-inner .nai-date {
            font-family: "Roboto","sans-serif";
            font-size: 12px;
            font-weight: normal;
            font-style: italic;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: rgba(255, 255, 255, 0.48);
            margin-top: 6px; }
            .news-all .news-all-inner .nai-detail.with-no-img .nai-detail-inner .nai-date span {
              font-family: "Roboto";
              font-size: 12px;
              font-weight: normal;
              font-style: italic;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #ffffff; }
          .news-all .news-all-inner .nai-detail.with-no-img .nai-detail-inner .nai-text {
            font-family: "Roboto","sans-serif";
            font-size: 13px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.38;
            letter-spacing: normal;
            color: #ffffff;
            margin-top: 6px; }
          .news-all .news-all-inner .nai-detail.with-no-img .nai-detail-inner .nai-link {
            width: 100%;
            text-align: right; }

.news-banner-section {
  background: #292e33;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 40px; }
  .news-banner-section .nbs-header {
    font-family: "Roboto","sans-serif";
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff; }
  .news-banner-section .nbs-lists {
    margin-top: 15px; }
    .news-banner-section .nbs-lists .nbs-lists-inner {
      margin-bottom: 15px; }
      .news-banner-section .nbs-lists .nbs-lists-inner .nbs-list-img {
        width: 100%; }
        .news-banner-section .nbs-lists .nbs-lists-inner .nbs-list-img img {
          width: 100%;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }
      .news-banner-section .nbs-lists .nbs-lists-inner .nbs-list-header {
        font-family: "Roboto","sans-serif";
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.53px;
        color: #ffffff;
        margin-top: 10px; }
      .news-banner-section .nbs-lists .nbs-lists-inner .nbs-list-text {
        font-family: "Roboto","sans-serif";
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        margin-top: 7px; }
      .news-banner-section .nbs-lists .nbs-lists-inner .nbs-list-bottom {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: 1px solid #33393f;
        padding-bottom: 9px;
        margin-top: 5px; }
        .news-banner-section .nbs-lists .nbs-lists-inner .nbs-list-bottom .nbs-list-date {
          font-family: "Roboto","sans-serif";
          font-size: 12px;
          font-weight: normal;
          font-style: italic;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #7e8694;
          margin-top: 8px; }
        .news-banner-section .nbs-lists .nbs-lists-inner .nbs-list-bottom .nbs-list-btn {
          width: 90px; }
          .news-banner-section .nbs-lists .nbs-lists-inner .nbs-list-bottom .nbs-list-btn .gray-border-btn {
            width: 100%; }

.alerts .flex-row {
  display: flex;
  flex-direction: row;
  margin: 0px -10px; }
  .alerts .flex-row .flex-width-left {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px; }
  .alerts .flex-row .flex-width-right {
    width: 48%;
    padding-left: 10px;
    padding-right: 10px; }

.dashboard .top-banner-area {
  margin-left: auto;
  margin-right: auto; }
.dashboard .flex-row {
  display: flex;
  flex-direction: row;
  margin: 0px -10px; }
  .dashboard .flex-row .flex-width-left {
    width: 55%;
    padding-left: 10px;
    padding-right: 10px; }
    .dashboard .flex-row .flex-width-left .indices-news-part {
      display: flex;
      flex-direction: row;
      margin: 0px -10px;
      margin-top: 20px; }
      .dashboard .flex-row .flex-width-left .indices-news-part .inp-column {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px; }
        .dashboard .flex-row .flex-width-left .indices-news-part .inp-column .indices-list {
          height: 410px;
          overflow-y: auto;
          padding-right: 10px;
          margin-top: 20px; }
          .dashboard .flex-row .flex-width-left .indices-news-part .inp-column .indices-list ul {
            padding: 0px;
            margin-bottom: 0px; }
            .dashboard .flex-row .flex-width-left .indices-news-part .inp-column .indices-list ul li {
              list-style-type: none;
              border-bottom: 1px solid #33393f;
              padding-bottom: 5px;
              padding-top: 10px; }
              .dashboard .flex-row .flex-width-left .indices-news-part .inp-column .indices-list ul li a {
                display: flex;
                flex-direction: row;
                justify-content: space-between; }
                .dashboard .flex-row .flex-width-left .indices-news-part .inp-column .indices-list ul li a .left-text .lt-title {
                  font-family: "Roboto", "sans-serif";
                  font-size: 16px;
                  font-weight: bold;
                  font-style: normal;
                  font-stretch: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  color: #ffffff; }
                .dashboard .flex-row .flex-width-left .indices-news-part .inp-column .indices-list ul li a .left-text .lt-date {
                  font-family: "Roboto", "sans-serif";
                  font-size: 12px;
                  font-weight: normal;
                  font-style: normal;
                  font-stretch: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  color: rgba(255, 255, 255, 0.48); }
                  .dashboard .flex-row .flex-width-left .indices-news-part .inp-column .indices-list ul li a .left-text .lt-date span {
                    color: white; }
                .dashboard .flex-row .flex-width-left .indices-news-part .inp-column .indices-list ul li a .right-text .rt-number {
                  margin-top: 10px;
                  font-family: "Roboto","sans-serif";
                  font-size: 14px;
                  font-weight: normal;
                  font-style: normal;
                  font-stretch: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  text-align: right;
                  color: #ffffff; }
        .dashboard .flex-row .flex-width-left .indices-news-part .inp-column .news-list {
          height: 410px;
          overflow-y: auto;
          padding-right: 10px;
          margin-top: 20px; }
  .dashboard .flex-row .flex-width-right {
    width: 48%;
    padding-left: 10px;
    padding-right: 10px; }
    .dashboard .flex-row .flex-width-right .top-coins {
      width: 100%;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
      background: #292e33;
      margin-top: 15px;
      margin-bottom: 30px; }
      .dashboard .flex-row .flex-width-right .top-coins .table-responsive {
        height: 800px;
        margin-top: 15px; }
      .dashboard .flex-row .flex-width-right .top-coins .table-body thead {
        border-bottom: 0px solid #33393f; }
        .dashboard .flex-row .flex-width-right .top-coins .table-body thead tr:first-child {
          border-bottom: 1px solid #33393f; }
          .dashboard .flex-row .flex-width-right .top-coins .table-body thead tr:first-child th:last-child {
            border-left: 1px solid #33393f;
            text-align: left;
            padding-left: 10px; }
        .dashboard .flex-row .flex-width-right .top-coins .table-body thead tr:last-child th {
          text-align: left;
          padding-left: 7px; }
          .dashboard .flex-row .flex-width-right .top-coins .table-body thead tr:last-child th:nth-child(3n+4) {
            border-left: 1px solid #33393f; }
      .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td {
        text-align: left;
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-family: "Roboto", "sans-serif";
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff; }
        .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td.table-green-text {
          font-weight: bold;
          font-size: 12px; }
          .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td.table-green-text img {
            width: 10px;
            height: 12px;
            margin-left: 5px;
            margin-top: 2px;
            transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s; }
        .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td.table-red-text {
          font-weight: bold;
          font-size: 12px; }
          .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td.table-red-text img {
            width: 10px;
            height: 12px;
            margin-left: 5px;
            margin-top: 2px;
            transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s; }
        .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td:nth-child(3n+4) {
          border-left: 1px solid #33393f;
          padding-left: 7px !important; }
        .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td:first-child {
          font-family: "Roboto","sans-serif";
          font-size: 14px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff;
          padding-left: 5px !important;
          padding-right: 5px !important; }
          .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td:first-child .icon-img {
            width: 20px;
            height: 20px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            -ms-border-radius: 40px;
            -o-border-radius: 40px;
            border-radius: 40px;
            display: inline-block;
            margin-right: 5px;
            line-height: 18px;
            text-align: center; }
            .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td:first-child .icon-img img {
              width: 10px;
              transition: all ease-in-out 0.2s;
              -webkit-transition: all ease-in-out 0.2s;
              -moz-transition: all ease-in-out 0.2s;
              -o-transition: all ease-in-out 0.2s;
              -ms-transition: all ease-in-out 0.2s; }
        .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td:nth-child(2) {
          padding-left: 5px !important;
          padding-right: 5px !important; }
        .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td:nth-child(3) {
          padding-left: 5px !important;
          padding-right: 5px !important; }
        .dashboard .flex-row .flex-width-right .top-coins .table-body tbody tr td .table-inner-block {
          background: rgba(255, 255, 255, 0.08);
          padding: 5px 10px; }

.overview-inner .overview-row {
  display: flex;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px; }
  .overview-inner .overview-row .overview-left-column {
    padding-left: 10px;
    padding-right: 10px;
    width: 40%; }
  .overview-inner .overview-row .overview-right-column {
    padding-left: 10px;
    padding-right: 10px;
    width: 60%;
    display: flex;
    flex-direction: row; }
    .overview-inner .overview-row .overview-right-column .chart-area {
      margin-top: 10px; }
    .overview-inner .overview-row .overview-right-column .basic-lists {
      width: -webkit-calc(50% - 7.5px);
      width: -moz-calc(50% - 7.5px);
      width: -ms-calc(50% - 7.5px);
      width: -o-calc(50% - 7.5px);
      width: calc(50% - 7.5px); }
      .overview-inner .overview-row .overview-right-column .basic-lists:last-child {
        margin-left: 15px; }
  .overview-inner .overview-row .latest-news {
    margin-top: 20px; }

.detail-indices-inner .detail-indices-row {
  display: flex;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px; }
  .detail-indices-inner .detail-indices-row .di-left-column {
    padding-left: 10px;
    padding-right: 10px;
    width: 40%; }
  .detail-indices-inner .detail-indices-row .di-right-column {
    padding-left: 10px;
    padding-right: 10px;
    width: 60%; }
    .detail-indices-inner .detail-indices-row .di-right-column .chart-area {
      margin-top: 10px; }
  .detail-indices-inner .detail-indices-row .basic-lists {
    margin-top: 10px; }
    .detail-indices-inner .detail-indices-row .basic-lists .basic-lists-inner {
      padding-right: 15px;
      height: 300px;
      overflow-y: auto; }
  .detail-indices-inner .detail-indices-row .summary {
    margin-top: 20px;
    height: unset; }
    .detail-indices-inner .detail-indices-row .summary .summary-text-all {
      height: 262px;
      overflow-y: auto; }
  .detail-indices-inner .detail-indices-row .latest-news {
    margin-top: 20px; }
    .detail-indices-inner .detail-indices-row .latest-news .news-list {
      height: 300px;
      overflow-y: auto; }

.detail-sectors-inner .detail-sectors-row {
  display: flex;
  flex-direction: row;
  margin-left: -10px;
  margin-right: -10px; }
  .detail-sectors-inner .detail-sectors-row .di-left-column {
    padding-left: 10px;
    padding-right: 10px;
    width: 40%; }
  .detail-sectors-inner .detail-sectors-row .di-right-column {
    padding-left: 10px;
    padding-right: 10px;
    width: 60%; }
    .detail-sectors-inner .detail-sectors-row .di-right-column .chart-area {
      margin-top: 20px;
      height: 389px; }
  .detail-sectors-inner .detail-sectors-row .basic-lists {
    margin-top: 10px; }
    .detail-sectors-inner .detail-sectors-row .basic-lists .basic-lists-inner {
      height: 300px;
      overflow-y: auto;
      padding-right: 15px; }
  .detail-sectors-inner .detail-sectors-row .summary {
    margin-top: 10px; }
  .detail-sectors-inner .detail-sectors-row .summary-text-all {
    height: 280px;
    overflow-y: auto;
    margin-top: 10px; }
  .detail-sectors-inner .detail-sectors-row .latest-news {
    margin-top: 20px; }
  .detail-sectors-inner .detail-sectors-row .sectors-table {
    margin-top: 20px; }
  .detail-sectors-inner .detail-sectors-row .table-body {
    margin-top: 15px;
    height: 300px;
    overflow-y: auto; }
  .detail-sectors-inner .detail-sectors-row .sectors th:first-child {
    text-align: left; }
  .detail-sectors-inner .detail-sectors-row .sectors td:first-child {
    font-weight: bold;
    text-align: left; }
    .detail-sectors-inner .detail-sectors-row .sectors td:first-child .icon-img {
      width: 20px;
      height: 20px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      -ms-border-radius: 40px;
      -o-border-radius: 40px;
      border-radius: 40px;
      display: inline-block;
      margin-right: 10px;
      line-height: 18px;
      text-align: center; }
      .detail-sectors-inner .detail-sectors-row .sectors td:first-child .icon-img img {
        width: 10px;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
  .detail-sectors-inner .detail-sectors-row .sectors td.table-green-text {
    font-weight: bold; }
    .detail-sectors-inner .detail-sectors-row .sectors td.table-green-text img {
      width: 14px;
      height: 16px;
      margin-left: 5px;
      margin-top: 2px;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }
  .detail-sectors-inner .detail-sectors-row .sectors td.table-red-text {
    font-weight: bold; }
    .detail-sectors-inner .detail-sectors-row .sectors td.table-red-text img {
      width: 14px;
      height: 16px;
      margin-left: 5px;
      margin-top: 2px;
      transition: all ease-in-out 0.2s;
      -webkit-transition: all ease-in-out 0.2s;
      -moz-transition: all ease-in-out 0.2s;
      -o-transition: all ease-in-out 0.2s;
      -ms-transition: all ease-in-out 0.2s; }

.portfolio .portfolio-inner .portfolio-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 25px; }
  .portfolio .portfolio-inner .portfolio-cards .portfolio-card {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px; }
    .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner {
      background: #2a2b31;
      position: relative; }
      .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-menu {
        position: absolute;
        top: 10px;
        right: 5px;
        width: 30px;
        height: 30px; }
        .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-menu img {
          width: 100%;
          height: 100%;
          transition: all ease-in-out 0.2s;
          -webkit-transition: all ease-in-out 0.2s;
          -moz-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
          -ms-transition: all ease-in-out 0.2s; }
      .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-head {
        padding: 15px;
        display: flex;
        flex-direction: row; }
        .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-head .pc-head-icon .icon-img {
          width: 40px;
          height: 40px;
          -webkit-border-radius: 80px;
          -moz-border-radius: 80px;
          -ms-border-radius: 80px;
          -o-border-radius: 80px;
          border-radius: 80px;
          display: inline-block;
          margin-right: 20px;
          line-height: 36px;
          text-align: center; }
          .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-head .pc-head-icon .icon-img img {
            width: 20px;
            transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s; }
        .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-head .pc-head-text .name {
          font-family: "Roboto","sans-serif";
          font-size: 12px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.26px;
          color: #ffffff; }
        .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-head .pc-head-text .number {
          font-family: "Roboto","sans-serif";
          font-size: 20px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.6px;
          color: #ffffff; }
      .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-chart {
        width: 100%;
        height: 60px; }
      .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-bottom {
        background: #34353d;
        padding: 10px 15px; }
        .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-bottom table {
          width: 100%; }
          .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-bottom table tr th {
            font-family: "Roboto","sans-serif";
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.67;
            letter-spacing: 0.26px;
            color: #7e8694; }
            .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-bottom table tr th:first-child {
              text-align: left; }
            .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-bottom table tr th:last-child {
              text-align: right; }
          .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-bottom table tr td:first-child {
            font-family: "Roboto","sans-serif";
            font-style: normal;
            font-stretch: normal;
            line-height: 1.67;
            color: #ffffff;
            letter-spacing: 0.3px;
            font-weight: bold;
            font-size: 14px;
            text-align: left; }
          .portfolio .portfolio-inner .portfolio-cards .portfolio-card .portfolio-card-inner .pc-bottom table tr td:last-child {
            font-family: "Roboto","sans-serif";
            font-size: 16px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.6px;
            text-align: right; }

.news .filter-bars {
  margin-top: 15px; }
  .news .filter-bars .sm-select-input {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%; }
    .news .filter-bars .sm-select-input select {
      width: 100%; }
  .news .filter-bars .sm-multi-select-input .select2-container {
    width: 100% !important; }
  .news .filter-bars .gray-sm-input {
    width: 100%; }
  .news .filter-bars .gray-datepicker .dp-inputs {
    width: 100px;
    height: 23px;
    display: inline-block; }
    .news .filter-bars .gray-datepicker .dp-inputs .hidden-input {
      opacity: 0;
      z-index: 9; }
.news .news-analysis-part {
  margin-top: 20px; }
  .news .news-analysis-part .nap-flex {
    display: flex;
    flex-direction: row;
    margin-left: -10px;
    margin-right: -10px; }
    .news .news-analysis-part .nap-flex .nap-flex-left {
      width: 55%;
      padding-left: 10px;
      padding-right: 10px; }
      .news .news-analysis-part .nap-flex .nap-flex-left .news-table {
        width: 100%; }
        .news .news-analysis-part .nap-flex .nap-flex-left .news-table .section-header {
          margin-top: 20px; }
        .news .news-analysis-part .nap-flex .nap-flex-left .news-table table {
          width: 100%;
          margin-top: 15px;
          border-spacing: 10px 0px;
          border-collapse: separate;
          border-spacing: 0 1em; }
          .news .news-analysis-part .nap-flex .nap-flex-left .news-table table thead tr th {
            font-family: "Roboto","sans-serif";
            font-size: 13px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #7d7d7d;
            padding-bottom: 9px;
            padding-left: 10px;
            padding-right: 10px; }
          .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr:hover {
            cursor: pointer; }
          .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr td {
            padding: 20px 10px;
            background: #2a2b31;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out; }
            .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr td:first-child {
              -webkit-border-radius: 2px 0px 0px 2px;
              -moz-border-radius: 2px 0px 0px 2px;
              -ms-border-radius: 2px 0px 0px 2px;
              -o-border-radius: 2px 0px 0px 2px;
              border-radius: 2px 0px 0px 2px;
              padding-left: 30px; }
            .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr td:last-child {
              -webkit-border-radius: 0px 2px 2px 0px;
              -moz-border-radius: 0px 2px 2px 0px;
              -ms-border-radius: 0px 2px 2px 0px;
              -o-border-radius: 0px 2px 2px 0px;
              border-radius: 0px 2px 2px 0px;
              position: relative; }
              .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr td:last-child::before {
                content: "";
                position: absolute;
                width: 10px;
                height: 10px;
                top: -webkit-calc(50% - 5px);
                top: -moz-calc(50% - 5px);
                top: -ms-calc(50% - 5px);
                top: -o-calc(50% - 5px);
                top: calc(50% - 5px);
                right: -14px;
                border-style: solid;
                border-width: 0 10px 10px 10px;
                border-color: transparent transparent #29b5cf transparent;
                -webkit-transform: rotateZ(90deg);
                -moz-transform: rotateZ(90deg);
                -ms-transform: rotateZ(90deg);
                -o-transform: rotateZ(90deg);
                transform: rotateZ(90deg);
                display: none; }
            .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr td .date {
              text-align: right;
              font-family: "Roboto","sans-serif";
              font-size: 14px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: 0.35px;
              text-align: right;
              color: #ffffff; }
            .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr td .hour {
              text-align: right;
              font-family: "Roboto","sans-serif";
              font-size: 14px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: 0.35px;
              text-align: right;
              color: #ffffff; }
            .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr td .img-icon {
              width: 35px;
              height: 35px;
              background: rgba(255, 255, 255, 0.2);
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              -ms-border-radius: 2px;
              -o-border-radius: 2px;
              border-radius: 2px;
              object-fit: contain;
              text-align: center; }
              .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr td .img-icon img {
                height: 20px;
                margin-top: 7.5px;
                transition: all ease-in-out 0.2s;
                -webkit-transition: all ease-in-out 0.2s;
                -moz-transition: all ease-in-out 0.2s;
                -o-transition: all ease-in-out 0.2s;
                -ms-transition: all ease-in-out 0.2s; }
            .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr td .text {
              font-family: "Roboto","sans-serif";
              font-size: 13px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #ffffff; }
            .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr td .link {
              font-family: "Roboto","sans-serif";
              font-size: 12px;
              font-weight: 500;
              font-style: italic;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: 0.36px;
              text-align: right;
              color: #ffffff; }
          .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr.active td {
            background: #29b5cf; }
            .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr.active td .img-icon {
              background: rgba(0, 0, 0, 0.2); }
            .news .news-analysis-part .nap-flex .nap-flex-left .news-table table tbody tr.active td:last-child::before {
              display: block; }
    .news .news-analysis-part .nap-flex .nap-flex-right {
      width: 45%;
      padding-left: 10px;
      padding-right: 10px; }
      .news .news-analysis-part .nap-flex .nap-flex-right .sentiment-analysis {
        width: 100%;
        height: 750px; }

#image {
  max-width: 100%; }

.cropper-container {
  width: 400px !important;
  height: 400px !important; }

@media all and (max-height: 768px) {
  .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a {
    padding-top: 15px; }

  .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a .menu-icon {
    padding-bottom: 10px; }

  .left-menu .lm-inner .lm-menu-items ul .lm-menu-item a:hover::after {
    bottom: 0px; }

  .login .login-inner {
    margin-top: 40px; } }
@media all and (max-width: 1199px) {
  .login-container {
    display: table; }

  .login .login-inner {
    margin-left: auto;
    float: none;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-75%); }

  .coin-table .table-body table {
    width: 900px; }

  .news-area .news-banner-section .nbs-header {
    color: red; } }

/* Bootstrap State Bar Design */
.primary-text {
  display: flex;
  flex-direction: row;
  float: left;
  font-family: "Roboto","sans-serif";
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.47px;
  text-align: left;
  color: #ffffff;
}

.primary-text, .above {
  float: none;
}

.in-page .primary-text {
  font-size: 16px;
}


.primary-value {
  margin-top: 8px;
}

.secondary-text {
  font-family: "Roboto","sans-serif";
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: -0.19px;
  color: #7e8694;
}

.grid-group .secondary-text {
  text-align: center;
}

.grid-group .primary-text {
  text-align: center;
  display: inherit;
}

.in-page .secondary-text {
  font-size: 10px;
}

.grid-group {
  display: flex;
  flex-direction: row;
  float: left;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: #337ab7;
}

.pagination>li>a, .pagination>li>span {
  color: white;
  border-color: #191d21;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  border-color: #191d21;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
  border-color: #191d21;
}

.grid-group-item {
  margin-left: 5em;
}

.in-page .grid-group-item {
  margin-left: 2em;
}

.row-center {
  display: flex;
  align-items: center;
}

.sector-summary {
  margin-top: 10px;
  height: 370px;
  overflow-y: auto;
}

.sector-summary-text {
  font-family: "Roboto","sans-serif";
  font-size: 13px;
  text-align: justify;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f1f1f1;
  margin-top: 10px;
}

a[target="_blank"] > img{
  cursor: pointer;
}

.MuiInputBase-root.MuiOutlinedInput-root.MuiAutocomplete-inputRoot.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd.MuiOutlinedInput-adornedEnd {
  padding-right: 1em;
}

.MuiPaper-root.MuiAutocomplete-paper.MuiPaper-elevation1.MuiPaper-rounded {
  background-color: #16181b;
  cursor: pointer;
  color: white;
}

.MuiAutocomplete-noOptions {
  color: #7e8694 !important;
}

.MuiAutocomplete-loading {
  color: #7e8694 !important;
}

ul#free-solo-2-demo-popup {
  max-height: 100vh;
}

.MuiListSubheader-root.MuiAutocomplete-groupLabel.MuiListSubheader-sticky.MuiListSubheader-gutters {
  background-color: #2194f0;
  color: white;
  font-size: 11px;
}

.MuiCircularProgress-root.MuiCircularProgress-colorSecondary.MuiCircularProgress-indeterminate {
  color: #2194f0;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #2194f0 !important;
}

.MuiAutocomplete-option[data-focus="true"] {
  background-color: #2f3033 !important;
}

.gl.gray-border-checkbox .gbc-label .gbc-checkmark::before {
          background-image: linear-gradient(to bottom, #2194f0, #175ca8);
        }
.coin-table .new-coins th:first-child {
  text-align: left;
}
.coin-table .new-coins td:first-child {
  font-weight: bold;
  text-align: left;
}

.coin-table .new-coins td:first-child .icon-img {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  display: inline-block;
  margin-right: 10px;
  line-height: 18px;
  text-align: center;
}

.coin-table .new-coins th {
  text-align: center;
}
.coin-table .new-coins td {
  font-weight: bold;
  text-align: center;
}

.coin-table .new-coins th.header-left-aligned {
  text-align: left;
  padding-left: 6px;
}

.row-closed{
  animation: row-close-anim 1s ease-in-out;
  -webkit-animation: row-close-anim 1s ease-in-out;
}
.row-open{
  animation: row-open-anim 1s ease-in-out;
  -webkit-animation: row-open-anim 1s ease-in-out;
}

@keyframes row-open-anim
{
  100%  {transform: rotate(90deg);}
}

@-webkit-keyframes row-open-anim /* Safari and Chrome - necessary duplicate */
{
  100%  {transform: rotate(90deg);}
}

@keyframes row-close-anim
{
  100%  {transform: rotate(-90deg);}
}

@-webkit-keyframes row-close-anim /* Safari and Chrome - necessary duplicate */
{
  100%  {transform: rotate(-90deg);}
}

.constituents-list .new-coins td .icon-img {
  margin: 0.8em 0 0.8em 0;
  margin-right: 5px
}

.MuiFormControl-root.MuiTextField-root.MuiFormControl-marginNormal.MuiFormControl-fullWidth {
  margin-top: 8px;
  margin-bottom: 8px;
}

button.sm-select-input.news {
  font-family: "Roboto","sans-serif";
  font-size: 13px;
  color: #ffffff;
  position: relative;
  padding: 5px 10px !important;
  background: #1d2025;
  border: #1d2025;
  height: auto;
  line-height: 1;
  text-align: left;
  border-radius: 4px
}

.input-title.news{
  margin-top: 1vh;
}
.react-datepicker-wrapper{
  width: 100%
}

.red-gradient {
  background: rgb(158,68,68);
  background: radial-gradient(circle, rgba(158,68,68,1) 0%, rgba(255,0,0,1) 0%, rgba(249,0,0,0) 100%);
}

.latest-news li:hover {
  background: rgba(255, 255, 255, 0.1);
}


@media only screen and (max-width: 600px) {
  body {
    background-color: #1f2327;
    color:#ffffff !important;
  }
  .read-more-button {font-weight: bolder; color: #337ab7;}

  #body-scroll {display:flex !important;}
  .padding-sm-container {padding-left:5px !important; padding-right:25px !important; padding-top: 100px !important}
  .state-bar-inner .pull-right {display: none !important;}
  .flex-width-left {all:unset !important;}
  .flex-width-right {all:unset !important;}
  .nap-flex {all: unset !important;}
  .overview-row {all: unset !important}
  .overview-left-column {width: 105vw !important; padding-right: unset !important; padding-left: unset !important; width: unset !important; display: block !important; flex-direction: unset !important;}
  .overview-right-column {width: 105vw !important; padding-right: unset !important; padding-left: unset !important; width: unset !important; display: block !important; flex-direction: unset !important;}
  .gray-container.basic-lists {width:100vw !important;}
  .watch-list-table {margin-top: 20px;}
  .overview-inner .overview-row .overview-right-column .basic-lists:last-child {margin-left: 0px !important;}
  .nap-flex-left {width: 100vw !important; padding: 0px !important;}
  .nap-flex-right {width: 100vw !important; padding: 0px !important;}
  .flex-row {all:unset !important;}
  .indices-news-part {display:block !important;}
  .inp-column {width:100% !important;}
  .top-menu {padding:0px !important;}
  .tm-inner-right-area {float: unset !important; display: block !important; width:95% !important;}
  .tm-inner {padding-left:0% !important;}
  .tm-inner-right-area form {width: 130px !important; float: right;}
  .user-name {width: 50px !important;}
  .watch-lists, .user-menu, .notifications {float:left !important;}
  .user-menu {width:70px !important; padding-left:0px !important; padding-right: 0px !important; padding-top:8px !important;}
  .top-menu .tm-inner .logo {
    margin-top: 18px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 284px !important;
    float:unset !important;
}
.lm-menu-items {height:200px !important;}
.lm-menu-items ul li{float:left !important; list-style-type: none !important}
.left-menu .lm-inner .lm-menu-items ul {display: block !important; width: 350px !important; margin: auto !important;}
.lm-inner .logo {width: 30px !important;
  position: fixed !important;
  left: 10px !important;
  top: 5px !important;}
  .lm-inner .logo  img {width:30px !important;}
.left-menu {width: 100% !important; top:unset !important; bottom:-4px !important; height:60px !important}
.swiper-slide {width:120px !important;}
.padding-sm-container {width:105vw !important}
.gray-container {padding-left:5px !important; padding-right: 5px !important;}
.general-modal {width: 100% !important;
  height: 100% !important;
  z-index: 99999999 !important;
  margin-top: 0px !important;
overflow-x: hidden !important;
}
.summary { height:unset !important;}
.left-menu .lm-inner .lm-menu-items ul .lm-menu-item a, .left-menu .lm-inner .lm-menu-items ul .lm-menu-item.active a {padding-left: 17px !important; padding-right: 17px !important}
.left-menu .lm-inner .lm-menu-items ul .lm-menu-item.active a::before {border-radius: 5px !important;}
.left-menu .lm-inner .lm-menu-items ul .lm-menu-item a::after {padding-bottom:7px !important; padding-top: 0px !important; padding-left:0px !important; padding-right: 0px !important}
.top-menu .tm-inner .tm-inner-right-area .notifications .notf-menu-dropdown {width: 270px !important; left:0px !important; right: unset !important;}
.padding-container {padding-left: 5px !important; width:105vw !important;}
.page-bar {display: none !important;}
.filter-bars .filter-bar-inner {display: block !important; flex-direction: unset !important;}
.filter-bars .filter-bar-inner .filter-bar {margin:auto !important; width: 200px !important;}
.filter-bars .filter-bar-inner .filter-bar .filter-bar-input {margin-left: auto !important;
  margin-right: auto !important;}
.filter-bars .filter-bar-inner .filter-bar .blue-border-btn {margin-left:40px !important;}
.indices-table tr td:nth-of-type(2), .indices-table tr td:nth-of-type(4), .indices-table tr td:nth-of-type(5), .indices-table tr td:nth-of-type(6) {display: none !important;}
.indices-table tr th:nth-of-type(2), .indices-table tr th:nth-of-type(4), .indices-table tr th:nth-of-type(5), .indices-table tr th:nth-of-type(6) {display: none !important;}
.indices-table tr td:nth-of-type(1), .indices-table tr td:nth-of-type(3),  .indices-table tr th:nth-of-type(3), .indices-table tr th:nth-of-type(1), .indices-table tr td:nth-of-type(6), .indices-table tr th:nth-of-type(6) {width:120px !important}
.table-responsive {overflow-y: overlay !important;}

.home-table tr td:nth-of-type(4), .home-table tr td:nth-of-type(5) {display: none !important;}
.home-table tr th:nth-of-type(4), .home-table tr th:nth-of-type(5) {display: none !important;}

.news-table-responsive tr td:nth-of-type(2), .news-table-responsive tr td:nth-of-type(3), .news-table-responsive tr td:nth-of-type(5) {display: none !important;}
.news-table-responsive tr th:nth-of-type(2), .news-table-responsive tr th:nth-of-type(3), .news-table-responsive tr th:nth-of-type(5) {display: none !important;}


 .coins-menu-table tr td:nth-of-type(4), .coins-menu-table tr td:nth-of-type(5), .coins-menu-table tr td:nth-of-type(6) {display: none !important;}
 .coins-menu-table tr th:nth-of-type(4), .coins-menu-table tr th:nth-of-type(5), .coins-menu-table tr th:nth-of-type(6) {display: none !important;}

.coins-menu-table tr td:nth-of-type(1), .coins-menu-table tr td:nth-of-type(2), .coins-menu-table tr td:nth-of-type(7) {width:100px !important;}

.sector-table tr td:nth-of-type(1), .sector-table tr td:nth-of-type(4), .sector-table tr td:nth-of-type(5), .sector-table tr td:nth-of-type(7) {display: none !important;}

.sector-table tr th:nth-of-type(1), .sector-table tr th:nth-of-type(4), .sector-table tr th:nth-of-type(5), .sector-table tr th:nth-of-type(7) {display: none !important;}

.sector-table tr td:nth-of-type(2), .sector-table tr td:nth-of-type(3), .sector-table tr td:nth-of-type(6) {width:80px !important; justify-content: left !important;}

.wlt-inner tr td:nth-of-type(4), .wlt-inner tr td:nth-of-type(5) {display: none !important;}
.wlt-inner tr th:nth-of-type(4), .wlt-inner tr th:nth-of-type(5) {display: none !important;}

.mobile-coins-sector tr td:nth-of-type(4), .mobile-coins-sector tr td:nth-of-type(5) {display: none !important;}
.mobile-coins-sector tr th:nth-of-type(4), .mobile-coins-sector tr th:nth-of-type(5) {display: none !important;}

.top-indices-table {}
.sb-numbers .sb-number:nth-of-type(3), .sb-numbers .sb-number:nth-of-type(4), .sb-numbers .sb-number:nth-of-type(5) {
  display:none !important;
}
.sb-numbers {margin-top:10px !important;}
.state-bar .state-bar-inner {padding-right:10px !important}
#filter-area, #filter-coins-button {display: block !important;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 30px;
  color: white;
}

#filter-area-coins {display: block !important;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 30px;
  color: white;
  margin-top:50px !important;
}

#filter-coins-button {margin-top:70px !important;}
.down-arrow-news {  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  float: right;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.coin-table .table-body table {width: 100% !important;}

#element-should-first {display:none;}
#filter-bar-hidden-coins {display:none;}

.footer-area {padding: 0px !important;}
.footer-logo, .footer-txt {display: none !important;}
.footer-social ul {display: none !important;}
.footer-blue-head {padding-bottom: 30px !important;}
.footer-area {margin-top: 0px !important;}
.footer-inner{margin-left: -3% !important;}
.state-bar .state-bar-inner .sb-numbers .sb-number {margin-left:20px !important;}
.profile-info-detail {display: block !important;}
.profile.padding-container {margin-top:35px !important;}
.notification-settings {margin-top:50px !important;}
.notification-settings .white-btn {
  position: unset !important;
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  margin-top:30px !important;
}
.top-menu, .left-menu {z-index:99999 !important;}
.indicex-chart {width: 100% !important;
  margin-top: 10px !important;
  margin-left: -10px !important;}
.row-index {display:block !important;}

.owner-table, .gain-table {width:100% !important; flex:unset !important; padding: unset !important; margin-top:5px !important}
.notification-settings .white-btn .skew-anim-black {width:90px !important;}
.coin-news-table {height:500px !important;}
.coin-chart-table {margin-top:10px !important;}
.modal-blue-header div {width: 290px !important;}
.table-responsive {border: 0px !important;}
.sb-text-img {width:80% !important;}
.remove-image-class {display: none !important;}
.modal-content-width {width:330px !important;}
.remove-flex {display: unset !important;}
.grid-group-item {margin-left:7em !important;}

.hide-content {display: none !important}
.di-left-column {width:100% !important;}
.di-right-column {width:100% !important;}
.mobile-state-bar .grid-group-item:nth-of-type(3), .mobile-state-bar .grid-group-item:nth-of-type(4), .mobile-state-bar .grid-group-item:nth-of-type(5) {display:none !important}
#mobile-change-indices {margin-left:3em !important;}
.display-text-group {text-align:justify !important;}
.loat-left-mobile {float: left !important; margin-left: 20px !important; width: 100px !important;}
#grid-group-statebar {float:unset !important; display: flex !important;}
#grid-group-statebar-2 {float:unset !important; display: flex !important;}
#grid-group-statebar-2 .grid-group-item {margin-left:4em !important;}
#grid-group-statebar-2 #grid-group-first-item {margin-left:0.5em !important;}
.summary-par {min-height: 300px !important;}
.left-menu .lm-inner .lm-menu-items ul .lm-menu-item.active a::before {background-image: unset !important;}
.lm-menu-item:not(.active) {filter:grayscale(1) !important;}
.left-menu .lm-inner .lm-menu-items ul .lm-menu-item a::after {color: #337ab7 !important;}
.state-bar .state-bar-inner .sb-numbers .sb-number .sb-number-inner {font-size: 18px !important;}
.grid-group-item .primary-text {font-size: 18px !important;}
#grid-group-mobile {width:385px !important;}
#col-mobile {padding-left: 0px !important;}
#grid-group-mobile .grid-group-item:nth-of-type(1) {display: none !important;}
#grid-group-mobile .grid-group-item {margin-left:0px !important; width: 120px !important;}
#loat-left-first {margin-left:0px !important;}
.col-lg-mobile-0 {padding-left:10px !important; width: 100px !important;}
.set-alert .modal-white-body {width:370px !important;}
.calc-price-number .input-table {padding: 0px !important}
.general-tab-body-all {width:370px !important;}
.set-alert .modal-white-body {padding-left: 10px !important;}
#beauty-scroll {padding-right: 10px !important;}
}



/*# sourceMappingURL=style.css.map */