@charset "UTF-8";
/* CSS Document */
@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
@font-face {
  font-family: 'DMSans-Regular';
  src: url('../fonts/DMSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DMSans-Medium';
  src: url('../fonts/DMSans-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DMSans-Bold';
  src: url('../fonts/DMSans-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Inter-Bold';
  src: url('../fonts/Inter-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Inter-ExtraBold';
  src: url('../fonts/Inter-ExtraBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*============== LOADER CSS START ==============*/
a {
  text-decoration: none;
}
/* GRID */
.twelve {
  width: 100%;
}
.eleven {
  width: 91.53%;
}
.ten {
  width: 83.06%;
}
.nine {
  width: 74.6%;
}
.eight {
  width: 66.13%;
}
.seven {
  width: 57.66%;
}
.six {
  width: 49.2%;
}
.five {
  width: 40.73%;
}
.four {
  width: 32.26%;
}
.three {
  width: 23.8%;
}
.two {
  width: 15.33%;
}
.one {
  width: 6.866%;
}
/* COLUMNS */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-of-type {
  margin-left: 0;
}
/*.container{
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}*/
/* CLEARFIX */
.cf:before , .cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}
/*.row{
  margin: 30px 0;
}*/
.three {
  background-color: transparent;
  /*#eee*/
  padding: 50px 0;
}
/* ALL LOADERS */
.MyLoader {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}
/* LOADER 1 */
#loader-1:before, #loader-1:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 10px solid transparent;
  border-top-color: lightgray;
}
#loader-1:before {
  z-index: 100;
  animation: spin 1s infinite;
}
#loader-1:after {
  border: 10px solid #ccc;
}
@keyframes spin {
0% {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
/* LOADER 2 */
#loader-2 span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: lightgray;
  margin: 35px 5px;
}
#loader-2 span:nth-child(1) {
  animation: bounce 1s ease-in-out infinite;
}
#loader-2 span:nth-child(2) {
  animation: bounce 1s ease-in-out 0.33s infinite;
}
#loader-2 span:nth-child(3) {
  animation: bounce 1s ease-in-out 0.66s infinite;
}
@keyframes bounce {
0%, 75%, 100% {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
25% {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}
}
/* LOADER 3 */
#loader-3:before, #loader-3:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: calc(50% - 10px);
  background-color: lightgray;
  animation: squaremove 1s ease-in-out infinite;
}
#loader-3:after {
  bottom: 0;
  animation-delay: 0.5s;
}
@keyframes squaremove {
0%, 100% {
  -webkit-transform: translate(0, 0) rotate(0);
  -ms-transform: translate(0, 0) rotate(0);
  -o-transform: translate(0, 0) rotate(0);
  transform: translate(0, 0) rotate(0);
}
25% {
  -webkit-transform: translate(40px, 40px) rotate(45deg);
  -ms-transform: translate(40px, 40px) rotate(45deg);
  -o-transform: translate(40px, 40px) rotate(45deg);
  transform: translate(40px, 40px) rotate(45deg);
}
50% {
  -webkit-transform: translate(0px, 80px) rotate(0deg);
  -ms-transform: translate(0px, 80px) rotate(0deg);
  -o-transform: translate(0px, 80px) rotate(0deg);
  transform: translate(0px, 80px) rotate(0deg);
}
75% {
  -webkit-transform: translate(-40px, 40px) rotate(45deg);
  -ms-transform: translate(-40px, 40px) rotate(45deg);
  -o-transform: translate(-40px, 40px) rotate(45deg);
  transform: translate(-40px, 40px) rotate(45deg);
}
}
/* LOADER 4 */
#loader-4 span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: lightgray;
  margin: 35px 5px;
  opacity: 0;
}
#loader-4 span:nth-child(1) {
  animation: opacitychange 1s ease-in-out infinite;
}
#loader-4 span:nth-child(2) {
  animation: opacitychange 1s ease-in-out 0.33s infinite;
}
#loader-4 span:nth-child(3) {
  animation: opacitychange 1s ease-in-out 0.66s infinite;
}
@keyframes opacitychange {
0%, 100% {
  opacity: 0;
}
60% {
  opacity: 1;
}
}
/* LOADER 5 */
#loader-5 span {
  display: block;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 20px;
  height: 20px;
  background-color: lightgray;
}
#loader-5 span:nth-child(2) {
  animation: moveanimation1 1s ease-in-out infinite;
}
#loader-5 span:nth-child(3) {
  animation: moveanimation2 1s ease-in-out infinite;
}
#loader-5 span:nth-child(4) {
  animation: moveanimation3 1s ease-in-out infinite;
}
@keyframes moveanimation1 {
0%, 100% {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
75% {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  -o-transform: translateX(30px);
  transform: translateX(30px);
}
}
@keyframes moveanimation2 {
0%, 100% {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
75% {
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
}
}
@keyframes moveanimation3 {
0%, 100% {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
75% {
  -webkit-transform: translate(30px, 30px);
  -ms-transform: translate(30px, 30px);
  -o-transform: translate(30px, 30px);
  transform: translate(30px, 30px);
}
}
/* LOADER 6 */
#loader-6 {
  top: 40px;
  left: -5px;
}
#loader-6 span {
  display: inline-block;
  width: 5px;
  height: 20px;
  background-color: lightgray;
}
#loader-6 span:nth-child(1) {
  animation: grow 1s ease-in-out infinite;
}
#loader-6 span:nth-child(2) {
  animation: grow 1s ease-in-out 0.15s infinite;
}
#loader-6 span:nth-child(3) {
  animation: grow 1s ease-in-out 0.30s infinite;
}
#loader-6 span:nth-child(4) {
  animation: grow 1s ease-in-out 0.45s infinite;
}
@keyframes grow {
0%, 100% {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
50% {
  -webkit-transform: scaleY(1.8);
  -ms-transform: scaleY(1.8);
  -o-transform: scaleY(1.8);
  transform: scaleY(1.8);
}
}
/* LOADER 7 */
#loader-7 {
  -webkit-perspective: 120px;
  -moz-perspective: 120px;
  -ms-perspective: 120px;
  perspective: 120px;
}
#loader-7:before {
  content: "";
  position: absolute;
  left: 25px;
  top: 25px;
  width: 50px;
  height: 50px;
  background-color: lightgray;
  animation: flip 1s infinite;
}
@keyframes flip {
0% {
  transform: rotate(0);
}
50% {
  transform: rotateY(180deg);
}
100% {
  transform: rotateY(180deg) rotateX(180deg);
}
}
/* LOADER 8 */
#loader-8:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: calc(50% - 10px);
  left: 0px;
  background-color: lightgray;
  animation: rotatemove 1s infinite;
}
@keyframes rotatemove {
0% {
  -webkit-transform: scale(1) translateX(0px);
  -ms-transform: scale(1) translateX(0px);
  -o-transform: scale(1) translateX(0px);
  transform: scale(1) translateX(0px);
}
100% {
  -webkit-transform: scale(2) translateX(45px);
  -ms-transform: scale(2) translateX(45px);
  -o-transform: scale(2) translateX(45px);
  transform: scale(2) translateX(45px);
}
}
/*============== LOADER CSS END =============*/
/*======= LOAD MORE BUTTON CSS START ========*/
.fold_moreBtn {
  color: #4285F4;
  margin-top: 10px;
  display: inline-block;
  font-size: 16px;
  line-height: 25px;
  font-family: 'DMSans-Regular';
  padding-left: 10px;
  padding-bottom: 10px;
}
.fold_moreBtn:hover, .fold_moreBtn:focus {
  color: #4285F4;
}
.fold_moreBtn i {
  font-size: 18px;
  vertical-align: middle;
  margin-left: 8px;
}
.fold_moreBtn i.loader_icon {
  font-size: 18px;
}
/*======== LOAD MORE BUTTON CSS END ========*/
/*============== APP CSS START ==============*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
img, fieldset, a img {
  border: none;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
  appearance: none;
  -webkit-appearance: none;
}
input[type="submit"], button {
  cursor: pointer;
  background: none;
}
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input, button {
  margin: 0;
  padding: 0;
  border: 0;
}
div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus {
  outline: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
ul, ol {
  list-style-type: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
a {
  text-decoration: none;
}
a, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.icon-arrow-down-fat {
  width: 1.33em;
  height: 1em;
  fill: #FFF;
}
.icon-arrow-left {
  width: 0.6em;
  height: 1em;
  fill: #11142D;
}
.icon-arrow-next-fat {
  width: 1.3em;
  height: 1em;
  fill: #11142d;
}
.icon-arrow-next {
  width: 1.2em;
  height: 1em;
  fill: #11142D;
}
.icon-arrow-prev {
  width: 1.2em;
  height: 1em;
  fill: #11142d;
}
.icon-arrow-right {
  width: 0.6em;
  height: 1em;
  fill: #11142D;
}
.icon-arrow-up-fat {
  width: 1.33em;
  height: 1em;
  fill: #FFF;
}
.icon-arrows {
  width: 0.63em;
  height: 1em;
  fill: #11142d;
}
.icon-bag {
  width: 0.95em;
  height: 1em;
  fill: #1b1d21;
}
.icon-bell {
  width: 0.92em;
  height: 1em;
  fill: #11142D;
}
.icon-box {
  width: 1.13em;
  height: 1em;
  fill: #11142D;
}
.icon-chart {
  width: 1em;
  height: 1em;
  fill: #1b1d21;
}
.icon-chat {
  width: 1em;
  height: 1em;
  fill: #1b1d21;
}
.icon-close {
  width: 1em;
  height: 1em;
  fill: #1B1D21;
}
.icon-comment {
  width: 1em;
  height: 1em;
  fill: #1B1D21;
}
.icon-discovery {
  width: 1em;
  height: 1em;
  fill: #1b1d21;
}
.icon-document {
  width: 0.95em;
  height: 1em;
  fill: #1b1d21;
}
.icon-dots-border {
  width: 4em;
  height: 1em;
  fill: #11142D;
}
.icon-download-fat {
  width: 0.94em;
  height: 1em;
  fill: #11142d;
}
.icon-download {
  width: 0.95em;
  height: 1em;
  fill: #7fba7a;
}
.icon-edit {
  width: 1em;
  height: 1em;
  fill: #11142D;
}
.icon-editor-bold {
  width: 0.83em;
  height: 1em;
  fill: #fff;
}
.icon-editor-italic {
  width: 0.5em;
  height: 1em;
  fill: #808191;
}
.icon-editor-pic {
  width: 1.08em;
  height: 1em;
  fill: #808191;
}
.icon-editor-smile {
  width: 1em;
  height: 1em;
  fill: #808191;
}
.icon-folder {
  width: 1.06em;
  height: 1em;
  fill: #11142D;
}
.icon-like {
  width: 1em;
  height: 1em;
  fill: #fff;
}
.icon-logout {
  width: 1em;
  height: 1em;
  fill: #1b1d21;
}
.icon-message {
  width: 1.11em;
  height: 1em;
  fill: #1b1d21;
}
.icon-moon {
  width: 1em;
  height: 1em;
  fill: #3f8cff;
  position: absolute;
  left: 5px;
  top: 3.5px;
}
.icon-more {
  width: 1em;
  height: 1em;
  fill: #1B1D21;
}
.icon-notification {
  width: 0.91em;
  height: 1em;
  fill: #1b1d21;
}
.icon-overview {
  width: 0.95em;
  height: 1em;
  fill: #fff;
}
.icon-plus-square {
  width: 1em;
  height: 1em;
  fill: #FFF;
}
.icon-print {
  width: 1em;
  height: 1em;
  fill: #11142d;
}
.icon-profile {
  width: 0.81em;
  height: 1em;
  fill: #1b1d21;
}
.icon-remove {
  width: 1em;
  height: 1em;
  fill: #11142D;
}
.icon-search {
  width: 1em;
  height: 1em;
  fill: #11142D;
}
.icon-settings {
  width: 0.91em;
  height: 1em;
  fill: #1b1d21;
}
.icon-star {
  width: 1em;
  height: 1em;
  fill: #1B1D21;
}
.icon-sun {
  width: 1em;
  height: 1em;
  fill: #3f8cff;
  position: absolute;
  right: 4px;
  top: 2px;
  color: #ffffff;
  font-size: 27px;
}
.icon-wallet {
  width: 1.1em;
  height: 1em;
  fill: #1b1d21;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
  opacity: 1;
}
  100% {
  opacity: 0;
}
}
@keyframes fadeOut {
  0% {
  opacity: 1;
}
  100% {
  opacity: 0;
}
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  -o-transition: transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
body {
  /* min-width: 320px; */
  /* font-family: 'Inter', sans-serif; */
  /* font-size: 14px; */
  /* line-height: 1.71429; */
  /* -webkit-font-smoothing: antialiased; */
  -moz-osx-font-smoothing: grayscale;
  /* color: #11142D; */
}
body.dark {
  background: #000203;
  color: #ffffff;
}
body.no-scroll {
  overflow: hidden;
}
button, input, textarea, select {
  font-family: 'DMSans-Medium';
}
img {
  display: block;
  max-width: 100%;
}
body.dark .apexcharts-tooltip.apexcharts-theme-light {
  color: #11142D;
}
body.dark .apexcharts-gridlines-horizontal line {
  stroke: rgba(228, 228, 228, 0.1);
}
body.dark .tick-icon {
  color:#ffffff;
}
.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
.page__wrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 290px;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.page__center {
  width: 100%;
  padding: 20px;
  margin: 0 auto;
}
.page__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page__row_head .page__col {
  padding-top: 48px;
}
.page__row_border .page__col:nth-child(2) {
  border-left: 1px solid #E4E4E4;
}
.page__col {
  padding: 0 64px 44px;
}
.page__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
}
.page__col:nth-child(2) {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30%;
}
.page .page__col.page__col_w50 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.page__widgets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
}
.page__widgets:not(:last-child) {
  margin-bottom: 43px;
}
.page__widgets .widget {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 32px);
  flex: 0 0 calc(50% - 32px);
  width: calc(50% - 32px);
  margin: 0 16px;
}
.page__group .widget:not(:last-child) {
  margin-bottom: 69px;
}
.page__content {
  padding: 0 64px 64px;
}
.page__content_pt64 {
  padding-top: 64px;
  border-top: 1px solid #E4E4E4;
}
.page__stat {
  position: relative;
  padding: 50px 32px 40px;
  border-radius: 24px;
  background: #ffffff;
}
.page__stat:before {
  content: "";
  position: absolute;
  top: 43px;
  left: 32px;
  right: 32px;
  bottom: -43px;
  z-index: -1;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.page__stat_pt32 {
  padding-top: 32px;
}
.page__stat_sm .sorting {
  position: absolute;
  top: 32px;
  right: 40px;
}
.page__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page__flex .widget:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 298px;
  margin-right: 32px;
}
.page__flex .widget:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.page__title {
  margin-bottom: 32px;
}
.page__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
}
.page__nav .page__link {
  padding: 7px 18px;
  border-radius: 12px;
  font-weight: 600;
  color: #777E87;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.page__nav .page__link:hover, .page__nav .page__link.active {
  background: #4285F4;
  color: #ffffff;
}
body.dark .page__row_border .page__col:nth-child(2) {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .page__stat {
  background: #242731;
}
body.dark .page__stat:before {
  background: #000;
  opacity: 0.51;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
body.dark .page__content_pt64 {
  border-color: rgba(228, 228, 228, 0.1);
}
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 290px;
  height: 100vh;
  padding: 85px 0 0;
  background: #F8FAFB;
}
.sidebar.active {
  width: 86px;
}
.sidebar__wrapper {
  max-height: 100%;
  padding: 0 15px 30px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.sidebar__wrapper::-webkit-scrollbar {
  display: none;
}
.sidebar__inner {
  width: 260px;
  overflow: hidden;
  -webkit-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
}
.sidebar.active .sidebar__inner {
  width: 56px;
}
.sidebar__top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  height: 75px;
  padding: 15px;
}
.sidebar {
  padding: 75px 0 0;
}
.sidebar__top .sidebar__logo {
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
}
.sidebar__logo {
  font-size: 0;
}
.sidebar__logo .sidebar__pic {
  width: 120px;
}
.sidebar__logo .sidebar__pic_white {
  display: none;
}
.sidebar__close {
  position: relative;
  top: 6px;
  display: none;
  margin-right: 25px;
  font-size: 0;
}
.sidebar__close span {
  font-size: 30px;
  color: #2A353D;
  vertical-align: middle;
}
.sidebar__wrapper .sidebar__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0;
  overflow: hidden;
  margin: 0 -20px;
}
.sidebar.active .sidebar__top .sidebar__logo {
  opacity: 0;
}
.sidebar__burger {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 86px;
  height: 75px;
  padding: 15px;
  border-bottom: 1px solid transparent;
  font-size: 0;
}
.sidebar.active .sidebar__burger {
  border-color: #E4E4E4;
}
.sidebar__burger:before {
  content: "";
  background: url('../images/collapse.svg') no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 35px;
  right: 13px;
}
.sidebar.active .sidebar__burger:before {
  position: unset;
  top: 5px;
  right: unset;
}
.sidebar__list {
  margin-bottom: 62px;
}
/* .sidebar__group:not(:last-child) {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 40px;
} */
.sidebar__group {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
/* .sidebar__group:not(:last-child):before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #eeeeee;
} */
.sidebar__group:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #ebe9e9;
}
.sidebar__group:last-child:before {
  display: none;
}
.sidebar__caption {
  margin-bottom: 10px;
  padding-left: 20px;
  color: #777E87;
  white-space: nowrap;
  -webkit-transition: padding .25s;
  -o-transition: padding .25s;
  transition: padding .25s;
}
.sidebar.active .sidebar__caption {
  padding: 0;
  text-align: center;
}
.sidebar.active .sidebar__caption span {
  display: none;
}
.sidebar__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 46px;
  padding: 0 15px;
  border-radius: 12px;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  color: #777E87;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  position: relative;
  padding-left: 0;
}
.sidebar__item:hover {
  color: #4285F4;
}
.sidebar__item.active {
  background: #4285F4;
  color: #ffffff;
}
.sidebar.active .sidebar__item {
  padding-left: 0;
}
.sidebar__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
  width: 56px;
  height: 46px;
  margin-right: 0;
  -webkit-transition: margin .25s;
  -o-transition: margin .25s;
  transition: margin .25s;
}
.sidebar__icon .icon {
  font-size: 21px;
  fill: #1B1D21;
  opacity: 0.4;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.sidebar__item img {
  width: auto;
  height: 20px;
}
.sidebar__icon .icon-message {
  font-size: 19px;
}
.sidebar__item:hover .icon {
  fill: #4285F4;
  opacity: 1;
}
.sidebar__item.active .icon {
  opacity: 1;
  fill: #ffffff;
}
.sidebar.active .sidebar__profile {
  width: 86px;
  overflow: hidden;
}
/* .sidebar__item .sidebar__text {
  margin-right: auto;
} */
.sidebar__counter {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 20px;
  margin-left: 10px;
  padding: 0 3px;
  border-radius: 12px;
  background: #FF8F07;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  font-family: 'DMSans-Medium';
  font-weight: normal;
  color: #ffffff;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.sidebar.active .sidebar__counter {
  position: absolute;
  top: 15px;
  left: 22px;
  min-width: 10px;
  height: 10px;
  font-size: 0;
}
.sidebar__profile {
  margin-top: 25px;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 15px;
  width: 290px;
  background: #F8FAFB;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.sidebar__profile:before {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  height: 1px;
  background: #ebe9e9;
}
.sidebar__details {
  position: relative;
  display: none;
  padding: 10px;
  margin-bottom: 10px;
  background: #edf1f3;
  border-radius: 12px;
  -webkit-transition: padding .25s, background .25s;
  -o-transition: padding .25s, background .25s;
  transition: padding .25s, background .25s;
}
body.dark .sidebar__details {
  background: rgba(228, 228, 228, 0.04);
}
.sidebar__details:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 72px;
  height: 4px;
  border-radius: 2px;
  background: #e0e7eb;
  display: none;
}
.sidebar__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #2A353D;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.sidebar__link:hover {
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.04);
}
.sidebar__link .sidebar__icon {
  width: 50px;
  margin: 0;
  padding-right: 6px;
  text-align: center;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.sidebar__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 56px;
  padding-right: 5px;
}
.sidebar__img .icon {
  font-size: 19px;
}
.sidebar__group:not(:last-child):before {
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.sidebar.active .sidebar__bottom {
  padding: 0 35px;
}
.sidebar.active .sidebar__bottom .switch_theme .switch__in {
  padding-left: 60px;
}
.page.toggle .page__wrapper {
  padding-left: 86px;
}
.sidebar__user {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 7px;
  height: 62px;
  border-radius: 12px;
  color: #2A353D;
  cursor: pointer;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
/* .sidebar__user:hover, .sidebar__user.active {
  background: #4285F4;
  color: #ffffff;
}
.sidebar__user:hover .sidebar__arrow , .sidebar__user.active .sidebar__arrow {
  filter: brightness(100);
}
.sidebar__user:hover .sidebar__status, .sidebar__user.active .sidebar__status {
  color: #ffffff;
}
.sidebar__user:hover .icon, .sidebar__user.active .icon {
  fill: #ffffff;
} */
.sidebar__ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 23px;
  text-transform: uppercase;
  background-color: #4285F4;
  border: 1px solid #ffffff;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar__ava .sidebar__pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
.sidebar__arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 17px;
  height: 17px;
  font-size: 0;
}
.sidebar__arrow .icon {
  font-size: 16px;
  fill: #11142D;
}
.sidebar__desc {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 64px);
  flex: 0 0 calc(100% - 64px);
  width: calc(100% - 64px);
  padding: 0 5px 0 16px;
}
.sidebar__man {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 23px;
}
.sidebar__status {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777E87;
}
.sidebar__bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 72px;
  padding: 0 40px;
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: padding .25s;
  -o-transition: padding .25s;
  transition: padding .25s;
}
.sidebar .switch {
  margin-right: auto;
}
.sidebar .switch {
  margin-right: 0;
  margin-top: 10px;
}
.sidebar__banner {
  position: relative;
  margin-top: 50px;
  padding: 8px 8px 20px;
  border-radius: 16px;
  background: #CFC8FF;
  text-align: center;
  display: none;
}
.sidebar__banner:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: -8px;
  z-index: -1;
  border-radius: 12px;
  background: rgba(207, 200, 255, 0.5);
}
.sidebar__banner:not(:last-child) {
  margin-bottom: 40px;
}
.sidebar__preview {
  margin-bottom: 6px;
  font-size: 0;
}
.sidebar__banner .sidebar__btn {
  min-width: 171px;
  color: #5F75EE;
}
.sidebar__banner .sidebar__btn:hover {
  color: #4285F4;
}
.sidebar.active .sidebar__top {
  padding: 0;
}
.sidebar.active .sidebar__icon {
  margin-right: 21px;
}
.sidebar.active .sidebar__wrapper .sidebar__logo {
  height: 70px;
}
.sidebar.active .sidebar__details {
  padding: 5px 0 5px;
  background: none;
}
.sidebar.active .sidebar__link .sidebar__icon {
  width: 56px;
  padding: 0;
}
.sidebar.active .sidebar__group:before {
  left: -15px;
  right: -15px;
}
body.dark .sidebar {
  background: #111617;
  box-shadow: 5px 0 50px rgb(0 0 0 / 50%);
}
body.dark .sidebar__pic_black {
  display: none;
}
body.dark .sidebar__pic_white {
  display: inline-block;
}
body.dark .sidebar__icon .icon {
  fill: #ffffff;
}
body.dark .sidebar__item:hover {
  color: #ffffff;
}
body.dark .sidebar__group:before, body.dark .sidebar__profile:before {
  background: rgba(228, 228, 228, 0.1);
}
body.dark .sidebar.active .sidebar__details {
  background: none;
}
body.dark .sidebar__details:before {
  background: rgba(228, 228, 228, 0.1);
}
body.dark .sidebar__link:hover {
  background: #2A353D;
  color: #ffffff;
}
body.dark .sidebar__link:hover .icon {
  fill: #ffffff;
  opacity: 1;
}
body.dark .sidebar__man {
  color: #ffffff;
}
body.dark .sidebar__arrow .icon {
  fill: #ffffff;
}
body.dark .sidebar__bottom {
  -webkit-box-shadow: inset 0px 1px 0px rgba(228, 228, 228, 0.1);
  box-shadow: inset 0px 1px 0px rgba(228, 228, 228, 0.1);
}
body.dark .sidebar__burger:before {
  background: url('../images/collapse.svg') no-repeat;
  filter: brightness(100);
}
body.dark .sidebar__close .icon {
  fill: #ffffff;
}
body.dark .sidebar__btn.btn_white {
  background: #4285F4;
  color: #ffffff;
}
body.dark .sidebar__btn.btn_white:hover {
  background: #1B1D21;
}
body.dark .sidebar.active .sidebar__burger {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .range_slider .container_range input {
  border: 1px solid #2a353d;
  background: #111617;
  color: #ffffff;
}
body.dark .container_range span {
  color: #ffffff;
}
body.dark .btn_apply button {
  color: #ffffff;
}
.switch {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 0;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
  height: 22px;
}
.switch__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch__in {
  display: inline-block;
}
.switch__box {
  position: relative;
  display: block;
  width: 70px;
  height: 32px;
  background: #2A353D;
  border-radius: 16px;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.switch__box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 4px solid #ffffff;
  -webkit-box-shadow: 0px 4px 8px rgb(0 0 0 / 16%);
  box-shadow: 0px 4px 8px rgb(0 0 0 / 16%);
  background: #ffffff;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.switch__icon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
  position: unset;
}
.switch__icon .icon {
  font-size: 24px;
  fill: #3F8CFF;
}
.switch__icon .icon-moon {
  display: none;
}
.switch__input:checked+.switch__flex .switch__box:before {
  -webkit-transform: translate(24px, -50%);
  -ms-transform: translate(24px, -50%);
  transform: translate(24px, -50%);
}
.switch_theme .switch__in {
  padding-left: 56px;
  padding-left: 0;
  position: relative;
}
body.dark .switch_theme .switch__input+.switch__in .switch__box {
  background: #464f54;
}
body.dark .switch_theme .switch__input+.switch__in .switch__box:before {
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-radius: 16px;
  -webkit-transform: translate(37px, -50%);
  -ms-transform: translate(37px, -50%);
  transform: translate(37px, -50%);
  border-color: #ffffff;
}
body.dark .switch_theme .switch__input+.switch__in .icon-moon {
  display: inline-block;
}
body.dark .switch_theme .switch__input+.switch__in .icon-sun {
  display: none;
}
.slider {
  margin-bottom: 56px;
}
.slider__container {
  position: relative;
  background: #4285F4;
  border-radius: 24px;
}
.slider__container:before, .slider__container:after {
  content: "";
  position: absolute;
  background: #CFC8FF;
  border-radius: 24px;
}
.slider__container:before {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: -8px;
  z-index: -1;
}
.slider__container:after {
  top: 16px;
  left: 20px;
  right: 20px;
  bottom: -16px;
  z-index: -2;
}
.slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 42px 0 56px 32px;
  color: #ffffff;
}
.slider__details {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 185px;
  padding-top: 13px;
}
.slider__preview {
  margin: 0 auto;
  font-size: 0;
}
.slider__pic {
  max-width: 214px;
  max-height: 214px;
}
.slider__title {
  margin-bottom: 14px;
}
.slider__text {
  margin-bottom: 14px;
}
.slider__close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 0;
}
.slider__close .icon {
  font-size: 12px;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  -o-transition: transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}
.slider__close:hover .icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.slider .owl-dots {
  position: absolute;
  left: 217px;
  right: 0;
  bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.slider .owl-carousel button.owl-dot {
  position: relative;
  width: 12px;
  height: 12px;
}
.slider .owl-carousel button.owl-dot:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.slider .owl-carousel button.owl-dot:hover:before, .slider .owl-carousel button.owl-dot.active:before {
  -webkit-box-shadow: 0 0 0 2px #A0D7E7;
  box-shadow: 0 0 0 2px #A0D7E7;
}
.slider .owl-carousel button.owl-dot:not(:last-child) {
  margin-right: 10px;
}
body.dark .slider__close {
  background: #242731;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}
body.dark .slider__close .icon {
  fill: #ffffff;
}
/* .btn {
  min-width: 166px;
  height: 56px;
  padding: 0 20px;
  border-radius: 16px/16px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  font-weight: 700;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
} */
.btn .icon, .btn__text {
  display: inline-block;
  vertical-align: middle;
}
.btn .icon {
  position: relative;
  top: -2px;
  font-size: 20px;
}
.btn .icon:not(:last-child) {
  margin-right: 10px;
}
.btn_white {
  background: #ffffff;
  color: #1B1D21;
}
.btn_white:hover {
  color: #4285F4;
}
.btn_purple {
  background: #4285F4;
  color: #ffffff;
}
.btn_purple:hover {
  background: #5a49ce;
}
.btn_blue {
  background: #3F8CFF;
  color: #ffffff;
}
.btn_blue:hover {
  background: #1b77ff;
}
.btn_blue-dark {
  background: #0049C6;
  color: #ffffff;
}
.btn_blue-dark:hover {
  background: #0056ea;
}
.btn_black {
  background: #1B1D21;
  color: #ffffff;
}
.btn_black .icon {
  fill: #ffffff;
}
.btn_black:hover {
  background: #4285F4;
}
.btn_gray {
  background: #E4E4E4;
  color: #11142D;
}
.btn_gray:hover {
  background: rgba(228, 228, 228, 0.5);
}
.btn_wide {
  min-width: 100%;
}
.btn[href] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.dark .btn_white {
  background: #242731;
  color: #ffffff;
}
body.dark .btn_white:hover {
  background: #1B1D21;
}
body.dark .btn_gray {
  background: rgba(228, 228, 228, 0.1);
  color: #ffffff;
}
body.dark .btn_gray:hover {
  opacity: .8;
}
.widget {
  padding: 32px;
  border-radius: 24px;
  background: #ffffff;
}
.widget__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 88px;
  padding: 0 32px;
}
.widget > .widget__title {
  margin-bottom: 32px;
}
.widget__title {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  line-height: 1.33333;
}
.widget__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}
.widget__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 0;
}
.widget__next .icon {
  font-size: 10px;
  fill: #11142D;
  -webkit-transition: fill .25s;
  -o-transition: fill .25s;
  transition: fill .25s;
}
.widget__next:hover .icon {
  fill: #4285F4;
}
.widget__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.widget__item:before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  right: -12px;
  bottom: -12px;
  border-radius: 16px;
  background: #4285F4;
  opacity: 0;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
}
.widget__item:hover:before {
  opacity: 1;
}
.widget__item:not(:last-child) {
  margin-bottom: 40px;
}
.widget__preview {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
  height: 46px;
  border-radius: 16px;
  overflow: hidden;
  font-size: 0;
}
.widget__pic {
  max-width: 100%;
  max-height: 100%;
}
.widget__details {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 24px;
}
.widget__item .widget__category {
  position: relative;
  margin-bottom: 3px;
  padding-right: 30px;
  color: #11142D;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.widget__item .widget__category .icon {
  position: absolute;
  top: 50%;
  right: 9px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 10px;
  fill: #11142D;
  -webkit-transition: fill .25s;
  -o-transition: fill .25s;
  transition: fill .25s;
}
.widget__info {
  color: #777E87;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.widget__item:hover .widget__category, .widget__item:hover .widget__info {
  color: #ffffff;
}
.widget__item:hover .widget__category .icon, .widget__item:hover .widget__info .icon {
  fill: #ffffff;
}
.widget__wrap {
  padding: 24px;
  border-radius: 16px;
  background: #ffffff;
}
.widget__chart_earning {
  height: 205px;
  margin-top: -20px;
  margin-left: -20px;
  margin-bottom: 15px;
}
.widget__chart_impressions {
  height: 320px;
  margin-left: -20px;
}
.widget__chart_users {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
  height: 80px;
  margin-top: -5px;
}
.widget__chart_earning-month {
  max-width: 120px;
  height: 120px;
  margin: 0 auto;
}
.widget__chart_items {
  height: 240px;
}
.widget__col:first-child {
  margin-bottom: 32px;
}
.widget__counter {
  margin-bottom: 12px;
}
.widget__foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
}
.widget__foot .widget__link {
  color: #5F75EE;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.widget__foot .widget__link:hover {
  color: #4285F4;
}
.widget__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.widget__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.widget__color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #777E87;
}
.widget__color:not(:last-child) {
  margin-right: 24px;
}
.widget__bg {
  width: 20px;
  height: 20px;
  border-radius: 8px;
  margin-right: 8px;
}
.widget__text_mb32 {
  margin-bottom: 32px;
}
.widget__text_mb40 {
  margin-bottom: 40px;
}
.widget_shadow {
  position: relative;
}
.widget_shadow:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 18px;
  right: 18px;
  bottom: -40px;
  z-index: -2;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.widget_chart {
  padding: 32px 8px 8px;
}
.widget_chart .widget__title {
  padding: 0 24px;
}
.widget_pink {
  background: #FFEBF6;
}
.widget_purple {
  background: #4285F4;
}
.widget_stat {
  position: relative;
  text-align: center;
}
.widget_stat:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.widget_stat .widget__title {
  margin-bottom: 12px;
}
.widget_stat > .widget__text {
  max-width: 185px;
  margin: 0 auto 18px;
  color: #777E87;
}
.widget_stat .widget__btn.btn_white {
  -webkit-box-shadow: 0 10px 20px rgba(227, 230, 236, 0.6);
  box-shadow: 0 10px 20px rgba(227, 230, 236, 0.6);
  color: #5F75EE;
}
.widget_stat .widget__btn.btn_white:hover {
  color: #1B1D21;
}
.widget_empty {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.widget_stat.widget_empty:before {
  display: none;
}
.widget_p0 {
  padding: 0;
}
.widget_pt0 {
  padding-top: 0;
}
.widget_pb60 {
  padding-bottom: 58px;
}
.widget_users .widget__flex {
  padding: 26px 32px 40px;
  -webkit-box-shadow: inset 0px -1px 0px #E4E4E4;
  box-shadow: inset 0px -1px 0px #E4E4E4;
}
.widget_users .widget__flex:first-child {
  padding-top: 0;
}
.widget_users .widget__desc {
  margin-right: auto;
}
.widget_users .widget__category {
  line-height: 1.3;
  color: #777E87;
}
.widget_users .widget__percent {
  font-weight: 600;
  line-height: 1.3;
  color: #7FBA7A;
}
.widget_after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  bottom: -8px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.5);
}
body.dark .widget {
  background: #242731;
}
body.dark .widget__item .widget__category {
  color: #ffffff;
}
body.dark .widget__item .widget__category .icon {
  fill: #ffffff;
}
body.dark .widget__wrap {
  background: #242731;
}
body.dark .widget__next .icon {
  fill: #ffffff;
}
body.dark .widget_shadow:before {
  background: #000;
  opacity: 0.51;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
body.dark .widget_pink {
  background: #3F8CFF;
}
body.dark .widget_stat:before {
  background: #000;
  opacity: 0.51;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
body.dark .widget_stat .widget__btn.btn_white {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #1F2128;
}
body.dark .widget_stat .widget__btn.btn_white:hover {
  color: #ffffff;
}
body.dark .widget_empty {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.dark .widget_users .widget__flex {
  -webkit-box-shadow: inset 0px -1px 0px rgba(228, 228, 228, 0.1);
  box-shadow: inset 0px -1px 0px rgba(228, 228, 228, 0.1);
}
body.dark .widget_purple {
  background: #4285F4;
}
body.dark .widget_after:after {
  background: rgba(36, 39, 49, 0.5);
}
.header {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 298px;
  margin-left: auto;
}
.header .search {
  width: 214px;
  margin-left: -8px;
  margin-right: auto;
}
.header__user {
  display: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  font-size: 0;
}
.header__pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
.header__burger {
  display: none;
  margin-right: 15px;
  font-size: 0;
  position: relative;
  top: 1px;
}
/* .header__burger:before {
  content: "";
  background: url('../images/collapse.svg') no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
} */
.header__burger:before {
  font-family: 'Material Symbols Outlined';
  content: '\e5d2';
  font-weight: 300;
  font-size: 34px;
  color: #2A353D;
}
.header__search {
  display: none;
  width: 40px;
  height: 40px;
  margin-right: 25px;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 10px rgba(227, 230, 236, 0.6);
  box-shadow: 0 5px 10px rgba(227, 230, 236, 0.6);
  font-size: 0;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.header__search .icon {
  font-size: 20px;
  fill: #1B1D21;
}
.header__search.active {
  background: #4285F4;
}
.header__search.active .icon {
  fill: #ffffff;
}
body.dark .header__search {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
body.dark .header__search .icon {
  fill: #ffffff;
}
.search {
  position: relative;
  z-index: 3;
}
.search__field {
  position: relative;
  z-index: 2;
}
.search__input {
  width: 100%;
  height: 48px;
  padding: 0 10px 0 44px;
  border-radius: 12px;
  background: transparent;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #11142D;
  -webkit-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
}
.search__input::-webkit-input-placeholder {
  color: #777E87;
}
.search__input::-ms-input-placeholder {
  color: #777E87;
}
.search__input::placeholder {
  color: #777E87;
}
.search__toggle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 42px;
  font-size: 0;
}
.search__toggle .icon {
  fill: #1B1D21;
  -webkit-transition: fill .25s;
  -o-transition: fill .25s;
  transition: fill .25s;
}
.search__toggle .icon-search {
  font-size: 20px;
}
.search__toggle .icon-close {
  display: none;
  font-size: 16px;
}
.search__toggle:hover .icon {
  fill: #4285F4;
}
.search__result {
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  padding: 70px 16px 24px;
  border-radius: 12px;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 30px rgba(227, 230, 236, 0.5);
  box-shadow: 0 10px 30px rgba(227, 230, 236, 0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.search__info {
  color: #777E87;
}
.search__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 0;
  color: #11142D;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.search__item:hover {
  color: #4285F4;
}
.search__item:not(:last-child) {
  border-bottom: 1px solid #E4E4E4;
}
.search__preview {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  border-radius: 12px;
  overflow: hidden;
  font-size: 0;
}
.search__pic {
  max-width: 100%;
  max-height: 100%;
}
.search__text {
  position: relative;
  padding-right: 30px;
  line-height: 1.42857;
  font-weight: 600;
}
.search__text .icon {
  position: absolute;
  top: 5px;
  right: 9px;
  font-size: 10px;
  fill: #11142D;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.search__item:hover .icon {
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
  fill: #4285F4;
}
.search__btn {
  height: 40px;
}
.search.active .search__input {
  background: rgba(228, 228, 228, 0.3);
}
.search.active .search__toggle .icon-search {
  display: none;
}
.search.active .search__toggle .icon-close {
  display: inline-block;
}
.search.active .search__result {
  visibility: visible;
  opacity: 1;
}
body.dark .search__toggle .icon {
  fill: #ffffff;
}
body.dark .search__toggle:hover .icon {
  fill: #4285F4;
}
body.dark .search__input {
  color: #ffffff;
}
body.dark .search__result {
  background: #242731;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
body.dark .search__item {
  color: #ffffff;
}
body.dark .search__text .icon {
  fill: #ffffff;
}
body.dark .search__item:not(:last-child) {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .search.active .search__input {
  background: rgba(228, 228, 228, 0.03);
}
.notifications {
  position: relative;
}
.notifications__open {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 0;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.notifications__open .icon {
  font-size: 24px;
  fill: #1B1D21;
  -webkit-transition: fill .25s;
  -o-transition: fill .25s;
  transition: fill .25s;
}
.notifications__open:hover {
  -webkit-box-shadow: 0 5px 10px rgba(227, 230, 236, 0.6);
  box-shadow: 0 5px 10px rgba(227, 230, 236, 0.6);
}
.notifications__counter {
  position: absolute;
  top: 0;
  right: -12px;
  display: inline-block;
  min-width: 24px;
  line-height: 24px;
  border-radius: 50%;
  background: #FF754C;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
}
.notifications__wrap {
  position: absolute;
  top: calc(100% + 24px);
  right: -12px;
  width: 360px;
  padding: 32px 8px 36px;
  -webkit-box-shadow: 0 10px 36px rgba(227, 230, 236, 0.6);
  box-shadow: 0 10px 36px rgba(227, 230, 236, 0.6);
  background: #ffffff;
  border-radius: 24px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.notifications__info {
  margin-bottom: 32px;
  padding: 0 24px;
}
.notifications__list {
  margin-bottom: 32px;
}
.notifications__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 28px 16px 20px;
  border-radius: 12px;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
}
.notifications__item:hover {
  background: #4285F4;
}
.notifications__ava {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 24px;
  font-size: 0;
}
.notifications__ava > .notifications__pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
.notifications__status {
  position: absolute;
  top: 0;
  right: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 21px;
  height: 21px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  font-size: 0;
}
.notifications__status .notifications__pic {
  max-width: 10px;
}
.notifications__details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.notifications__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
}
.notifications__user {
  margin-right: auto;
  color: #11142D;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.notifications__time, .notifications__text {
  color: #B2B3BD;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.notifications__time {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 20px;
}
.notifications__project {
  padding-left: 5px;
  color: #5F75EE;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.notifications__item:hover .notifications__user, .notifications__item:hover .notifications__time, .notifications__item:hover .notifications__text, .notifications__item:hover .notifications__project {
  color: #ffffff;
}
.notifications__btns {
  text-align: center;
}
.notifications__btn {
  min-width: 230px;
}
.notifications.active .notifications__open {
  background: #4285F4;
  -webkit-box-shadow: 0 5px 10px rgba(227, 230, 236, 0.6);
  box-shadow: 0 5px 10px rgba(227, 230, 236, 0.6);
}
.notifications.active .notifications__open .icon {
  fill: #ffffff;
}
.notifications.active .notifications__wrap {
  visibility: visible;
  opacity: 1;
}
body.dark .notifications__open {
  background: #242731;
}
body.dark .notifications__open .icon {
  fill: #ffffff;
}
body.dark .notifications__open:hover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
body.dark .notifications__wrap {
  background: #242731;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
body.dark .notifications__user {
  color: #ffffff;
}
body.dark .notifications.active .notifications__open {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
}
.banner__container {
  position: relative;
  padding: 64px 64px 76px;
  border-radius: 24px;
  background: #4285F4;
  overflow: hidden;
}
.banner__wrap {
  max-width: 400px;
  color: #ffffff;
}
.banner__text {
  margin-bottom: 16px;
}
.banner__btn {
  min-width: 209px;
}
.banner__preview {
  position: absolute;
  top: 40px;
  right: 90px;
  width: 543px;
  font-size: 0;
}
.banner__preview .banner__pic {
  width: 100%;
}
.banner:not(:last-child) {
  margin-bottom: 32px;
}
.sorting__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
.sorting__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 16px);
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}
.sorting__dropdowns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
.sorting__dropdowns .dropdown {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 16px);
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}
.sorting__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sorting__search {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.sorting__line .sorting__search {
  margin-right: 56px;
}
.sorting__input {
  width: 100%;
  height: 56px;
  padding: 0 20px 0 55px;
  border: none;
  border-radius: 16px;
  background: rgba(228, 228, 228, 0.2);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1B1D21;
}
.sorting__input::-webkit-input-placeholder {
  color: #777E87;
}
.sorting__input::-ms-input-placeholder {
  color: #777E87;
}
.sorting__input::placeholder {
  color: #777E87;
}
.sorting__open {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 55px;
  font-size: 0;
}
.sorting__open .icon {
  font-size: 20px;
  fill: #11142D;
  -webkit-transition: fill .25s;
  -o-transition: fill .25s;
  transition: fill .25s;
}
.sorting__open:hover .icon {
  fill: #4285F4;
}
.sorting__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sorting__action {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 0;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  -o-transition: box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}
.sorting__action .icon {
  font-size: 17px;
  fill: #11142D;
}
.sorting__action .icon-edit {
  font-size: 19px;
}
.sorting__action .icon-box {
  font-size: 15px;
}
.sorting__action:hover {
  -webkit-box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
  box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
}
.sorting__action:not(:last-child) {
  margin-right: 24px;
}
.sorting:not(:last-child) {
  margin-bottom: 15px;
}
body.dark .sorting__input {
  background: rgba(228, 228, 228, 0.04);
  color: #ffffff;
}
body.dark .sorting__open .icon {
  fill: #ffffff;
}
body.dark .sorting__action {
  background: #242731;
}
body.dark .sorting__action .icon {
  fill: #ffffff;
}
body.dark .sorting__action:hover {
  -webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.25);
}
.dropdown {
  position: relative;
  width: 100%;
}
.dropdown__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  padding: 0 46px 0 10px;
  border: 2px solid transparent;
  background: rgba(228, 228, 228, 0.3);
  border-radius: 16px;
  font-weight: 600;
  color: #777E87;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* .dropdown__head:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath fill='%231b1d21' d='M.293.293A1 1 0 0 1 1.613.21l.094.083L7 5.585 12.293.293a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 .083 1.32l-.083.094-6 6a1 1 0 0 1-1.32.083l-.094-.083-6-6a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  -o-transition: transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
} */
.dropdown__head:before {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Material Symbols Outlined';
  content: '\e5cf';
  font-weight: 200;
  font-size: 28px;
  color: #000000;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  -o-transition: transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  -webkit-font-smoothing: antialiased;
}
.dropdown__body {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 20;
  width: 310px;
  padding: 32px;
  border: 1px solid #E4E4E4;
  background: #ffffff;
  border-radius: 24px;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0 20px 16px rgba(227, 230, 236, 0.6);
  box-shadow: 0 20px 16px rgba(227, 230, 236, 0.6);
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.dropdown__item {
  display: block;
}
.dropdown__item:not(:last-child) {
  margin-bottom: 10px;
}
.dropdown__title {
  position: relative;
  margin-bottom: 3px;
  padding-right: 30px;
  color: #11142D;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.dropdown__title:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 8px;
  width: 6px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath fill='%2311142d' d='M.293.293A1 1 0 0 1 1.613.21l.094.083 4 4a1 1 0 0 1 .083 1.32l-.083.094-4 4A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707A1 1 0 0 1 .21.387L.293.293z'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  -o-transition: transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}
.dropdown__info {
  color: #777E87;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.dropdown__item:hover .dropdown__title:before {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.dropdown__item:hover .dropdown__title, .dropdown__item:hover .dropdown__info {
  color: #4285F4;
}
.dropdown.active .dropdown__head {
  border-color: #D0E3FF;
  background: #ffffff;
  color: #242947;
}
.dropdown.active .dropdown__head:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  top: 42%;
}
.dropdown.active .dropdown__body {
  visibility: visible;
  opacity: 1;
}
body.dark .dropdown__head:before {
  /* background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath fill='%23ffffff' d='M.293.293A1 1 0 0 1 1.613.21l.094.083L7 5.585 12.293.293a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 .083 1.32l-.083.094-6 6a1 1 0 0 1-1.32.083l-.094-.083-6-6a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E); */
  color: #ffffff;
}
body.dark .dropdown__body {
  background: #111617;
  -webkit-box-shadow: 0 4px 30px rgb(0 0 0 / 25%);
  box-shadow: 0 4px 30px rgb(0 0 0 / 25%);
}
body.dark .dropdown__title {
  color: #ffffff;
}
body.dark .dropdown__title:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath fill='%23ffffff' d='M.293.293A1 1 0 0 1 1.613.21l.094.083 4 4a1 1 0 0 1 .083 1.32l-.083.094-4 4A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707A1 1 0 0 1 .21.387L.293.293z'/%3E%3C/svg%3E");
}
body.dark .dropdown.active .dropdown__head {
  background: rgba(228, 228, 228, 0.04);
  color: #ffffff;
}
.products > .products__title {
  margin-bottom: 16px;
}
.products > .products__info {
  margin-bottom: 20px;
  color: #777E87;
}
.products__table {
  display: table;
  width: 100%;
}
.products__row {
  display: table-row;
}
.products__row_head .products__cell {
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 13px;
  line-height: 1.38462;
  font-weight: 500;
  color: #B2B3BD;
}
.products__cell {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E4E4E4;
}
.products__cell:first-child {
  width: 20px;
  padding: 0;
  font-size: 0;
}
.products__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #11142D;
}
.products__preview {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 96px;
  height: 72px;
  border-radius: 8px;
  background: #A0D7E7;
  font-size: 0;
}
.products__preview:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 7px;
  right: 7px;
  height: 8px;
  border-radius: 0 0 8px 8px;
  background: #E7FAFF;
}
.products__pic {
  max-height: 100%;
}
.products__details {
  padding-left: 24px;
}
.products__cell .products__title {
  margin-bottom: 9px;
}
.products__color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.products__bg {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 4px;
}
.products__rating {
  color: #777E87;
}
.products__color .products__text {
  margin-left: 8px;
}
.products__more {
  padding-top: 40px;
  text-align: center;
}
.products__cost {
  position: relative;
  cursor: pointer;
}
.products__cost .products__tooltip {
  position: absolute;
  top: 10%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 160px;
  padding: 32px 26px;
  background: #ffffff;
  border-radius: 24px;
  -webkit-box-shadow: 0 20px 30px rgba(227, 230, 236, 0.9);
  box-shadow: 0 20px 30px rgba(227, 230, 236, 0.9);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.products__cost:hover .products__tooltip {
  visibility: visible;
  opacity: 1;
}
.products__sale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
  color: #777E87;
}
.products__sale .products__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 6px;
}
.products__sale .products__pic {
  max-width: 8px;
}
.products__progress {
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: #E4E4E4;
}
.products__progress span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 1px;
  background: #4285F4;
}
.products__price:not(:last-child) {
  margin-bottom: 10px;
}
.products__transaction {
  color: #777E87;
}
.products__status {
  display: inline-block;
  padding: 3px 16px;
  border-radius: 4px;
  color: #ffffff;
}
.products__body {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 24px 24px;
  padding: 4px;
  border: 1px solid #E4E4E4;
  border-radius: 8px;
}
.products__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.products_main .products__money {
  color: #5F75EE;
}
.products_main .products__cell:nth-child(2) {
  font-size: 0;
}
.products_main .products__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  padding-right: 8px;
}
.products_main .products__col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 44%;
  flex: 0 0 44%;
  padding-right: 8px;
}
.products_main .products__col:nth-child(3) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 26%;
  flex: 0 0 26%;
}
.products_history .products__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 42%;
  flex: 0 0 42%;
  padding-right: 8px;
}
.products_history .products__col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  padding-right: 8px;
}
.products_history .products__col:nth-child(3) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 26%;
  flex: 0 0 26%;
}
.products_statement .products__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 42%;
  flex: 0 0 42%;
  padding-right: 8px;
}
.products_statement .products__col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  padding-right: 8px;
}
.products_statement .products__col:nth-child(3) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 26%;
  flex: 0 0 26%;
}
body.dark .products__cell {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .products__item {
  color: #ffffff;
}
body.dark .products__body {
  border-color: rgba(228, 228, 228, 0.1);
}
.checkbox {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.checkbox__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.checkbox__tick {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #E4E4E4;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.checkbox__tick:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 9px;
  opacity: 0;
  background: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.375L1.5 3.375L0 4.875L3.5 8.375L10 1.875L8.5 0.375L3.5 5.375Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/100% auto;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
}
.checkbox__text {
  margin-left: 8px;
  padding-top: 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #777E87;
}
.checkbox:hover .checkbox__tick {
  border-color: #4285F4;
}
.checkbox__input:checked+.checkbox__in .checkbox__tick {
  background: #4285F4;
  border-color: #4285F4;
}
.checkbox__input:checked+.checkbox__in .checkbox__tick:before {
  opacity: 1;
}
.checkbox__input:checked+.checkbox__in .checkbox__text {
  color: #11142D;
}
body.dark .checkbox__tick {
  border-color: #6c757d;
}
body.dark .checkbox__input:checked+.checkbox__in .checkbox__text {
  color: #ffffff;
}
.radio {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.radio__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.radio__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.radio__tick {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #E4E4E4;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.radio__tick:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
}
.radio__text {
  margin-left: 8px;
  padding-top: 3px;
  font-size: 13px;
  line-height: 1.2;
  color: #777E87;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.radio:hover .radio__tick {
  background: #4285F4;
}
.radio__input:checked+.radio__in .radio__tick {
  background: #4285F4;
}
.radio__input:checked+.radio__in .radio__tick:before {
  opacity: 1;
}
.radio__input:checked+.radio__in .radio__text {
  color: #11142D;
}
body.dark .radio__tick {
  background: rgba(228, 228, 228, 0.1);
}
body.dark .radio__input:checked+.radio__in .radio__text {
  color: #ffffff;
}
.details__container {
  position: relative;
  padding: 32px 32px 38px;
  background: #ffffff;
  border-radius: 24px;
}
.details__container:before {
  content: "";
  position: absolute;
  top: 28px;
  left: 18px;
  right: 18px;
  bottom: -28px;
  z-index: -1;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.details__title {
  margin-bottom: 40px;
}
.details__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.details__col:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 145px;
  padding-right: 16px;
}
.details__col:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.details__top {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E4E4E4;
}
.details__number {
  margin-bottom: 16px;
}
.details__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5F75EE;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.details__line:hover {
  color: #4285F4;
}
.details__preview {
  font-size: 0;
}
.details__line .details__preview {
  width: 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 16px;
}
.details__statistics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.details__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.details__status .details__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  border-radius: 50%;
  font-size: 0;
}
.details__status .details__icon .icon {
  font-size: 6px;
  fill: #ffffff;
}
.details__box {
  position: relative;
  padding: 5px 5px 13px;
  border-radius: 16px;
  background: #3F8CFF;
}
.details__chart_activity {
  height: 25px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 13px;
}
.details__chart_counter {
  height: 200px;
}
.details__chart_counter .apexcharts-tooltip.apexcharts-theme-light {
  background: #1B1D21;
  border: none;
  color: #ffffff;
}
.details__chart_report {
  height: 215px;
}
.details__info {
  color: #B2B3BD;
}
.details__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 16px;
  border: 1px solid #E4E4E4;
}
.details__item {
  padding: 24px;
}
.details__item:not(:last-child) {
  border-right: 1px solid #E4E4E4;
}
.details__list_three .details__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
  width: 33.333%;
}
.details__list_four .details__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
}
.details__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}
.details__head .details__preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 6px;
  font-size: 0;
}
.details__head .details__pic {
  max-width: 8px;
}
.details__indicator {
  position: relative;
  height: 2px;
  border-radius: 1px;
  background: #E4E4E4;
}
.details__progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.details__remove {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 0;
}
.details__remove .icon {
  font-size: 10px;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  -o-transition: transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}
.details__remove:hover .icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.details .dropdown {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 200px;
}
.details:not(:last-child) {
  margin-bottom: 28px;
}
.details_statements:not(:last-child) {
  margin-bottom: 68px;
}
.details_statements .details__col:first-child {
  width: 170px;
  padding-right: 25px;
}
.details_statements .details__counter {
  margin-bottom: 10px;
}
.details_statements .details__line .details__info {
  color: #5F75EE;
}
body.dark .details__container {
  background: #242731;
}
body.dark .details__container:before {
  background: #000;
  opacity: 0.51;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
body.dark .details__remove {
  background: #242731;
}
body.dark .details__remove .icon {
  fill: #ffffff;
}
body.dark .details__list {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .details__top {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .details__item {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .details__indicator {
  background: rgba(228, 228, 228, 0.1);
}
.quality__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.quality__item_chart {
  position: relative;
  padding-right: 60px;
}
.quality__item[href] {
  color: #11142D;
}
.quality__item:not(:last-child) {
  margin-bottom: 48px;
}
.quality__preview {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 14px;
  border-radius: 12px;
  font-size: 0;
}
.quality__preview .quality__pic {
  max-height: 100%;
}
.quality__chart {
  position: absolute;
  top: 73%;
  right: -32px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 110px;
  height: 110px;
}
.quality__details {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.quality__percent {
  position: absolute;
  top: 39%;
  left: 51%;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.quality__info {
  margin-top: 5px;
  color: #777E87;
}
.quality__btn {
  margin-top: 40px;
}
.quality__btn_mt30 {
  margin-top: 30px;
}
.quality__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quality__line .quality__price {
  margin-left: auto;
  padding-left: 10px;
  color: #7FBA7A;
}
.quality__category {
  position: relative;
  padding-right: 20px;
}
.quality__category .icon {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  -o-transition: transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}
.quality__money {
  display: inline-block;
  margin-top: 8px;
  padding: 3px 10px;
  background: #4285F4;
  border-radius: 8px;
  color: #ffffff;
}
.quality_big .quality__list {
  margin: -8px -16px;
}
.quality_big .quality__item {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border-radius: 12px;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.quality_big .quality__item:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 10px;
  right: 10px;
  height: 0;
  border-radius: 0 0 8px 8px;
  background: #CFC8FF;
  -webkit-transition: height .25s;
  -o-transition: height .25s;
  transition: height .25s;
}
.quality_big .quality__item:hover {
  background: #4285F4;
  color: #ffffff;
}
.quality_big .quality__item:hover:before {
  height: 6px;
}
.quality_big .quality__item:not(:last-child) {
  margin-bottom: 24px;
}
.quality_big .quality__item:hover .quality__category {
  color: #ffffff;
}
.quality_big .quality__item:hover .quality__category .icon {
  fill: #ffffff;
}
.quality_big .quality__item:hover .quality__info {
  color: #ffffff;
}
.quality_big .quality__preview {
  position: relative;
  width: 88px;
  height: 80px;
  margin-right: 24px;
}
.quality_big .quality__preview:before {
  content: "";
  position: absolute;
}
body.dark .quality__item {
  color: #ffffff;
}
body.dark .quality__category .icon {
  fill: #ffffff;
}
.goal__container {
  min-height: 220px;
  margin: 0 -16px 26px;
}
.goal__preview {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 220px;
  font-size: 0;
}
.goal__pic {
  position: relative;
  z-index: 2;
  max-height: 100%;
}
.goal__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  border-radius: 16px;
}
.goal__item:not(:last-child) {
  margin-bottom: 32px;
}
.goal__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
}
.goal__percent {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 15px;
}
.goal__indicator {
  position: relative;
  height: 8px;
  background: #E4E4E4;
  border-radius: 4px;
}
.goal__progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
}
.goal .owl-carousel .owl-item img {
  width: auto;
}
.goal .owl-nav {
  position: absolute;
  top: 0;
  left: 16px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.goal .owl-carousel .owl-nav button.owl-prev, .goal .owl-carousel .owl-nav button.owl-next {
  width: 24px;
  height: 24px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 10px #E3E6EC;
  box-shadow: 0 5px 10px #E3E6EC;
  font-size: 0;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.goal .owl-carousel .owl-nav button.owl-prev .icon, .goal .owl-carousel .owl-nav button.owl-next .icon {
  font-size: 10px;
  fill: #11142D;
  -webkit-transition: fill .25s;
  -o-transition: fill .25s;
  transition: fill .25s;
}
.goal .owl-carousel .owl-nav button.owl-prev:hover, .goal .owl-carousel .owl-nav button.owl-next:hover {
  background: #4285F4;
}
.goal .owl-carousel .owl-nav button.owl-prev:hover .icon, .goal .owl-carousel .owl-nav button.owl-next:hover .icon {
  fill: #ffffff;
}
.goal .owl-carousel .owl-nav button.owl-prev {
  margin-right: 8px;
}
body.dark .goal__indicator {
  background: rgba(228, 228, 228, 0.1);
}
body.dark .goal .owl-carousel .owl-nav button.owl-prev, body.dark .goal .owl-carousel .owl-nav button.owl-next {
  background: #242731;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
body.dark .goal .owl-carousel .owl-nav button.owl-prev .icon, body.dark .goal .owl-carousel .owl-nav button.owl-next .icon {
  fill: #ffffff;
}
body.dark .goal .owl-carousel .owl-nav button.owl-prev:hover, body.dark .goal .owl-carousel .owl-nav button.owl-next:hover {
  background: #4285F4;
}
.schedules__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 32px 32px 16px;
  border-radius: 24px;
  background: #ffffff;
}
.schedules__container:before {
  content: "";
  position: absolute;
  top: 35px;
  left: 35px;
  right: 35px;
  bottom: -35px;
  z-index: -5;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.schedules__col:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 310px;
}
.schedules__col:first-child .schedules__title {
  display: none;
}
.schedules__col:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 16px;
}
.schedules__list {
  margin-top: -8px;
}
.schedules__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 12px;
  background: transparent;
  color: #11142D;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.schedules__item:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 10px;
  right: 10px;
  height: 6px;
  border-radius: 0 0 6px 6px;
  background: #CFC8FF;
  opacity: 0;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
}
.schedules__item:hover {
  color: #4285F4;
}
.schedules__item:hover .icon {
  fill: #4285F4;
}
.schedules__item.active {
  background: #4285F4;
  color: #ffffff;
}
.schedules__item.active:before {
  opacity: 1;
}
.schedules__item:not(:last-child) {
  margin-bottom: 24px;
}
.schedules__date {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 88px;
  height: 80px;
  margin-right: 24px;
  padding-top: 7px;
  border-radius: 12px;
}
.schedules__date:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 9px;
  right: 9px;
  height: 7px;
  border-radius: 0 0 10px 10px;
}
.schedules__date.bg-pink-light:before {
  background: rgba(255, 235, 246, 0.5);
}
.schedules__date.bg-purple-light:before {
  background: rgba(207, 200, 255, 0.5);
}
.schedules__date.bg-blue-light:before {
  background: rgba(160, 215, 231, 0.5);
}
.schedules__date.bg-yellow-light:before {
  background: rgba(255, 226, 172, 0.5);
}
.schedules__name {
  line-height: 1;
  color: #777E87;
}
.schedules__details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.schedules__category {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
  padding-right: 35px;
}
.schedules__category .icon {
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 10px;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.schedules__info {
  margin-bottom: 8px;
  color: #777E87;
}
.schedules__time {
  display: inline-block;
  padding: 3px 10px;
  background: #4285F4;
  border-radius: 8px;
  color: #ffffff;
}
.schedules__item.active .schedules__name, .schedules__item.active .schedules__info {
  color: #ffffff;
}
.schedules__item.active .schedules__category .icon {
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
  fill: #ffffff;
}
.schedules__item.active .schedules__date {
  background: transparent;
}
.schedules__item.active .schedules__date:before {
  background: transparent;
}
.schedules__item.active .schedules__time {
  background: #FFEBF6;
  color: #11142D;
}
.schedules__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}
.schedules__arrows {
  display: none;
  margin-left: auto;
  margin-right: -16px;
}
.schedules__arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
  box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
  background: #ffffff;
  font-size: 0;
  -webkit-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
}
.schedules__arrow .icon {
  font-size: 10px;
  fill: #11142D;
  -webkit-transition: fill .25s;
  -o-transition: fill .25s;
  transition: fill .25s;
}
.schedules__arrow:hover {
  background: #4285F4;
}
.schedules__arrow:hover .icon {
  fill: #ffffff;
}
.schedules__arrow:not(:last-child) {
  margin-right: 8px;
}
.schedules__col > .schedules__title {
  margin-bottom: 32px;
}
.schedules__btn {
  display: none;
}
.schedules__graphic {
  position: relative;
  max-width: 586px;
  border-radius: 16px;
  border: 1px solid #E4E4E4;
}
.schedules__graphic:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 14px;
  right: 14px;
  height: 7px;
  border-radius: 0 0 7px 7px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #E4E4E4;
}
.schedules__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 68px;
  border-bottom: 1px solid #E4E4E4;
}
.schedules__option {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 138px;
  padding-left: 32px;
  font-size: 13px;
  font-weight: 600;
  color: #777E87;
}
.schedules__week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.schedules__cell {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666%;
  flex: 0 0 16.666%;
  width: 16.666%;
}
.schedules__day {
  position: relative;
  display: inline-block;
  min-width: 32px;
  margin-left: -16px;
  background: transparent;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
}
.schedules__day:before {
  content: "";
  position: absolute;
  top: 6px;
  right: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.schedules__day.active {
  background: #FF754C;
  color: #ffffff;
}
.schedules__day.green:before {
  background: #7FBA7A;
}
.schedules__day.purple:before {
  background: #4285F4;
}
.schedules__day.gray:before {
  background: #E4E4E4;
}
.schedules__body {
  position: relative;
  padding: 26px 0 22px;
}
.schedules__grid {
  position: absolute;
  top: 0;
  left: 138px;
  right: 0;
  bottom: 0;
}
.schedules__line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #E4E4E4;
  pointer-events: none;
}
.schedules__line:first-child {
  left: 8.33%;
}
.schedules__line:nth-child(2) {
  left: 25%;
}
.schedules__line:nth-child(3) {
  left: 41.66%;
}
.schedules__line:nth-child(4) {
  left: 58.33%;
}
.schedules__line:nth-child(5) {
  left: 75%;
}
.schedules__row {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.schedules__row:not(:last-child) {
  margin-bottom: 18px;
}
.schedules__task {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  padding: 0 2px;
  border-radius: 8px;
}
.schedules__task .schedules__text {
  padding: 0 15px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
}
.schedules__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  padding: 0 16px;
}
.schedules__status {
  position: relative;
  padding-left: 20px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  color: #777E87;
}
.schedules__status:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.schedules__status.green:before {
  background: #7FBA7A;
}
.schedules__status.purple:before {
  background: #4285F4;
}
.schedules__status.gray:before {
  background: #E4E4E4;
}
.schedules__status:not(:last-child) {
  margin-right: 120px;
}
.schedules:not(:last-child) {
  margin-bottom: 36px;
}
body.dark .schedules__container {
  background: #242731;
}
body.dark .schedules__container:before {
  background: #000;
  opacity: 0.51;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
body.dark .schedules__item {
  color: #ffffff;
}
body.dark .schedules__category .icon {
  fill: #ffffff;
}
body.dark .schedules__name, body.dark .schedules__number {
  color: #5F75EE;
}
body.dark .schedules__item:hover {
  color: #4285F4;
}
body.dark .schedules__item:hover .icon {
  fill: #4285F4;
}
body.dark .schedules__item.active, body.dark .schedules__item.active .schedules__number {
  color: #ffffff;
}
body.dark .schedules__item.active .icon {
  fill: #ffffff;
}
body.dark .schedules__graphic {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .schedules__graphic:before {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .schedules__head {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .schedules__day.gray:before, body.dark .schedules__status.gray:before {
  background: rgba(228, 228, 228, 0.1);
}
body.dark .schedules__line {
  background: rgba(228, 228, 228, 0.1);
}
body.dark .schedules__task .schedules__text {
  background: rgba(36, 39, 49, 0.8);
}
body.dark .schedules__arrow {
  background: #242731;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
}
body.dark .schedules__arrow .icon {
  fill: #ffffff;
}
.tabs__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -20px 0 14px -16px;
}
.tabs__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 53%;
  flex: 0 0 53%;
  width: 53%;
}
.tabs__col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 47%;
  flex: 0 0 47%;
  width: 47%;
  padding-top: 20px;
}
.tabs__list {
  margin-left: -16px;
}
.tabs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 16px;
  border-radius: 16px;
  color: #11142D;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.tabs__item:hover {
  color: #4285F4;
}
.tabs__item:hover .icon {
  fill: #4285F4;
}
.tabs__item.active {
  background: #FFEBF6;
  color: #11142D;
}
.tabs__item.active .icon {
  fill: #11142D;
}
.tabs__preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 88px;
  height: 80px;
  margin-right: 16px;
  border-radius: 12px;
  font-size: 0;
}
.tabs__pic {
  max-height: 100%;
}
.tabs__details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.tabs__category {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3px;
  padding-right: 20px;
}
.tabs__category .icon {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  -o-transition: transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}
.tabs__info {
  margin-bottom: 8px;
  color: #777E87;
}
.tabs__price {
  display: inline-block;
  padding: 3px 10px;
  background: #4285F4;
  border-radius: 8px;
  color: #ffffff;
}
.tabs__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px;
  border-radius: 12px;
  border: 1px solid #E4E4E4;
}
.tabs__link, .tabs__link2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  padding: 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #242947;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.tabs__link:hover, .tabs__link2:hover {
  color: #4285F4;
}
.tabs__link:hover .icon, .tabs__link2:hover .icon {
  fill: #4285F4;
}
.tabs__link.active, .tabs__link2.active {
  background: #4285F4;
  color: #ffffff;
}
body.dark .tabs__link.active, body.dark .tabs__link2.active {
  background: #2A353D;
}
.tabs__link.active .icon, .tabs__link2.active .icon {
  fill: #ffffff;
}
.tabs__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
  font-size: 0;
}
.tabs__icon .icon {
  font-size: 18px;
  fill: #11142D;
  -webkit-transition: fill .25s;
  -o-transition: fill .25s;
  transition: fill .25s;
}
.tabs__chart {
  max-width: 190px;
  height: 140px;
  margin: 0 auto 20px;
}
.tabs__desc {
  text-align: center;
}
.tabs__title {
  margin-bottom: 10px;
}
.tabs__date {
  margin-bottom: 50px;
  color: #777E87;
}
.tabs__btn {
  min-width: 180px;
}
body.dark .tabs__item {
  color: #ffffff;
}
body.dark .tabs__item:hover {
  color: #4285F4;
}
body.dark .tabs__item:hover .icon {
  fill: #4285F4;
}
body.dark .tabs__item.active {
  color: #11142D;
}
body.dark .tabs__item.active .tabs__category .icon {
  fill: #11142D;
}
body.dark .tabs__category .icon {
  fill: #ffffff;
}
body.dark .tabs__nav {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .tabs__icon .icon {
  fill: #ffffff;
}
body.dark .tabs__link:hover, body.dark .tabs__link2:hover {
  color: #ffffff;
}
.payment__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.payment__details {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 225px;
  margin-right: 16px;
  padding: 32px;
  border-radius: 16px;
  -webkit-box-shadow: 0 10px 36px rgba(227, 230, 236, 0.6);
  box-shadow: 0 10px 36px rgba(227, 230, 236, 0.6);
  text-align: center;
}
.payment__preview {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
  border-radius: 24px;
  font-size: 0;
}
.payment__preview .payment__pic {
  max-height: 100%;
}
.payment__pic_white {
  display: none;
}
.payment__mail {
  margin-bottom: 16px;
  color: #7FBA7A;
}
.payment__info {
  width: 100%;
  max-width: 140px;
  color: #B2B3BD;
}
.payment__details .payment__info {
  margin: 0 auto 32px;
}
.payment__logo {
  font-size: 0;
}
.payment__details .payment__logo {
  display: inline-block;
}
.payment__logo .payment__pic {
  max-width: 87px;
  max-height: 30px;
}
.payment__variants {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.payment__label {
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.payment__label:not(:last-child) {
  margin-bottom: 18px;
}
.payment__radio {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.payment__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 34px 32px;
  border-radius: 16px;
  -webkit-box-shadow: inset 0 0 0 1px #E3E6EC;
  box-shadow: inset 0 0 0 1px #E3E6EC;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  -o-transition: box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}
.payment__tick {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-right: 36px;
  border-radius: 4px;
  border: 2px solid #E4E4E4;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.payment__tick:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 7px;
  opacity: 0;
  background: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.375L1.5 3.375L0 4.875L3.5 8.375L10 1.875L8.5 0.375L3.5 5.375Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/100% auto;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
}
.payment__desc .payment__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  margin-top: -8px;
}
.payment__desc .payment__info {
  display: block;
  margin-top: 16px;
}
.payment__btn {
  min-width: 132px;
  height: 40px;
  margin-top: 16px;
}
.payment__label:hover .payment__in {
  -webkit-box-shadow: inset 0 0 0 1px #4285F4;
  box-shadow: inset 0 0 0 1px #4285F4;
}
.payment__radio:checked+.payment__in {
  -webkit-box-shadow: inset 0 0 0 2px #4285F4;
  box-shadow: inset 0 0 0 2px #4285F4;
}
.payment__radio:checked+.payment__in .payment__tick {
  background: #4285F4;
  border-color: #4285F4;
}
.payment__radio:checked+.payment__in .payment__tick:before {
  opacity: 1;
}
body.dark .payment__pic_black {
  display: none;
}
body.dark .payment__pic_white {
  display: inline-block;
}
body.dark .payment__details {
  -webkit-box-shadow: 0 10px 36px rgba(0, 0, 0, 0.35);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.35);
}
body.dark .payment__tick {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .payment__in {
  -webkit-box-shadow: inset 0 0 0 1px rgba(228, 228, 228, 0.1);
  box-shadow: inset 0 0 0 1px rgba(228, 228, 228, 0.1);
}
.inbox__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -18px 0 28px -18px;
}
.inbox__tag {
  margin: 18px 0 0 18px;
  border: 2px solid #FF754C;
  border-radius: 12px;
  padding: 6px 16px;
  line-height: 1.42857;
  font-weight: 600;
  color: #11142D;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.inbox__tag:hover, .inbox__tag.active {
  background: #4285F4;
  border-color: #4285F4;
  color: #ffffff;
}
.inbox__container {
  position: relative;
  padding: 32px;
  border-radius: 24px;
  background: #ffffff;
}
.inbox__container:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 18px;
  right: 18px;
  bottom: -32px;
  z-index: -1;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.inbox__container > .inbox__title {
  margin-bottom: 16px;
}
.inbox__list {
  margin: 0 -16px;
}
.inbox__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 16px;
  border-radius: 12px;
  background: transparent;
  color: #777E87;
  cursor: pointer;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.inbox__ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  font-size: 0;
}
.inbox__ava .inbox__pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
.inbox__details {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 48px);
  flex: 0 0 calc(100% - 48px);
  width: calc(100% - 48px);
  padding-left: 24px;
}
.inbox__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.inbox__author {
  color: #5F75EE;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.inbox__time {
  margin-left: 10px;
}
.inbox__item .inbox__title {
  margin-bottom: 18px;
  color: #11142D;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.inbox__text {
  margin-bottom: 16px;
}
.inbox__text p:not(:last-child) {
  margin-bottom: 20px;
}
.inbox__item:hover {
  background: rgba(228, 228, 228, 0.3);
}
.inbox__item.active {
  background: #4285F4;
  color: #ffffff;
}
.inbox__item.active .actions__btn {
  border-color: #ffffff;
}
.inbox__item.active .actions__btn .icon {
  fill: #ffffff;
}
.inbox__item.active .inbox__title, .inbox__item.active .inbox__author {
  color: #ffffff;
}
.inbox__foot {
  padding-top: 12px;
  text-align: center;
}
.inbox__foot .inbox__btn {
  min-width: 180px;
}
.inbox__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
.inbox__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
}
.inbox__btns .inbox__btn {
  min-width: 140px;
}
.inbox__btns .inbox__btn:not(:last-child) {
  margin-right: 16px;
}
.inbox__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 0;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  -o-transition: box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}
.inbox__more .icon {
  font-size: 6px;
  fill: #11142D;
}
.inbox__more:hover {
  -webkit-box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
  box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
}
.inbox__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inbox__box:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E4E4E4;
}
.inbox__box .inbox__author {
  color: #11142D;
}
.inbox__box .inbox__time {
  margin-left: 24px;
  color: #B2B3BD;
}
.inbox__box .inbox__title {
  margin-bottom: 32px;
}
.inbox__box .inbox__text {
  color: #777E87;
}
.inbox .files {
  margin-top: 24px;
}
.inbox .sorting {
  margin-bottom: 24px;
}
body.dark .inbox__tag {
  color: #ffffff;
}
body.dark .inbox__container {
  background: #242731;
}
body.dark .inbox__container:before {
  background: #000;
  opacity: 0.51;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
body.dark .inbox__item:hover {
  background: rgba(228, 228, 228, 0.04);
}
body.dark .inbox__item.active {
  background: #4285F4;
}
body.dark .inbox__title {
  color: #ffffff;
}
body.dark .inbox__item.active .inbox__title {
  color: #ffffff;
}
body.dark .inbox__item.active .inbox__author {
  color: #ffffff;
}
body.dark .inbox__more .icon {
  fill: #ffffff;
}
body.dark .inbox__more:hover {
  -webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.35);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.35);
}
body.dark .inbox__box {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .inbox__box .inbox__author {
  color: #ffffff;
}
.actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.actions__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #E4E4E4;
  font-size: 0;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.actions__btn .icon {
  font-size: 12px;
  fill: #1B1D21;
  opacity: .4;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.actions__btn:hover .icon {
  opacity: .75;
}
.actions__btn:not(:last-child) {
  margin-right: 16px;
}
body.dark .actions__btn {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .actions__btn .icon {
  fill: #ffffff;
}
.files__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -8px -4px 0;
}
.files__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  border-radius: 16px;
  color: #11142D;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
}
.files__item.purple {
  background: rgba(207, 200, 255, 0.5);
}
.files__item.purple .files__preview {
  background: #CFC8FF;
}
.files__item.blue {
  background: #E7FAFF;
}
.files__item.blue .files__preview {
  background: #A0D7E7;
}
.files__item:hover {
  opacity: .8;
}
.files > .files__item:not(:last-child) {
  margin-bottom: 10px;
}
.files__list .files__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 8px);
  flex: 0 0 calc(50% - 8px);
  width: calc(50% - 8px);
  margin: 4px 4px 0;
}
.files__preview {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  overflow: hidden;
  font-size: 0;
}
.files__pic {
  max-width: 100%;
  max-height: 100%;
}
.files__details {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 48px);
  flex: 0 0 calc(100% - 48px);
  width: calc(100% - 48px);
  padding-left: 16px;
}
.files__title {
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5F75EE;
}
body.dark .files__item {
  background: rgba(228, 228, 228, 0.1);
  color: #ffffff;
}
body.dark .files__title {
  color: #ffffff;
}
.editor__wrap {
  background: #fafafa;
  border-radius: 12px;
}
.editor__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  border-bottom: 1px solid #E4E4E4;
}
.editor__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -16px auto 0 -16px;
}
.editor__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 16px 0 0 16px;
  border-radius: 4px;
  background: #E4E4E4;
  font-size: 0;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.editor__action .icon {
  font-size: 12px;
  fill: #808191;
  -webkit-transition: fill .25s;
  -o-transition: fill .25s;
  transition: fill .25s;
}
.editor__action:hover, .editor__action.active {
  background: rgba(27, 29, 33, 0.3);
}
.editor__action:hover .icon, .editor__action.active .icon {
  fill: #ffffff;
}
.editor__add {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-left: 30px;
  border-radius: 50%;
  background: #1B1D21;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.editor__add:before, .editor__add:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #ffffff;
}
.editor__add:before {
  width: 8px;
  height: 2px;
}
.editor__add:after {
  width: 2px;
  height: 8px;
}
.editor__add:hover {
  background: rgba(27, 29, 33, 0.8);
}
.editor__body {
  padding: 32px 24px;
}
.editor__textarea {
  width: 100%;
  height: 110px;
  border: none;
  background: none;
  resize: none;
  font-size: 14px;
}
.editor__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 360px;
  margin: -16px 0 0 -8px;
}
.editor__preview {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 16px);
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 16px 8px 0;
  font-size: 0;
  cursor: pointer;
}
.editor__pic {
  border-radius: 8px;
}
.editor__close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.editor__close .icon {
  font-size: 6px;
  fill: #1B1D21;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  -o-transition: transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}
.editor__close:hover .icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.editor__preview:hover .editor__close {
  visibility: visible;
  opacity: 1;
}
.editor__btn {
  min-width: 232px;
  margin-top: 24px;
}
.editor__btn.btn_wide {
  min-width: 100%;
}
.editor .files {
  width: 100%;
  margin-top: 24px;
}
body.dark .editor__wrap {
  background: rgba(228, 228, 228, 0.03);
}
body.dark .editor__head {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .editor__action {
  background: rgba(228, 228, 228, 0.1);
}
body.dark .editor__action.active {
  background: #1B1D21;
}
body.dark .editor__textarea {
  color: #ffffff;
}
body.dark .editor__close {
  background: #242731;
}
body.dark .editor__close .icon {
  fill: #ffffff;
}
.notification__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -18px 0 28px -18px;
}
.notification__tag {
  margin: 18px 0 0 18px;
  border: 2px solid #E4E4E4;
  border-radius: 12px;
  padding: 6px 16px;
  line-height: 1.42857;
  font-weight: 600;
  color: #11142D;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.notification__tag:hover, .notification__tag.active {
  background: #4285F4;
  border-color: #4285F4;
  color: #ffffff;
}
.notification__container {
  position: relative;
  padding: 32px;
  border-radius: 24px;
  background: #ffffff;
}
.notification__container:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 32px;
  right: 32px;
  bottom: -32px;
  z-index: -1;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.notification__title {
  margin-bottom: 32px;
}
.notification__list {
  margin: 0 -16px;
}
.notification__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 16px;
  border-radius: 12px;
  background: transparent;
  color: #777E87;
  cursor: pointer;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.notification__ava {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  font-size: 0;
}
.notification__ava > .notification__pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
.notification__status {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  font-size: 0;
}
.notification__details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 24px;
}
.notification__author {
  margin-bottom: 9px;
  color: #11142D;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.notification__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.notification__line .notification__category {
  margin-right: 8px;
}
.notification__info {
  margin-right: 8px;
  color: #5F75EE;
}
.notification__item .notification__text {
  margin-bottom: 16px;
}
.notification__item .notification__text p:not(:last-child) {
  margin-bottom: 20px;
}
.notification__item:hover {
  background: rgba(228, 228, 228, 0.3);
}
.notification__item.active {
  background: #4285F4;
  color: #ffffff;
}
.notification__item.active .actions__btn {
  border-color: #ffffff;
}
.notification__item.active .actions__btn .icon {
  fill: #ffffff;
}
.notification__item.active .notification__title, .notification__item.active .notification__author, .notification__item.active .notification__info {
  color: #ffffff;
}
.notification__preview {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  border-radius: 8px;
  font-size: 0;
}
.notification__preview:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 7px;
  right: 7px;
  height: 7px;
  border-radius: 0 0 7px 7px;
}
.notification__preview.bg-purple-light:before {
  background: rgba(207, 200, 255, 0.5);
}
.notification__preview.bg-blue-light:before {
  background: rgba(160, 215, 231, 0.5);
}
.notification__preview.bg-yellow:before {
  background: rgba(255, 206, 115, 0.5);
}
.notification__preview .notification__pic {
  max-height: 100%;
}
.notification__btns {
  padding-top: 24px;
  text-align: center;
}
.notification__btn {
  min-width: 180px;
}
.notification__photo {
  margin-bottom: 40px;
  font-size: 0;
}
.notification__photo .notification__pic {
  width: 100%;
}
.notification__body {
  padding: 0 24px;
}
.notification__body:not(:last-child) {
  margin-bottom: 32px;
}
.notification__stage {
  margin-bottom: 16px;
}
.notification__parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
.notification__parameter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5F75EE;
}
.notification__parameter:not(:last-child) {
  margin-right: 16px;
}
.notification__icon {
  margin-right: 10px;
  font-size: 0;
}
body.dark .notification__container {
  background: #242731;
}
body.dark .notification__container:before {
  background: #000;
  opacity: 0.51;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
body.dark .notification__tag {
  border-color: rgba(228, 228, 228, 0.1);
  color: #ffffff;
}
body.dark .notification__tag:hover {
  border-color: #4285F4;
}
body.dark .notification__item:hover {
  background: rgba(228, 228, 228, 0.04);
}
body.dark .notification__item.active {
  background: #4285F4;
}
body.dark .notification__item.active .notification__author {
  color: #ffffff;
}
body.dark .notification__item.active .notification__info {
  color: #5F75EE;
}
body.dark .notification__author {
  color: #ffffff;
}
.filters__container {
  position: relative;
  padding: 32px;
  background: #ffffff;
  border-radius: 24px;
}
.filters__container:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 17px;
  right: 17px;
  bottom: -32px;
  z-index: -1;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.filters__item:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E4E4E4;
}
.filters__title {
  margin-bottom: 24px;
}
.filters__variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 32px;
}
.filters .checkbox:not(:last-child) {
  margin-bottom: 20px;
}
.filters__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.filters__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
}
.filters__btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 10px);
  flex: 0 0 calc(50% - 10px);
  min-width: calc(50% - 10px);
  height: 44px;
  margin: 0 5px;
  padding: 0;
  font-size: 14px;
}
.filters__line,.filters__line2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
#etfstab .label_align {
  width: calc(13% - -2.12px);
}
.filters__line {
  margin-top: 10px;
}
.filters__line2 {
  margin-bottom: 0;
}
.filters .radio:not(:last-child) {
  margin-right: 32px;
}
.filters__reset {
  line-height: 1.42857;
  font-weight: 600;
  color: #777E87;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.filters__reset:hover {
  color: #4285F4;
}
body.dark .filters__container {
  background: #242731;
}
body.dark .filters__container:before {
  background: #000;
  opacity: 0.51;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
body.dark .filters__item {
  border-color: rgba(228, 228, 228, 0.1);
}
.activity__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.activity__col:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.activity__col:nth-child(2) {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 426px;
  padding: 32px 0 0 65px;
}
.activity__container {
  position: relative;
  padding: 32px;
  background: #ffffff;
  border-radius: 24px;
}
.activity__container:before {
  content: "";
  position: absolute;
  top: 26px;
  left: 19px;
  right: 19px;
  bottom: -26px;
  z-index: -1;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.activity__title {
  margin-bottom: 32px;
}
.activity__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.activity__variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 130px;
  padding-right: 15px;
}
.activity__variants .checkbox:not(:last-child) {
  margin-bottom: 16px;
}
.activity__list {
  margin-right: -16px;
}
.activity__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 16px;
  overflow: hidden;
  border-radius: 12px;
  color: #777E87;
  cursor: pointer;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.activity__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  -webkit-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
}
.activity__item:hover {
  background: rgba(228, 228, 228, 0.3);
}
.activity__item.active {
  color: #ffffff;
}
.activity__item.active:before {
  background: #4285F4;
}
.activity__ava {
  position: relative;
  z-index: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  font-size: 0;
}
.activity__ava > .activity__pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
.activity__status {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FF9A7B;
  border: 2px solid #ffffff;
  font-size: 0;
}
.activity__details {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 32px 0 24px;
}
.activity__author {
  margin-bottom: 9px;
  color: #11142D;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.activity__details .activity__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.activity__line .activity__category {
  margin-right: 8px;
}
.activity__info {
  margin-right: 8px;
  color: #5F75EE;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
.activity__item .activity__text p:not(:last-child) {
  margin-bottom: 20px;
}
.activity__item.active .activity__author, .activity__item.active .activity__info {
  color: #ffffff;
}
.activity__preview {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 96px;
  height: 84px;
  background: #A0D7E7;
  border-radius: 8px;
  font-size: 0;
}
.activity__preview:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 7px;
  right: 7px;
  height: 7px;
  border-radius: 0 0 7px 7px;
  background: #E7FAFF;
}
.activity__preview .activity__pic {
  max-height: 100%;
}
.activity__btns {
  padding-top: 24px;
  text-align: center;
}
.activity__btn {
  min-width: 180px;
}
.activity:not(:first-child) {
  margin-top: 48px;
}
body.dark .activity__container {
  background: #242731;
}
body.dark .activity__container:before {
  background: #000;
  opacity: 0.51;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
body.dark .activity__author {
  color: #ffffff;
}
body.dark .activity__item:hover {
  background: rgba(228, 228, 228, 0.04);
}
body.dark .activity__item.active .activity__author {
  color: #ffffff;
}
.field__label {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.33333;
  font-weight: 500;
  color: #B2B3BD;
}
.field__input, .field__textarea {
  width: 100%;
  border-radius: 8px;
  background: rgba(228, 228, 228, 0.3);
  border: 2px solid transparent;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #11142D;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.field__input:focus, .field__textarea:focus {
  border-color: #4285F4;
  background: #ffffff;
}
.field__input {
  height: 56px;
  padding: 0 23px;
}
.field__textarea {
  height: 157px;
  padding: 15px 23px;
  resize: none;
}
body.dark .field__input, body.dark .field__textarea {
  color: #ffffff;
  background: rgba(228, 228, 228, 0.04);
}
.popup {
  position: relative;
  max-width: 630px;
  margin: 15px auto;
  background: #ffffff;
  border-radius: 24px;
}
.popup__form {
  padding: 32px;
  border-radius: 24px;
}
.popup__title {
  margin-bottom: 48px;
}
.popup__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -13px 0 32px -13px;
}
.popup__tag {
  margin: 13px 0 0 13px;
  border: 2px solid #FF754C;
  border-radius: 12px;
  padding: 6px 16px;
  line-height: 1.42857;
  font-weight: 600;
  color: #11142D;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.popup__tag:hover, .popup__tag.active {
  background: #4285F4;
  border-color: #4285F4;
  color: #ffffff;
}
.popup__select {
  min-width: 100%;
  height: 56px;
  margin-bottom: 32px;
  padding: 0 40px 0 24px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 12px;
  background: rgba(228, 228, 228, 0.25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none'%3E%3Cpath fill-rule='evenodd' d='M9.293.333a.5.5 0 0 1 .39.812L5.39 6.512a.5.5 0 0 1-.781 0L.317 1.146a.5.5 0 0 1 .39-.812h8.586z' fill='%23b5b5be'/%3E%3C/svg%3E") no-repeat calc(100% - 16px) 50%/11px 7px;
  font-size: 14px;
  font-weight: 600;
  color: #777E87;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.popup__select::-ms-expand {
  display: none;
}
.popup__select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.popup__user:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E4E4E4;
}
.popup__category {
  margin-bottom: 32px;
  color: #B2B3BD;
}
.popup__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup__ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  font-size: 0;
}
.popup__ava .popup__pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
  image-orientation: from-image;
}
.popup__details {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 64px);
  flex: 0 0 calc(100% - 64px);
  width: calc(100% - 64px);
  padding-left: 40px;
}
.popup__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.popup__btns .popup__btn {
  min-width: 166px;
  height: 40px;
}
.popup__btns .popup__btn:not(:last-child), .popup__loading:not(:last-child) {
  margin-right: 16px;
}
.popup__loading {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.popup__file {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 140px;
  opacity: 0;
}
.popup__loading:hover .popup__btn {
  background: #5a49ce;
}
.popup__text {
  color: #B2B3BD;
}
.popup__fieldset {
  margin-bottom: 24px;
}
.popup__fieldset > .popup__field:not(:last-child) {
  margin-bottom: 20px;
}
.popup__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
.popup__row:not(:last-child) {
  margin-bottom: 20px;
}
.popup__row .popup__field {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 16px);
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}
.popup .mfp-close {
  position: absolute;
  top: 20px;
  right: 32px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: normal;
  opacity: 1;
  font-size: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%2311142d' d='M1.613.2l.094.083L5 3.585 8.293.293a1 1 0 0 1 1.414 0 1 1 0 0 1 .083 1.32l-.083.094L6.415 5l3.292 3.293a1 1 0 0 1-1.32 1.497l-.094-.083L5 6.415 1.707 9.707A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707a1 1 0 0 1 0-1.414A1 1 0 0 1 1.613.21z'/%3E%3C/svg%3E") no-repeat 50% 50%/10px auto;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  -o-transition: box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.popup .mfp-close:hover {
  -webkit-box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
  box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
}
.mfp-container {
  padding: 20px;
}
.mfp-bg {
  background: rgba(27, 29, 33, 0.7);
}
.mfp-zoom-in .popup {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.mfp-zoom-in.mfp-ready .popup {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .popup {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
body.dark .popup {
  background: #242731;
}
body.dark .popup__tag {
  color: #ffffff;
}
body.dark .popup__user {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .popup .mfp-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23ffffff' d='M1.613.2l.094.083L5 3.585 8.293.293a1 1 0 0 1 1.414 0 1 1 0 0 1 .083 1.32l-.083.094L6.415 5l3.292 3.293a1 1 0 0 1-1.32 1.497l-.094-.083L5 6.415 1.707 9.707A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707a1 1 0 0 1 0-1.414A1 1 0 0 1 1.613.21z'/%3E%3C/svg%3E");
}
body.dark .popup .mfp-close:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
}
body.dark .popup__select {
  background-color: rgba(228, 228, 228, 0.04);
}
body.dark .popup__btns .popup__btn.btn_gray {
  background: none;
}
body.dark .mfp-bg {
  background: rgba(27, 29, 33, 0.9);
}
.color-green {
  color: #7FBA7A;
}
.color-red {
  color: #FF754C;
}
.color-white {
  color: #ffffff;
}
.color-blue {
  color: #3F8CFF;
}
.color-blue-dark {
  color: #5F75EE;
}
.color-purple {
  color: #4285F4;
}
.color-gray {
  color: #777E87;
}
.bg-blue {
  background: #3F8CFF;
}
.bg-blue-opacity {
  background: rgba(63, 140, 255, 0.3);
}
.bg-blue-light {
  background: #A0D7E7;
}
.bg-blue-light-opacity {
  background: rgba(160, 215, 231, 0.3);
}
.bg-yellow {
  background: #FFCE73;
}
.bg-yellow-opacity {
  background: rgba(255, 206, 115, 0.3);
}
.bg-yellow-light {
  background: #FFE2AC;
}
.bg-pink {
  background: #FFA2C0;
}
.bg-pink-opacity {
  background: rgba(255, 162, 192, 0.3);
}
.bg-pink-light {
  background: #FFEBF6;
}
.bg-green {
  background: #7FBA7A;
}
.bg-green-opacity {
  background: rgba(127, 186, 122, 0.3);
}
.bg-purple {
  background: #4285F4;
}
.bg-purple-opacity {
  background: rgba(108, 93, 211, 0.3);
}
.bg-purple-light {
  background: #CFC8FF;
}
.bg-red {
  background: #FF754C;
}
.bg-red-opacity {
  background: rgba(255, 117, 76, 0.3);
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-uppercase {
  text-transform: uppercase;
}
.m-auto {
  margin: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.desktop-show {
  display: none;
}
.tablet-show {
  display: none;
}
.mobile-show {
  display: none;
}
.title {
  font-size: 16px;
  line-height: 1.1875;
  font-weight: 600;
}
.title_lg, .title_md, .title_sm {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: -1px;
}
.title_lg {
  font-size: 96px;
  line-height: 1.25;
}
.title_md {
  font-size: 72px;
  line-height: 1.22222;
}
.title_sm {
  font-size: 64px;
  line-height: 1.125;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Poppins', sans-serif;
}
.h1, .h2, .h3 {
  font-weight: 600;
  letter-spacing: -1px;
}
.h4, .h5, .h6 {
  font-weight: 500;
}
.h1 {
  font-size: 56px;
  line-height: 1.14286;
}
.h2 {
  font-size: 48px;
  line-height: 1.5;
}
.h3 {
  font-size: 40px;
  line-height: 1.5;
}
.h4 {
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: -.5px;
}
.h5 {
  font-size: 24px;
  line-height: 1.33333;
}
.h6 {
  font-size: 18px;
  line-height: 1.33333;
}
.caption {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.38462;
}
.caption-sm {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33333;
}
@media only screen and (max-width: 1339px) and (max-width: 767px) {
.widget_responsive:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.schedules__col:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
  body.dark .schedules__col:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}

}
@media (hover: hover) {
.switch:hover {
  opacity: .8;
}
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/* Remove all paddings around the image on small screen */
.mfp-img-mobile .mfp-image-holder {
  padding-left: 0;
  padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
  padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
  top: 0;
  bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
  display: inline;
  margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  margin: 0;
  top: auto;
  padding: 3px 5px;
  position: fixed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
  padding: 0;
}
.mfp-img-mobile .mfp-counter {
  right: 5px;
  top: 3px;
}
.mfp-img-mobile .mfp-close {
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  text-align: center;
  padding: 0;
}
}
@media only screen and (max-width: 1419px) {
.page__col {
  padding: 0 48px 44px;
}
.page__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 390px);
  flex: 0 0 calc(100% - 390px);
  max-width: calc(100% - 390px);
}
.page__col:nth-child(2) {
  width: 390px;
}
.page__content {
  padding: 0 48px 48px;
}
.widget__details {
  padding-left: 16px;
}
.banner__preview {
  width: 450px;
}
}
@media only screen and (max-width: 1339px) {
.page__row {
  display: block;
}
.page__row_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
  padding: 40px 0;
}
.page__row_head .page__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 32px);
  flex: 0 0 calc(50% - 32px);
  max-width: calc(50% - 32px);
  margin: 0 16px;
  padding: 0;
}
.page__row_border .page__col:nth-child(2) {
  border: none;
}
.page__row_responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -40px;
}
.page__row_responsive.page__row_head {
  padding: 0;
}
.page__row_responsive.page__row_head .page__col {
  padding-top: 40px;
  padding-bottom: 40px;
}
.page__row_responsive .page__col {
  margin: 0;
  padding-left: 40px;
  padding-right: 40px;
}
.page__row_responsive .page__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
}
.page__row_responsive .page__col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  border-left: 1px solid #E4E4E4;
}
.page__col {
  padding: 0;
}
.page__col:first-child {
  max-width: 100%;
}
.page__col:nth-child(2) {
  width: 100%;
}
.page__row:not(.page__row_head):not(.page__row_responsive) .page__col:nth-child(2) {
  margin-top: 32px;
}
.page .page__col.page__col_w50 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0;
  padding-left: 40px;
  padding-right: 40px;
}
.page__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -16px;
}
.page__group .widget {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 32px);
  flex: 0 0 calc(50% - 32px);
  max-width: calc(50% - 32px);
  margin: 0 16px;
}
.page__group .widget:not(:last-child) {
  margin-bottom: 0;
}
.page__content {
  padding: 0 0 40px;
}
.page__content_pt64 {
  margin-top: 32px;
  padding: 0;
  border: none;
}
.page__hello {
  font-size: 18px;
  line-height: 1.33333;
}
.page_other .page__center {
  padding-bottom: 0;
}
  body.dark .sidebar__details {
  background: rgba(228, 228, 228, 0.04);
}
.sidebar__details:before {
  display: none;
}
.widget__details {
  padding-left: 24px;
}
.widget_responsive {
  position: relative;
  padding: 32px;
  background: #ffffff;
  border-radius: 24px;
}
.widget_responsive:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 18px;
  right: 18px;
  bottom: -40px;
  z-index: -2;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.header {
  max-width: 100%;
}
.header .search {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 50px;
}
.banner__container {
  padding: 50px 56px;
}
.banner__preview {
  right: 50px;
  width: 330px;
}
.sorting__row {
  display: block;
  margin: 0;
}
.sorting__col {
  width: 100%;
  margin: 0;
}
.sorting__col:not(:last-child) {
  margin-bottom: 16px;
}
.schedules__container {
  display: block;
  padding: 0;
  background: none;
  border-radius: 0;
}
.schedules__container:before {
  display: none;
}
.schedules__col {
  position: relative;
  padding: 32px;
  border-radius: 24px;
  background: #ffffff;
}
.schedules__col:before {
  content: "";
  position: absolute;
  top: 35px;
  left: 35px;
  right: 35px;
  bottom: -35px;
  z-index: -5;
  background: #E3E6EC;
  opacity: 0.91;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.schedules__col:first-child {
  width: 100%;
  margin-bottom: 32px;
}
.schedules__col:first-child .schedules__title {
  display: block;
}
.schedules__col:nth-child(2) {
  padding-left: 32px;
}
.schedules__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -32px -32px 0;
}
.schedules__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 32px);
  flex: 0 0 calc(50% - 32px);
  width: calc(50% - 32px);
  margin: 32px 16px 0;
}
.schedules__item:not(:last-child) {
  margin-bottom: 0;
}
.schedules__btn {
  display: inline-block;
  margin-top: 32px;
}
.schedules__graphic {
  max-width: 100%;
}
.schedules__status:not(:last-child) {
  margin-right: auto;
}
  body.dark .schedules__container {
  background: none;
}
  body.dark .schedules__col {
  background: #242731;
}
  body.dark .schedules__col:before {
  background: #000;
  opacity: 0.51;
  -webkit-filter: blur(86.985px);
  filter: blur(86.985px);
  border-radius: 24px;
}
.tabs__preview {
  display: none;
}
.inbox__details {
  padding-left: 16px;
}
.inbox__control {
  margin-bottom: 32px;
}
.inbox__btns .inbox__btn {
  min-width: 120px;
  height: 48px;
}
.files__list {
  display: block;
  margin: 0;
}
.files__list .files__item {
  width: 100%;
  margin: 0;
}
.files__list .files__item:not(:last-child) {
  margin-bottom: 16px;
}
.notification__details {
  padding-right: 0;
}
.notification__preview {
  display: none;
}
.activity__col:nth-child(2) {
  width: 370px;
  padding-left: 32px;
}
.activity__inner {
  display: block;
}
.activity__variants {
  display: none;
}
.activity__details {
  padding-right: 0;
}
.activity__preview {
  display: none;
}
.h1 {
  font-size: 48px;
  line-height: 1.5;
}
.h2 {
  font-size: 40px;
  line-height: 1.5;
}
}
@media only screen and (max-width: 1366px) {
.sidebar__logo .sidebar__pic {
  width: 110px;
}
.page__row_responsive {
  display: block;
  margin: 0;
}
.page__row_responsive.page__row_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
  padding: 40px 0;
}
.page__row_responsive.page__row_head .page__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 32px);
  flex: 0 0 calc(50% - 32px);
  max-width: calc(50% - 32px);
  margin: 0 16px;
  padding: 0;
}
.page__row_responsive .page__col {
  padding-left: 0;
  padding-right: 0;
}
.page__row_responsive .page__col:first-child {
  max-width: 100%;
}
.page__row_responsive .page__col:nth-child(2) {
  max-width: 100%;
  border: none;
}
.page__row:not(.page__row_head) .page__col:nth-child(2) {
  margin-top: 32px;
}
.page .page__col.page__col_w50 {
  padding: 0;
}
.page .page__col.page__col_w50:first-child {
  max-width: 100%;
  margin-bottom: 30px;
}
.page .page__col.page__col_w50:nth-child(2) {
  max-width: 100%;
}
.page .page__col.page__col_w50:not(:last-child) {
  margin-bottom: 0;
}
.page__row:not(.page__row_head) .page__col.page__col_w50:not(:last-child) {
  margin-bottom: 32px;
}
.page__flex {
  display: block;
}
.page__flex .widget:first-child {
  width: 100%;
  margin: 0 0 32px;
}
.page__welcome_sm {
  font-size: 32px;
}
.page__nav {
  margin-bottom: 32px;
}
.page_other {
  overflow: hidden;
}
.page_other .page__center {
  padding-bottom: 40px;
}
.banner__wrap {
  max-width: 300px;
}
.banner__title {
  margin-bottom: 6px;
  line-height: 1.2;
}
.banner__preview {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 180px;
}
.sorting__line .sorting__search {
  margin-right: 30px;
}
.dropdown__body {
  right: 0;
  width: auto;
  padding: 24px 21px;
}
.products__cell {
  padding-left: 15px;
}
.products__preview {
  width: 86px;
  height: 64px;
}
.products__details {
  padding-left: 16px;
}
.products__bg {
  border-radius: 50%;
}
.products__color .products__text {
  display: none;
}
.tabs__preview {
  display: block;
}
.inbox__control {
  display: block;
}
.inbox__btns {
  margin: 0 -8px;
}
.inbox__btns .inbox__btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 16px);
  flex: 0 0 calc(50% - 16px);
  min-width: calc(50% - 16px);
  margin: 0 8px;
}
.inbox__btns .inbox__btn:not(:last-child) {
  margin-right: 8px;
}
.inbox__more {
  display: none;
}
.inbox__box:not(:last-child) {
  margin-bottom: 32px;
  padding: 0;
  border: none;
}
.inbox__box .inbox__title {
  font-size: 18px;
}
.notification__details {
  padding: 0 24px;
}
.notification__preview {
  display: block;
}
.activity__row {
  display: block;
}
.activity__col:first-child {
  margin-bottom: 32px;
}
.activity__col:nth-child(2) {
  width: 100%;
  padding: 0;
}
.activity__details {
  padding: 0 24px;
}
.activity__preview {
  display: block;
}
.desktop-hide {
  display: none;
}
.desktop-show {
  display: block;
}
.desktop-text-right {
  text-align: right;
}
}
@media only screen and (max-width: 1100px) {
.sidebar {
  width: 260px;
}
.sidebar__profile {
  width: 260px;
}
.sidebar__inner {
  width: 230px;
}
.page__wrapper {
  padding-left: 260px;
}
.filters__line {
  display: grid;
  width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.page {
  overflow: hidden;
}
.page__wrapper {
  padding-left: 80px;
}
.page__row_head {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin: 0;
  padding: 25px 0;
}
.page__row_head .page__col {
  max-width: 100%;
  margin: 0;
}
.page__row_head .page__col:nth-child(2) {
  margin-bottom: 30px;
}
.page__row_responsive.page__row_head {
  margin: 0;
  padding: 25px 0;
}
.page__row_responsive.page__row_head .page__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  margin: auto;
}
.page__row_responsive.page__row_head .page__col:nth-child(2) {
  margin-bottom: 30px;
}
.page__content {
  padding: 0;
}
/* .page.toggle .page__wrapper {
  -webkit-transform: translateX(160px);
  -ms-transform: translateX(160px);
  transform: translateX(160px);
} */
.page.toggle .page__wrapper {
  padding-left: 260px;
}
.sidebar {
  z-index: 10;
  width: 80px;
}
.sidebar__inner {
  width: 50px;
}
.sidebar__item {
  height: 50px;
}
.sidebar.active .sidebar__top {
  padding: 15px;
}
.sidebar__burger:before {
  position: relative;
  top: 5px;
  right: unset;
}
.sidebar.active .sidebar__burger:before {
  position: absolute;
  top: 35px;
  right: 12px;
}
.sidebar__top .sidebar__logo {
  opacity: 0;
}
.sidebar__wrapper .sidebar__logo {
  height: 80px;
}
.sidebar__burger {
  border-color: #E4E4E4;
  width: 80px;
}
.sidebar__group:not(:last-child):before {
  left: -15px;
  right: -15px;
}
.sidebar__caption {
  padding-left: 0;
  text-align: center;
}
.sidebar__caption span {
  display: none;
}
.sidebar__item {
  padding-left: 0;
}
.sidebar__icon {
  margin-right: 21px;
  width: 50px;
  height: 50px;
}
.sidebar__item:hover .icon {
  fill: #1B1D21;
  opacity: .4;
}
.sidebar__counter {
  position: absolute;
  top: 15px;
  left: 22px;
  min-width: 10px;
  height: 10px;
  font-size: 0;
}
.sidebar__profile {
  margin-top: 20px;
}
.sidebar__details {
  padding: 5px 0 17px;
  background: none;
}
.sidebar.active .sidebar__profile {
  width: 260px;
}
.sidebar__profile {
  width: 80px;
  overflow: hidden;
}
  body.dark .sidebar__details {
  background: none;
}
.sidebar.active .sidebar__details {
  background: #edf1f3;
}
  body.dark .sidebar.active .sidebar__details {
  background: rgba(228, 228, 228, 0.04);
}
.sidebar__link .sidebar__icon {
  width: 50px;
  margin-right: 24px;
  padding: 0;
}
.sidebar__user {
  padding-left: 4px;
}
.sidebar__bottom {
  padding: 0 35px;
}
.sidebar.active {
  width: 260px;
}
.sidebar.active .sidebar__inner {
  width: 100%;
}
.sidebar.active .sidebar__burger {
  border-color: transparent;
}
.sidebar.active .sidebar__top .sidebar__logo {
  opacity: 1;
}
.sidebar.active .sidebar__icon {
  margin-right: 0;
}
.sidebar.active .sidebar__caption {
  padding: 0 20px;
  text-align: left;
}
.sidebar.active .sidebar__caption span {
  display: inline;
}
.sidebar.active .sidebar__wrapper .sidebar__logo {
  height: 0;
}
.sidebar.active .sidebar__counter {
  position: static;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
}
.sidebar.active .sidebar__user {
  padding: 0 10px;
}
.sidebar.active .sidebar__bottom {
  padding: 0 40px;
}
.sidebar.active .sidebar__bottom .switch_theme .switch__in {
  padding-left: 50px;
}
  body.dark .sidebar__burger {
  border-color: rgba(228, 228, 228, 0.1);
}
  body.dark .sidebar.active .sidebar__burger {
  border-color: transparent;
}
.banner__container {
  padding: 50px 40px;
}
.products__preview {
  display: none;
}
.products__details {
  padding: 0;
}
.products__more {
  padding-top: 32px;
}
.schedules__task .schedules__text {
  padding: 0 10px;
}
.editor__close {
  top: 5px;
  right: 5px;
  visibility: visible;
  opacity: 1;
}
.tablet-hide {
  display: none;
}
.tablet-show {
  display: block;
}
.tablet-text-right {
  text-align: right;
}
.h3 {
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: -.5px;
}
#etfstab .label_align {
  width: calc(25% - -2.12px);
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}
.mfp-arrow-left {
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
}
.mfp-arrow-right {
  -webkit-transform-origin: 100%;
  -ms-transform-origin: 100%;
  transform-origin: 100%;
}
.mfp-container {
  padding-left: 6px;
  padding-right: 6px;
}
.mfp-container {
  padding: 30px 20px;
}
}
@media only screen and (max-width: 767px) {
.page__wrapper {
  padding-left: 0;
}
.page__center {
  padding: 0;
}
.page__row_head {
  padding: 0;
}
.page__row_head .page__col:first-child {
  padding: 16px 16px 28px;
}
.page__row_head .page__col:nth-child(2) {
  margin: 0;
}
.page__row_responsive.page__row_head {
  padding: 0;
}
.page__row_responsive.page__row_head .page__col:nth-child(2) {
  margin-bottom: 0;
}
.page__widgets {
  display: block;
  margin: 0;
}
.page__widgets:not(:last-child) {
  margin-bottom: 32px;
}
.page__widgets .widget {
  width: 100%;
  margin: 0;
}
.page__widgets .widget:not(:last-child) {
  margin-bottom: 32px;
}
.page__group {
  display: block;
  margin: 0;
}
.page__group .widget {
  max-width: 100%;
  margin: 0;
}
.page__group .widget:not(:last-child) {
  margin-bottom: 32px;
}
.page__stat {
  padding: 32px 0;
}
.page__stat:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.page__stat_sm .sorting {
  position: relative;
  top: auto;
  right: auto;
}
.page__hello {
  font-size: 16px;
}
.page__title {
  padding: 0 24px;
}
.page.toggle .page__wrapper {
  padding-left: 0;
  -webkit-transform: translateX(290px);
  -ms-transform: translateX(290px);
  transform: none;
}
  body.dark .page__stat:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.sidebar {
  width: 290px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.sidebar.active {
  width: 290px;
}
.sidebar__inner {
  width: 100%;
}
.sidebar__top {
  padding-left: 40px;
  border-bottom: 1px solid #E4E4E4;
}
.sidebar__top .sidebar__logo {
  opacity: 1;
}
.sidebar__close {
  display: inline-block;
}
.sidebar__wrapper .sidebar__logo {
  display: none;
}
.sidebar__burger {
  display: none;
}
.sidebar__list {
  margin-top: 0;
}
.sidebar.active .sidebar__profile {
  width: 290px;
}
.sidebar__group:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.sidebar__group:not(:last-child):before {
  left: 20px;
  right: 20px;
}
.sidebar__caption {
  padding-left: 20px;
  text-align: left;
}
.sidebar__caption span {
  display: inline;
}
.sidebar__item {
  padding-left: 3px;
}
.sidebar__icon {
  margin-right: 0;
}
.sidebar__counter {
  position: static;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
}
.sidebar__bottom {
  padding: 0 40px;
}
.sidebar.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 99999;
  box-shadow: 5px 0 30px rgb(137 137 137 / 15%);
}
.sidebar.active .sidebar__caption {
  padding-left: 15px;
}
.sidebar.active .sidebar__item {
  padding-left: 0;
}
  body.dark .sidebar__top {
  border-color: rgba(228, 228, 228, 0.1);
}
.slider {
  margin-bottom: 48px;
}
.slider__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding: 0 32px 54px;
  text-align: center;
}
.slider__details {
  width: 100%;
  padding: 0;
}
.slider__preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 282px;
  height: 282px;
  padding: 20px;
}
.slider__text {
  margin-bottom: 24px;
}
.slider .owl-dots {
  left: 0;
  right: 0;
  bottom: 24px;
}
.widget__chart_impressions {
  margin-left: -10px;
  margin-right: 10px;
}
.widget__chart_items {
  margin-bottom: 16px;
}
.widget_shadow:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.widget_stat:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
  body.dark .widget_shadow:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
  body.dark .widget_stat:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.header {
  height: 65px;
  max-width: 100%;
  margin: 0;
  padding: 10px 20px;
  border-bottom: 1px solid #ebe9e9;
}
.header .search {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-left: 0;
  margin-right: 0;
}
.header .notifications {
  margin-right: 25px;
}
.header__user {
  display: block;
}
.header__burger {
  display: inline-block;
}
.header__search {
  display: inline-block;
}
  body.dark .header {
  border-color: #2E3031;
  background: #111617;
}
.search {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  visibility: hidden;
}
.search.show {
  visibility: visible;
  opacity: 1;
}
.search__input {
  height: 56px;
  background: #E4E4E4;
  border-radius: 0;
}
.search__result {
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 30px 30px rgba(27, 29, 33, 0.3);
  box-shadow: 0 30px 30px rgba(27, 29, 33, 0.3);
}
.search.active .search__input {
  background: #E4E4E4;
}
  body.dark .search__input {
  background: #1F2128;
}
  body.dark .search__result {
  -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.5);
  box-shadow: 0 30px 30px rgba(0, 0, 0, 0.5);
}
  body.dark .search.active .search__input {
  background: #1F2128;
}
.notifications {
  position: static;
}
.notifications__open {
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 0 5px 10px rgba(227, 230, 236, 0.6);
  box-shadow: 0 5px 10px rgba(227, 230, 236, 0.6);
}
.notifications__open .icon {
  font-size: 20px;
}
.notifications__counter {
  top: 5px;
  right: 5px;
  min-width: 12px;
  height: 12px;
  font-size: 0;
}
.notifications__wrap {
  top: calc(100% + 1px);
  right: 0;
  left: 0;
  width: auto;
  padding: 24px 16px;
  -webkit-box-shadow: 0 30px 30px rgba(27, 29, 33, 0.3);
  box-shadow: 0 30px 30px rgba(27, 29, 33, 0.3);
}
.notifications__info {
  margin-bottom: 16px;
  padding: 0;
}
.notifications__list {
  margin-bottom: 24px;
}
.notifications__item {
  padding: 0;
}
.notifications__item:hover {
  background: none;
}
.notifications__item:not(:last-child) {
  margin-bottom: 20px;
}
.notifications__ava {
  margin-right: 16px;
}
  body.dark .notifications__open {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
  body.dark .notifications__wrap {
  -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.5);
  box-shadow: 0 30px 30px rgba(0, 0, 0, 0.5);
}
.banner__container {
  padding: 10px 32px 32px;
  text-align: center;
}
.banner__wrap {
  max-width: 100%;
}
.banner__preview {
  position: static;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  width: 260px;
  height: 260px;
  padding: 30px;
  margin: 0 auto;
  text-align: center;
}
.sorting {
  padding: 0 24px;
}
.sorting__dropdowns {
  display: block;
  margin: 0;
}
.sorting__dropdowns .dropdown {
  width: 100%;
  margin: 0;
}
.sorting__dropdowns .dropdown:not(:last-child) {
  margin-bottom: 16px;
}
.sorting__line {
  display: block;
}
.sorting__line .sorting__search {
  margin: 0 0 16px;
}
.sorting__actions {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.products__table {
  display: block;
  margin-top: -72px;
}
.products__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px;
}
.products__row:not(.products__row_head) {
  border-top: 1px solid #E4E4E4;
}
.products__row_head .products__cell {
  padding: 0;
}
.products__cell {
  display: block;
  padding: 0;
  border: none;
}
.products__cell:first-child {
  margin-right: 24px;
}
.products__cell:nth-child(n+3) {
  display: none;
}
.products__preview {
  display: block;
  width: 72px;
  height: 55px;
}
.products__details {
  padding-left: 24px;
}
.products__bg {
  width: 9px;
  height: 32px;
  margin-right: 31px;
  border-radius: 9px;
}
.products__more {
  border-top: 1px solid #E4E4E4;
  padding: 24px 24px 0;
}
.products__more .products__btn {
  min-width: 100%;
}
.products__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.products_statement .products__cell {
  display: block;
}
.products_statement .products__cell:not(:first-child):not(:nth-child(3)) {
  display: none;
}
body.dark .products__row:not(.products__row_head) {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .products__more {
  border-color: rgba(228, 228, 228, 0.1);
}
.details__container {
  padding-bottom: 32px;
}
.details__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.details__title {
  margin-bottom: 24px;
}
.details__row {
  display: block;
}
.details__col:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  margin: 0 -5px 32px;
  padding: 0;
}
.details__top {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 10px);
  flex: 0 0 calc(50% - 10px);
  margin: 0 5px;
  padding: 0;
  border: none;
}
.details__bottom {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 10px);
  flex: 0 0 calc(50% - 10px);
  margin: 0 5px;
}
.details__statistics {
  margin-bottom: 32px;
}
.details__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.details__item:not(:last-child) {
  border-right: none;
}
.details__list_three .details__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
}
.details__list_three .details__item:not(:first-child) {
  border-top: 1px solid #E4E4E4;
}
.details__list_four .details__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
}
.details__list_four .details__item:nth-child(2n+1) {
  border-right: 1px solid #E4E4E4;
}
.details__list_four .details__item:nth-child(n+3) {
  border-top: 1px solid #E4E4E4;
}
.details .dropdown {
  position: relative;
  top: auto;
  right: auto;
  width: 100%;
  margin-bottom: 20px;
}
.details_statements:not(:last-child) {
  margin-bottom: 32px;
}
.details_statements .details__col:first-child {
  width: auto;
  padding: 0;
}
body.dark .details__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
body.dark .details__list_four .details__item:nth-child(n+3) {
  border-color: rgba(228, 228, 228, 0.1);
}
  body.dark .details__list_three .details__item:not(:first-child) {
  border-color: rgba(228, 228, 228, 0.1);
}
.schedules__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.schedules__list {
  display: block;
  margin: 0 -16px;
}
.schedules__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  margin: 0;
}
.schedules__item:not(:last-child) {
  margin-bottom: 24px;
}
.schedules__top {
  margin: -16px 0 20px;
}
.schedules__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.schedules__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -32px;
  padding-bottom: 32px;
  overflow: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.schedules__inner::-webkit-scrollbar {
  display: none;
}
.schedules__inner:before, .schedules__inner:after {
  content: "";
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 1px;
}
.schedules__graphic {
  min-width: 586px;
  margin-bottom: 7px;
}
.schedules__legend {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -10px;
  padding: 0;
}
.schedules__status {
  margin-top: 10px;
}
.schedules__status:not(:last-child) {
  margin-right: 15px;
}
  body.dark .schedules__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.tabs__row {
  display: block;
  margin: -20px -16px;
}
.tabs__col:first-child {
  width: 100%;
}
.tabs__col:nth-child(2) {
  display: none;
}
.tabs__nav {
  display: none;
}
.payment__row {
  display: block;
}
.payment__details {
  width: 100%;
  margin: 0 0 32px;
}
.payment__tick {
  margin-right: 24px;
}
.inbox__tags {
  margin: -10px 0 24px -10px;
}
.inbox__tag {
  margin: 10px 0 0 10px;
}
.inbox__container {
  padding: 32px 24px;
}
.inbox__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.inbox__container > .inbox__title {
  margin: 0;
}
.inbox__list {
  margin: 0;
}
.inbox__item {
  padding: 24px 0;
  border-radius: 0;
  border-bottom: 1px solid #E4E4E4;
}
.inbox__head {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.inbox__item .inbox__title {
  margin-left: -64px;
}
.inbox__text {
  margin-left: -64px;
}
.inbox__item:hover {
  background: none;
}
.inbox__item.active {
  background: none;
  color: #777E87;
}
.inbox__item.active .actions__btn {
  border-color: #E4E4E4;
}
.inbox__item.active .actions__btn .icon {
  fill: #1B1D21;
}
.inbox__item.active .inbox__title {
  color: #11142D;
}
.inbox__item.active .inbox__author {
  color: #777E87;
}
.inbox .actions {
  margin-left: -64px;
}
.inbox__foot {
  padding-top: 24px;
}
.inbox__box:not(:last-child) {
  margin-bottom: 24px;
}
.inbox__box .inbox__title {
  margin: 0 0 24px -64px;
}
.inbox .files {
  margin: 16px 0 0 -64px;
}
.inbox .sorting {
  padding: 0;
}
body.dark .inbox__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
body.dark .inbox__item {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .inbox__item:hover {
  background: none;
}
body.dark .inbox__item.active {
  background: none;
}
body.dark .inbox__author {
  color: #ffffff;
}
body.dark .inbox__item.active .actions__btn {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .inbox__item.active .actions__btn .icon {
  fill: #ffffff;
}
.editor__head {
  padding: 24px 16px;
}
.editor__body {
  padding: 24px 16px;
}
.editor__btn {
  min-width: 100%;
  margin-top: 16px;
}
.notification__tags {
  margin: -10px 0 24px -10px;
}
.notification__tag {
  margin: 10px 0 0 10px;
}
.notification__container {
  padding: 32px 24px;
}
.notification__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.notification__title {
  margin-bottom: 16px;
}
.notification__list {
  margin: 0;
}
.notification__item {
  padding: 24px 0;
  border-radius: 0;
  border-bottom: 1px solid #E4E4E4;
}
.notification__details {
  padding: 0 0 0 16px;
}
.notification .actions {
  margin-left: -64px;
}
.notification__item:hover {
  background: none;
}
.notification__item.active {
  background: none;
  color: #777E87;
}
.notification__item.active .actions__btn {
  border-color: #E4E4E4;
}
.notification__item.active .actions__btn .icon {
  fill: #1B1D21;
}
.notification__item.active .notification__title {
  color: #11142D;
}
.notification__item.active .notification__author {
  color: #5F75EE;
}
.notification__item.active .notification__info {
  color: #777E87;
}
.notification__preview {
  display: none;
}
body.dark .notification__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
body.dark .notification__item {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .notification__item:hover {
  background: none;
}
body.dark .notification__item.active {
  background: none;
}
body.dark .notification__item.active .actions__btn {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .notification__item.active .actions__btn .icon {
  fill: #ffffff;
}
.filters__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
body.dark .filters__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.activity__col:nth-child(2) {
  padding: 0 16px;
}
.activity__container {
  padding: 32px 24px;
}
.activity__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
.activity__title {
  margin-bottom: 16px;
}
.activity__list {
  margin: 0;
}
.activity__item {
  padding: 24px 0;
  border-radius: 0;
  border-bottom: 1px solid #E4E4E4;
}
.activity__item:before {
  display: none;
}
.activity__item.active {
  color: #777E87;
}
.activity__details {
  padding: 0 0 0 16px;
}
.activity__item.active .activity__author {
  color: #11142D;
}
.activity__item.active .activity__info {
  color: #5F75EE;
}
.activity__preview {
  display: none;
}
.activity:not(:first-child) {
  margin-top: 32px;
}
body.dark .activity__container:before {
  -webkit-filter: blur(46.985px);
  filter: blur(46.985px);
}
body.dark .activity__item {
  border-color: rgba(228, 228, 228, 0.1);
}
body.dark .activity__item:hover {
  background: none;
}
.popup__title {
  margin-bottom: 42px;
}
.popup__tags {
  display: none;
}
.popup__user:not(:last-child) {
  padding-bottom: 24px;
}
.popup__ava {
  width: 80px;
  height: 80px;
}
.popup__details {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 80px);
  flex: 0 0 calc(100% - 80px);
  width: calc(100% - 80px);
  padding-left: 24px;
}
.popup__btns {
  display: block;
  margin: 0 0 32px;
}
.popup__btns .popup__btn {
  min-width: 100%;
}
.popup__btns .popup__btn.btn_gray {
  background: #ffffff;
}
.popup__btns .popup__btn:not(:last-child), .popup__loading:not(:last-child) {
  margin: 0;
}
.popup__text {
  margin-left: -104px;
}
.popup__row {
  display: block;
  margin: 0;
}
.popup__row .popup__field {
  width: 100%;
  margin: 0;
}
.popup__row .popup__field:not(:last-child) {
  margin-bottom: 24px;
}
.popup__form > .popup__btn {
  min-width: 100%;
}
.popup .mfp-close {
  right: 20px;
  -webkit-box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
  box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
}
.mfp-container {
  padding: 0;
}
body.dark .popup .mfp-close {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
}
.mobile-hide {
  display: none;
}
.mobile-show {
  display: block;
}
.mobile-text-right {
  text-align: right;
}
.h1 {
  font-size: 40px;
  line-height: 1.5;
}
.h2 {
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: -.5px;
}
}
/*# sourceMappingURL=app.css.map */
/*=============== APP CSS END ===============*/
/*========== CHART STYLE CSS START ==========*/
#stockChart {
  width: 100%;
  /* height: 550px; */
  height: 517px;
}
#panel-chart {
  width: 100%;
  height: 650px;
  max-width: 100%;
}
#performance_chart {
  width: 100%;
  height: calc(100% - 35px);
}
.am5stock-control-list-container23, .am5stock-control-drawing-tools {
  display: none !important;
}
.am5stock-control-label::after {
  content: ' line';
}
#histogram_chart, .heatChart_box img, .sectorMap_box img {
  width: 100%;
  height: 350px;
}
#range_chart {
  width: 100%;
  height: 280px;
}
@media only screen and (max-width: 1920px) {
#stockChart {
  /* height: 440px; */
  height: 407px;
}
#histogram_chart, .heatChart_box img, .sectorMap_box img {
  height: 320px;
}
#range_chart {
  height: 260px;
}
}
@media only screen and (max-width: 1600px) {
#stockChart {
  /* height: 350px; */
  height: 317px;
}
#histogram_chart, .heatChart_box img, .sectorMap_box img {
  height: 230px;
}
#range_chart {
  height: 170px;
}
}
@media only screen and (max-width: 1366px) {
#stockChart {
  height: 300px;
  /* height: 267px; */
}
#stockChart {
  height: 300px;
}
#histogram_chart, .heatChart_box img, .sectorMap_box img {
  height: 180px;
}
#range_chart {
  height: 120px;
}
.form-label
{
  width:80%;
}
.market_box
{
  flex-wrap: wrap;
}
}
@media only screen and (max-width: 883px) {
#range_chart {
  height: 150px;
}
}
/*=========== CHART STYLE CSS END ===========*/

body p {
  font-weight: normal;
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 5px;
}
a, a:focus, a:focus-visible, :focus, a:hover, body a:hover, body a:focus, .form-check-input:focus {
  outline: none;
  text-decoration: none;
  box-shadow: none;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
:-webkit-autofill, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  /* -webkit-box-shadow: 0 0 0 30px transparent inset !important; */
  /* -webkit-text-fill-color: #ffffff; */
  /* transition: background-color 5000s ease-in-out 0s; */
  /* box-shadow: inset 0 0 20px 20px #23232329; */
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.font-size-0 {
  font-size: 0;
}
ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.table {
  display: table !important;
  width: 100%;
  margin-bottom: 0;
}
button {
  background: unset;
  border: 0;
  padding: 0;
}
.accordion-button:focus {
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.form-control:focus {
  border-color: #000000;
  outline: 0;
  box-shadow: none;
}
.blue_txt {
  color: #4285f4 !important;
}
.pink_box {
  background-color: #D93872 !important;
}
.green_box {
  background-color: #10A861 !important;
}
.vertical_scroll {
  overflow-y: auto;
/*   scrollbar-color: #4285F4 #4285F4;
  scrollbar-width: auto; */
}
.vertical_scroll::-webkit-scrollbar {
  width: 7px;
  border-radius: 7px;
}
.vertical_scroll::-webkit-scrollbar-track {
  background: #dddddd;
}
.vertical_scroll::-webkit-scrollbar-thumb {
  background: #4285F4;
  border-radius: 7px;
  cursor: pointer;
}
.vertical_scroll::-webkit-scrollbar-thumb:hover {
  background: #4285F4;
  cursor: pointer;
}
.horizontal_scroll {
  overflow-x: auto;
/*   scrollbar-color: #4285F4 #4285F4;
  scrollbar-width: auto; */
}
table {
  position: relative;
}
thead th {
  position: sticky;
}
.horizontal_scroll::-webkit-scrollbar {
  height: 7px;
  border-radius: 7px;
}
.screener_listFlex {
  display: flex;
  justify-content: space-between;
}
.horizontal_scroll::-webkit-scrollbar-track {
  background: #dddddd;
}
.horizontal_scroll::-webkit-scrollbar-thumb {
  background: #4285F4;
  border-radius: 7px;
  cursor: pointer;
}
.horizontal_scroll::-webkit-scrollbar-thumb:hover {
  background: #4285F4;
  cursor: pointer;
}
.tab-content {
  width: 100%;
}
.blur_bg {
  position: absolute;
  z-index: 99;
  border-radius: 10px;
  background: rgb(171 203 255 / 50%);
  backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 200px; */
  /* height: calc(100% - 140px); */
  /* top: 60px; */
  /* right: 150px; */
  /* bottom: 80px;*/
}
.blur_bg img {
  width: 24px;
}
.upload_loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background-color: #000000bf;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload_loader i {
  font-size: 50px;
  color: #8d8d8d;
}
.arrowdownClass {
  background-color: #F8FAFB;
}
.empty_stock, .coming_soon {
  width: 100%;
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: calc(100vh - 120px);
  justify-content: center;
}
.empty_stock.empty_table {
  position: absolute;
  top: 80px;
  min-height: unset;
}
.empty_stock img {
  width: 200px;
  margin-bottom: 20px;
}
.black_img {
  display: none;
}
.empty_stock h3 {
  font-family: 'DMSans-Bold';
  font-size: 32px;
  line-height: 42px;
  color: #2A353D;
  margin-bottom: 30px;
}
.empty_stock p, .coming_soon h2 {
  font-family: 'DMSans-Regular';
  font-size: 18px;
  line-height: 24px;
  color: #2A353D;
  text-align: center;
  margin-bottom: 0;
}
.coming_soon img {
  width: 300px;
  margin-bottom: 20px;
}
.coming_soon h2 {
  font-family: 'Inter-ExtraBold';
  font-size: 30px;
  line-height: 42px;
  color: #242947;
  margin: 0;
}
.empty_stock.payment_failed {
  max-width: 510px;
  margin: 0 auto;
}
.empty_stock.payment_failed h3 {
  margin-bottom: 15px;
}
.empty_stock.payment_failed p {
  margin-bottom: 25px;
}
.empty_stock.payment_failed img {
  margin-bottom: 0;
}
.payment_failed span {
  font-size: 50px;
  color: #f44242;
  margin-bottom: 10px;
}
.payment_btns {
  width: 100%;
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.payment_btns button {
  background: #4285F4;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  padding: 10px 18px;
  border: 0;
  border-radius: 5px;
  display: inline-block;
  min-width: 100px;
}
.payment_btns button.bordered_btn {
  border: 1px solid #D0E3FF;
  background-color: #ffffff;
  color: #2A353D;
}
/*============= SWITCH BUTTON ==============*/
.switch1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
}
.switch1 label {
  margin: 0 5px;
}
.switch1 input:empty {
  margin-left: -999px;
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  opacity: 0;
}
.switch1 input:empty~span {
  display: inline-block;
  position: relative;
  width: 1px;
  text-indent: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switch1 input:empty~span {
  float: left;
}
.switch1 input:empty~span {
  margin: 2px 0;
  height: 30px;
  width: 57px;
  border-radius: 15px;
}
.switch1.switch-sm input:empty~span {
  margin: 2px 0;
  height: 22px;
  width: 40px;
  border-radius: 12px;
}
.switch1 input:empty~span:before, .switch1 input:empty~span:after {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.buy_sell .switch1 input:empty~span:before {
  background-color: #D93872;
}
.switch1 input:empty~span:before {
  background-color: #d6d9db;
}
.buy_sell .switch1 input:checked~span:before, .switch1 input:checked~span:before {
  background-color: #10A861;
}
.switch1 input:empty~span:after {
  height: 20px;
  width: 20px;
  top: 3px;
  bottom: 3px;
  margin-left: 3px;
  font-size: 0.65em;
  text-align: center;
  vertical-align: middle;
}
.switch1 input:empty~span:after {
  background-color: #ffffff;
  opacity: 1;
}
.switch1 input:checked~span:after {
  opacity: 1;
  color: #ffffff;
  background-color: #ffffff;
}
.switch1.switch-sm input:empty~span:before, .switch1.switch-sm input:empty~span:after {
  width: 38px;
  border-radius: 12px;
}
.switch1.switch-sm input:empty~span:after {
  height: 18px;
  width: 18px;
  top: 2px;
  bottom: 1px;
  margin-left: 2px;
  font-size: 0.55em;
  text-align: center;
  vertical-align: middle;
}
.switch1.switch-sm input:checked~span:after {
  margin-left: 18px;
}
/*============= SWITCH BUTTON ==============*/
/*=========== SIDEBAR START ===========*/
.searchbar_input {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 45px;
  position: relative;
}
.searchbar_input .sidebar__item {
  padding: 0;
  height: 100%;
}
.searchbar_input .sidebar__icon {
  height: 100%;
  width: 56px;
  margin-right: 0;
}
.searchbar_input .sidebar__icon i {
  font-size: 18px;
  color: #c7c7c7;
}
.searchbar_input input {
  width: 100%;
  font-family: 'DMSans-Regular';
  font-size: 15px;
  line-height: 30px;
  color: #777E87;
  background: unset;
  border: 0;
  padding: 0;
}
.searchbar_input input::placeholder {
  color: #a5a5a5;
}
.sidebarSearch__list, .sidebarSearch__listIndex {
  width: calc(100% + 2px);
  position: absolute;
  top: 44px;
  left: -1px;
  right: -1px;
  z-index: 9;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 30px rgb(118 139 171 / 25%);
  box-shadow: 0 4px 30px rgb(118 139 171 / 25%);
  visibility: hidden;
  opacity: 0;
}
.sidebarSearch__list ul, .sidebarSearch__listIndex ul {
  max-height: 265px;
  overflow: auto;
  padding-right: 5px;
}
.sidebarSearch__list ul::-webkit-scrollbar, .sidebarSearch__listIndex ul::-webkit-scrollbar {
  width: 2px;
}
.sidebarSearch__list ul::-webkit-scrollbar-track, .sidebarSearch__listIndex ul::-webkit-scrollbar-track {
  padding-right: 10px;
  background: transparent;
}
.sidebarSearch__list ul::-webkit-scrollbar-thumb, .sidebarSearch__listIndex ul::-webkit-scrollbar-thumb {
  background: #f4f5f6;
  border-radius: 4px;
}
.sidebarSearch__list ul::-webkit-scrollbar-thumb:hover,  .sidebarSearch__listIndex ul::-webkit-scrollbar-thumb:hover {
  background: #f4f5f6;
}
.sidebarSearch__list li, .sidebarSearch__listIndex li {
  width: 100%;
  border-radius: 0;
  border-bottom: 1px solid #ebe9e9;
}
.sidebarSearch__list li a, .sidebarSearch__listIndex li a {
  width: 100%;
  font-family: 'DMSans-Regular';
  font-size: 12px;
  line-height: 22px;
  color: #2A353D;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
.sidebarSearch__list li a > span:first-of-type {
  font-size: 15px;
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}
.sidebarSearch__list li.active, .sidebarSearch__list li:hover {
  background-color: #F8FAFB;
}
.ovtlyr_sidebar .sidebar__caption.caption-sm {
  font-family: 'DMSans-Regular';
  font-size: 15px;
  line-height: 20px;
  color: #777E87;
  padding-left: 0;
}
.sidebar__item {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 23px;
  color: #2A353D;
  font-weight: normal;
  margin-bottom: 6px;
  border-radius: 8px;
}
/* .arrow_drop.active a.sidebar__item {
  margin-bottom: 6px;
} */
.sidebar__item.active img, .sidebar__item.active:hover img {
  filter: brightness(100);
}
.sidebar__item:hover img {
  /* filter: invert(17%) sepia(65%) saturate(1105%) hue-rotate(193deg) brightness(156%) contrast(132%); */
  filter: invert(33%) sepia(54%) saturate(3707%) hue-rotate(209deg) brightness(99%) contrast(98%);
  /* filter: invert(41%) sepia(99%) saturate(1593%) hue-rotate(201deg) brightness(100%) contrast(92%); */
}
.sidebar__icon img path {
  stroke: #ffffff;
  fill: #ffffff;
}
.side_dropdown {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
.sidebar__menu .side_dropdown:last-of-type, .sidebar__menu .side_dropdown:last-of-type .sidebar__item {
  margin-bottom: 0;
}
.side_dropdown.arrow_drop .sidebar__item:after {
  font-family: 'Material Symbols Outlined';
  content: '\e5cf';
  font-weight: 300;
  font-size: 30px;
  position: absolute;
  right: 11px;
  top: 12px;
}
.side_dropdown.arrow_drop.active .sidebar__item:after {
  /* color: #ffffff; */
  transform: rotate(180deg);
}
.dropdown_btn p {
  margin: 0;
  font-size: 0;
  width: 100%;
  display: none;
}
.dropdown_btn p:before {
  font-family: 'Material Symbols Outlined';
  content: '\e5cf';
  font-weight: 300;
  font-size: 32px;
  position: absolute;
  right: 12px;
  top: 8px;
  opacity: 0;
  z-index: 9;
  color: #ff0000;
  width: 30px;
  height: 30px;
  display: flex;
  background-color: #000000;
  align-items: center;
  cursor: pointer;
}
.side_dropdown > span {
  font-family: 'DMSans-Medium';
  font-size: 14px;
  line-height: 20px;
  color: #2A353D;
  margin-left: 40px;
  position: relative;
  padding-bottom: 12px;
  display: none;
  width: 100%;
}
.side_dropdown > span a {
  color: #2A353D;
  display: flex;
  align-items: center;
}
.side_dropdown > span.active {
  /* font-family: 'DMSans-Bold'; */
  background-color: #4585F4;
  border-radius: 3px;
  padding: 2px 8px;
  color: #ffffff;
  width: unset;
  position: relative;
  margin-bottom: 9px;
  top: -2px;
}
.side_dropdown > span.active:nth-of-type(2){
  top: 0;
}
.side_dropdown > span:nth-of-type(1):before {
  height: calc(100% + 5px);
  top: -26px;
}
.side_dropdown > span.active:nth-of-type(1):before {
  top: -17px;
}
.side_dropdown > span.active a {
  color: #ffffff;
}
/* .side_dropdown > span:before {
  position: absolute;
  left: -16px;
  top: -13px;
  content: '';
  border-left: 2px solid #D0E3FF;
  border-bottom: 2px solid #D0E3FF;
  width: 12px;
  height: 100%;
  border-bottom-left-radius: 3px;
} */
.side_dropdown > span:before {
  position: absolute;
  left: -16px;
  top: -35px;
  content: '';
  border-left: 2px solid #D0E3FF;
  border-bottom: 2px solid #D0E3FF;
  width: 12px;
  height: calc(100% + 12px);
  border-bottom-left-radius: 3px;
  z-index: -1;
}
.side_dropdown > span.active:before {
  top: -22px;
}
.side_dropdown.active > span {
  display: inline-block;
}
.theme_switchBtn {
  display: flex;
  align-items: center;
  margin: 0;
  justify-content: space-between;
}
.sidebar__status.caption {
  font-family: 'DMSans-Regular';
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.sidebar.active .side_dropdown.arrow_drop .sidebar__item:after, .sidebar.active .side_dropdown.active > span, .sidebar.active .searchbar_input {
  display: none;
}
.sidebar.active .sidebar__list {
  margin-top: 10px;
}
/*============ SIDEBAR END ============*/
/*========== DASHBOARD START ==========*/
.dashboard_cont {
  width: 100%;
  position: relative;
  padding: 5px;
  padding-left: 10px;
}
.warning_msg {
  width: 100%;
  border: 1px solid #D0E3FF;
  background-color: #E3EEFF;
  border-radius: 8px;
  margin-bottom: 15px;
  padding: 10px;
  text-align: center;
}
.warning_msg p {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  margin-bottom: 0;
}
.mobile_header {
  display: none;
}
.sector_search {
  max-width: 1000px;
  display: flex;
  gap: 10px;
}
.videoIcon {
  display: flex;
  background-color: #f5f9ff;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  flex-shrink: 0;
}
.videoIcon button.video_icon {
  height: 19px;
  margin-left: 0;
  top: -1px;
}
.videoIcon button.video_icon img {
  height: 19px;
}
.sector_search .dropdown__head {
  border: 1px solid #D0E3FF;
  border-radius: 8px;
  background-color: unset;
  height: 42px;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 25px;
  color: #242947;
  font-weight: normal;
}
.item_box2 {
  width: unset;
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: #E3EEFF;
  padding: 4px 10px;
  border-radius: 5px;
  margin-right: 12px;
}
.item_box2 img {
  width: auto;
  height: 24px;
}
.item_box2 h6 {
  font-family: 'DMSans-Medium';
  font-size: 15px;
  line-height: 22px;
  color: #242947;
  margin-bottom: 0;
}
.sector_search .dropdown__head input {
  width: 100%;
  max-width: 75%;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #242947;
  background-color: transparent;
  cursor: pointer;
}
.sector_search .dropdown__body {
  width: 100%;
  min-width: 290px;
  padding: 25px;
  border-radius: 8px;
  top: calc(100% + 10px);
  border: 0;
  -webkit-box-shadow: 0 4px 30px rgb(118 139 171 / 25%);
  box-shadow: 0 4px 30px rgb(118 139 171 / 25%);
  z-index: 10000;
}
.search_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.search_list li.dropdown__item {
  width: calc(33.33% - 10px);
  margin: 0;
}
.search_list li a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f5f9ff;
  border: 1px solid #e9f2ff;
  border-radius: 10px;
  transition: .3s all;
}
.search_list li.active a, body.dark .search_list li.active a {
  border-color: #4285f4;
}
.item_box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  padding: 15px;
}
.item_box > div {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.item_box > div.arrow_up:after {
  font-family: 'Material Symbols Outlined';
  content: '\e8e5';
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #10A861;
  width: 20px;
  height: unset;
  position: absolute;
  right: 0;
  top: 0;
}
.item_box > div.arrow_down:after {
  font-family: 'Material Symbols Outlined';
  content: '\e8e3';
  font-weight: 600;
  font-size: 30px;
  color: #D93872;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: -8px;
}
.item_box > div.org_square:before {
  content: '';
  background-color: #FF8F07;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 34px;
  top: 7px;
  border-radius: 3px;
}
.item_box > div.green_square:before {
  content: '';
  background-color: #10A861;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 34px;
  top: 7px;
  border-radius: 3px;
}
.item_box > div.red_square:before {
  content: '';
  background-color: #D93872;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 34px;
  top: 7px;
  border-radius: 3px;
}
.item_box > div.blue_square:before {
  content: '';
  /* background-color: #4285F4; */
  background-color: #bbd5ff;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 34px;
  top: 7px;
  border-radius: 3px;
}
.search_list li.active_blue a {
  /* border-color: #4285F4; */
  background-image: linear-gradient(140deg, rgb(181 211 255) 30%, rgb(242 246 253) 78%);
}
.search_list li.active_blue.active a, .search_list li.active_blue:hover a {
  border-color: #4285F4;
}
.search_list li.active_org a {
  /* border-color: #FF8F07; */
  background-image: linear-gradient(140deg, #feddb6 30%, rgb(255 254 252) 78%);
}
.search_list li.active_org.active a, .search_list li.active_org:hover a {
  border-color: #FF8F07;
}
.search_list li.active_green a {
  /* border-color: #10A861; */
  background-image: linear-gradient(140deg, #8ee6bd 30%, rgb(242 255 249) 78%);
}
.search_list li.active_green.active a, .search_list li.active_green:hover a {
  border-color: #10A861;
}
.search_list li.active_red a {
  /* border-color: #D93872; */
  background-image: linear-gradient(140deg, #ffcddf 30%, rgb(255 250 252) 78%);
}
.search_list li.active_red.active a, .search_list li.active_red:hover a {
  border-color: #D93872;
}
.item_box > div img {
  width: auto;
  height: 25px;
}
.item_box > div h6 {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #242947;
  margin-bottom: 0;
}
.item_box > p {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 18px;
  color: #555555;
  margin-bottom: 0;
  -webkit-font-smoothing: auto;
}
/*=========== DASHBOARD END ===========*/
/*=========== TOOLTIPS START ==========*/
.tooltip_hover1 {
  position: relative;
  display: inline;
}
.tooltip_hover1 span {
  font-size: 14px;
  color: #4285F4;
  margin-left: 4px;
  cursor: pointer;
  vertical-align: middle;
}
.tooltip_box {
  display: flex;
  background-color: #ffffff;
  width: 210px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 8px;
  top: 22px;
  left: -38px;
  left: 50%;
  transform: translate(-48%, 0);
  position: absolute;
  z-index: 99;
  padding: 10px 13px;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 4px 30px rgb(118 139 171 / 25%);
  box-shadow: 0 4px 30px rgb(118 139 171 / 25%);
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.tooltip_box:before {
  width: 18px;
  height: 18px;
  background: #ffffff;
  top: -8px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  border-radius: 2px;
  transform: translate(-67%, 0) rotate(45deg);
  box-shadow: -3px -2px 6px 0 rgb(0 0 0 / 5%);
}
.tooltip_box h5 {
  font-family: 'DMSans-Bold';
  font-size: 15px;
  line-height: 20px;
  color: #2A353D;
  margin-bottom: 5px;
}
.tooltip_box h5 > span {
  font-family: 'DMSans-Bold';
  font-size: 15px;
  line-height: 20px;
  color: #2A353D;
  margin: 0;
}
.tooltip_box p {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 18px;
  color: #2A353D;
  margin-bottom: 0;
}
/*============ TOOLTIPS END ===========*/
.border_box {
  width: 100%;
  height: 100%;
  border: 1px solid #D0E3FF;
  border-radius: 8px;
  padding: 15px;
  position: relative;
}
.border_box h6 {
  font-family: 'DMSans-Bold';
  font-size: 20px;
  line-height: 27px;
  color: #2A353D;
  margin-bottom: 10px;
}
.border_box h6 span {
  margin-left: 3px;
  font-size: 16px;
}
.chartBox_1 {
  width: 100%;
  position: relative;
}
/*======= INDEX & SECTORS START =======*/
.IndSec_header {
  width: 100%;
  display: grid;
  grid-template-areas:
      'IndSec_serial1 IndSec_serial1 IndSec_serial1 IndSec_serial1 IndSec_serial1 IndSec_serial1 IndSec_serial1'
      'IndSec_serial2 IndSec_serial2 IndSec_serial2 IndSec_serial2 IndSec_serial2 IndSec_serial3 IndSec_serial3';
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px 0;
  align-items: center;
}
.IndSec_serial1 {
  width: 100%;
  grid-area: IndSec_serial1;
  grid-column: 1 / 7;
}
.IndSec_serial2 {
  grid-area: IndSec_serial2;
  grid-column: 1 / 6;
}
.IndSec_serial3 {
  grid-area: IndSec_serial3;
  grid-column: 6 / 8;
}
.pageHeading {
  display: flex;
  align-items: center;
  position: relative;
}
.pageHeading > div, .pageHeading > div > div {
  display: flex;
  align-items: center;
}
.pageHeading > div > div button {
  position: relative;
  left: -12px;
  line-height: 12px;
}
.pageHeading > div > div button > span {
  font-size: 35px;
  color: #2A353D;
  font-weight: 200;
  width: 25px;
}
.pageHeading h5 {
  font-family: 'DMSans-Bold';
  font-size: 22px;
  line-height: 31px;
  color: #2A353D;
  margin-bottom: 0;
}
.pageHeading > p {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 21px;
  color: #2A353D;
  margin-bottom: 0;
  margin-left: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.pageHeading h4 {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-left: 15px;
  margin-bottom: 0;
}
.pageHeading h4 span {
  font-family: 'DMSans-Medium';
  font-size: 14px;
  line-height: 20px;
  color: #2A353D;
  margin: 0;
  border: 1px solid #D0E3FF;
  padding: 4px 10px;
  border-radius: 5px;
  display: -webkit-box;
  max-width: 150px;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}
.addTo_fav i {
  font-size: 15px;
}
i.fa-regular.fa-star {
  color: #242947;
}
i.fa-solid.fa-star {
  color: #FF8F07
}
.active_tabs, .active_tabs4, .active_tabs5 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}
.active_tabs .tabs__nav {
  background-color: #e3eeff;
  border: 0;
  padding: 2px 4px;
  border-radius: 8px;
  gap: 0;
  width: 180px;
}
.active_tabs .tabs__link {
  padding: 5px 4px;
  width: auto;
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 18px;
  border-radius: 8px;
}
.chart_dtl {
  display: flex;
  /* border: 1px solid #D0E3FF; */
  background-color: #f5f9ff;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
}
/* .toggle_chart .candleChart {
  display: block;
}
.toggle_chart .heatmapChart {
  display: none;
} */
.chart_dtl img {
  width: auto;
  height: 24px;
  display: inline-block;
}
.filterH_icon {
  display: none;
}
.filterH_icon button {
  height: 24px;
}
.video_icon .sort_dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video_icon button {
  height: 19px;
}
.video_icon button img {
  height: 19px;
}
.video_icon .dropdown-toggle::after {
  display: none;
}
.video_icon .sort_dropdown .dropdown-menu.show {
  margin-left: -120px !important;
  padding: 5px 0;
}
button.video_icon {
  height: 16px;
  margin-left: 4px;
  position: relative;
  top: 2px;
}
button.video_icon img, .video_icon2 img {
  height: 15px;
}
.video_icon2 {
  position: relative;
  top: -3px;
  margin-left: 6px;
}
.close_btn .material-icons {
  font-size: 18px;
}
.upgrade_popup.watchVideo .modal-dialog {
  max-width: 900px;
}
.upgrade_popup.watchVideo .close_btn {
  top: 6px;
  right: 6px; 
}
.upgrade_popup.watchVideo .modal-body {
  padding: 28px;
}
.upgrade_popup.watchVideo .modal_body {
  border-radius: 5px;
  overflow: hidden;
  font-size: 0;
}
.watchVideo iframe {
  width: 100%;
  height: 470px;
}
.dashboard_grid {
  width: 100%;
  display: grid;
  grid-template-areas:
  'dash_gridLeft dash_gridLeft dash_gridLeft dash_gridLeft dash_gridLeft'
  'dash_gridCenter dash_gridCenter dash_gridCenter dash_gridRight dash_gridRight';
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
  margin-top: 10px;
}
.dash_gridLeft {
  width: 100%;
  grid-area: dash_gridLeft;
  grid-column: 1 / 6;
}
.dash_gridCenter {
  grid-area: dash_gridCenter;
  grid-column: 1 / 4;
}
.dash_gridRight {
  grid-area: dash_gridRight;
  grid-column: 4 / 6;
}
.mobileVer_box {
  width: 100%;
  position: relative;
}
.mobileDiv {
  display: none;
}
.lineChart_box1 {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: 100;
  background-color: rgb(255 255 255 / 100%);
  /* opacity: 0; */
  /* visibility: hidden; */
  display: none;
}
/* .lineChart_dtl {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  width: 250px;
} */
.pageHeading .lineChart_dtl {
  width: 198px;
  flex-shrink: 0;
}  
.lineChart_chrt {
  width: 100%;
  height: calc(100% - 38px);
  display: flex;
  gap: 35px;
  padding: 0 10px;
  margin-top: 5px;
}
.lineChart_box1 .lineChart_dtl {
  position: unset;
  width: 100%;
}
.lineChart_chrt1 {
  width: calc(100% - 350px);
  height: 100%;
}
.lineChart_box1 .lineChart_chrt .lineChart_dtl {
  width: 315px;
}
.lineChart_dtl .card {
  border-radius: 5px;
  border: 1px solid #D0E3FF;
  background: unset;
}
.lineChart_dtl .card-header {
  border: 0;
  background-color: unset;
  border-radius: 5px;
  padding: 4px 10px;
  cursor: pointer;
}
.lineChart_box1 > .lineChart_dtl .card {
  border: 0;
}
.lineChart_box1 .lineChart_dtl .card-header {
  background-color: unset;
  padding: 5px 10px;
}
.lineChart_dtl .card-title {
  font-family: 'DMSans-Medium';
  font-size: 14px;
  line-height: 20px;
  color: #2A353D;
  margin-bottom: 0;
  position: relative;
  padding-right: 24px;
}
.lineChart_dtl .card-title:before {
  font-family: 'Material Symbols Outlined';
  content: '\e56b';
  font-weight: 200;
  font-size: 22px;
  position: absolute;
  color: #242947;
  right: -3px;
}
.lineChart_box1 > .lineChart_dtl .card-title:before {
  display: none;
}
.lineChart_box1 > .lineChart_dtl .card-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  padding: 0;
}
.lineChart_box1 > .lineChart_dtl .card-title span {
  font-weight: 300;
  font-size: 23px;
  color: #242947;
}
/* .lineChart_dtl .card-title.collapsed:before {
  content: '\e5cf';
} */
.lineChart_dtl .card-body {
  padding: 0;
  border-top: 1px solid #D0E3FF;
}
.lineChart_dtl ul {
  width: 100%;
}
.lineChart_dtl ul li {
  width: 100%;
}
.lineChart_dtl ul li p {
  width: 100%;
  display: flex;
  font-family: 'DMSans-Regular';
  font-size: 13px;
  line-height: 16px;
  color: #242947;
  margin-bottom: 0;
  justify-content: space-between;
}
.lineChart_dtl ul li p span {
  width: 28%;
  text-align: right;
  padding: 8px;
  border-left: 1px solid #D0E3FF;
  border-bottom: 1px solid #D0E3FF;
}
.lineChart_dtl ul li:last-child p span {
  border-bottom: 0;
}
.lineChart_dtl ul li p span:first-child {
  font-family: 'DMSans-Medium';
  width: 44%;
  text-align: left;
  border-left: 0;
}
.lineChart_dtl ul li:first-child span {
  font-family: 'DMSans-Bold';
  text-align: center;
}
.secMap_legends.stok_crtLen {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: center;
  margin-top: 15px;
}
.secMap_legends.stok_crtLen p {
  margin-bottom: 0;
}
.secMap_legends.stok_crtLen p em {
  font-family: 'DMSans-Medium';
  font-style: normal;
  margin-left: 4px;
}
.secMap_legends {
  width: 100%;
  margin-top: 15px;
}
.secMap_legends p {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 18px;
  color: #242947;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.secMap_legends p:last-child {
  margin-bottom: 0;
}
.secMap_legends span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin-right: 8px;
}
.secMap_legends img {
  width: 16px;
  margin-right: 6px;
}
.red_box {
  background-color: #ce0014 !important;
}
.blue_box2 {
  background-color: #19A7CE !important;
}
.locked_data {
  position: absolute;
  background: rgb(134 134 134 / 50%);
  /* background-color: #cfcfcf; */
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 33px;
  right: 0;
  width: 56%;
  bottom: 0;
  cursor: pointer;
}
.locked_data img {
  width: 22px;
}
#exportButton {
  cursor: pointer;
}
#exportButton span {
  font-size: 30px;
  font-weight: 300;
  color: #4585F4;
  vertical-align: middle;
  cursor: pointer;
}
.copy_link {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 20px;
}
.copy_link input {
  width: 100%;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  padding: 8px 15px;
  border: 1px solid #D0E3FF;
  border-radius: 4px;
  background: unset;
  margin-right: 10px;
}
.copy_link button {
  position: relative;
  padding: 2px 4px;
  border-radius: 3px;
  transition: .3s all;
}
.copy_link button:hover {
  background-color: #E3EEFF;
}
.copy_link button span:last-child {
  font-size: 23px;
  width: 22px;
  height: 24px;
  font-weight: 400;
  color: #4585F4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.copy_link button:last-child span {
  font-size: 28px;
}
.modal_body .earn_txt a {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #4585F4;
  transition: .3s all;
}
.modal_body .earn_txt a:hover {
  text-decoration: underline !important;
}
.share_link {
  width: 100%;
  display: flex;
  margin-top: 20px;
  align-items: center;
}
.share_link ul {
  width: 100%;
  display: flex;
  gap: 10px;
}
.share_link ul li img {
  width: unset;
  height: 26px;
  margin: 0;
  opacity: .4;
  transition: .3s all;
}
.share_link ul li:hover img {
  opacity: 1;
}
.share_link button {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  cursor: pointer;
}
#custom_tooltip, #custom_tooltip1, #custom_tooltip2 {
  display: none;
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9;
  background-color: #2A353D;
  width: 70px;
  height: 30px;
  border-radius: 3px;
  padding: 5px;
  font-family: 'DMSans-Medium';
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  box-shadow: 0 1px 4px rgb(0 0 0 / 38%);
}
#custom_tooltip:before, #custom_tooltip1:before, #custom_tooltip2:before {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #2A353D;
  display: block;
  position: absolute;
  top: -4px;
  left: 44%;
  transform: rotate(45deg);
}
/*======== START TOASTS CSS =========*/
.alertMessage {
  visibility: hidden;
  opacity: 1;
  position: fixed;
  bottom: -500px;
  left: 20px;
  z-index: 9;
  background-color: #262e33;
  border-radius: 2px;
  padding: 40px;
  max-width: 510px;
}
.alertMessage.show {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
  transition: 1s all;
}
.alertMessage button {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.alertMessage button span {
  font-size: 30px;
  color: #ffffff;
  font-weight: 300;
}
.alertMessage h3 {
  font-family: 'Inter-ExtraBold';
  font-size: 28px;
  line-height: 37px;
  color: #ffffff;
  margin-bottom: 20px;
}
.alertMessage p {
  font-family: 'DMSans-Regular';
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 25px;
}
.alertMessage a {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 23px;
  color: #ffffff;
  padding: 10px 20px;
  background-color: #10A861;
  border-radius: 2px;
  display: inline-block;
  text-align: center;
}
/*=========== END TOASTS CSS ==========*/
/*======== INDEX & SECTORS END ========*/
/*======== STOCKS & ETFs START ========*/
.stockEtf_header {
  width: 100%;
  margin-bottom: 20px;
}
.pageHeading h6 {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 36px;
  color: #2A353D;
  margin-bottom: 0;
  margin-left: 10px;
  display: inline;
  vertical-align: top;
}
.stockEtf_tabs {
  width: 100%;
  margin-bottom: 15px;
}
.stockEtf_tabs.video_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stockEtf_tabs .nav-tabs {
  border: 0;
  gap: 20px;
}
.stockEtf_tabs .nav-tabs .nav-link {
  font-family: 'DMSans-Regular';
  font-size: 18px;
  line-height: 25px;
  color: #2A353D;
  padding: 5px;
  min-width: 70px;
  background: unset;
  border: 0;
  border-bottom: 2px solid transparent;
}
.stockEtf_tabs .nav-tabs .nav-link.active {
  font-family: 'DMSans-Bold';
  color: #4285F4;
  border-color: #4285F4;
}
.stockTab_grid1, .stockTab_grid11 {
  width: 100%;
}
.stockEtf_dash {
  width: 100%;
  /* display: grid; */
  grid-template-areas: 'stockEtf_dashL stockEtf_dashL stockEtf_dashL stockEtf_dashL stockEtf_dashL stockEtf_dashR stockEtf_dashR';
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  position: relative;
}
.stockEtf_dashL {
  width: 100%;
  grid-area: stockEtf_dashL;
  grid-column: 1 / 6;
}
.stockEtf_dashR {
  width: 100%;
  grid-area: stockEtf_dashR;
  grid-column: 6 / 8;
}
.table_scroll {
  width: 100%;
  border: 1px solid #eaecec;
  border-radius: 8px;
  min-height: 250px;
  position: relative;
}
.stocksTab_table .vertical_scroll {
  max-height: calc(100vh - 120px);
}
.ovtlyr_table th {
  font-family: 'DMSans-Medium';
  font-size: 13px;
  line-height: 18px;
  color: #2A353D;
  font-weight: normal;
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  background-color: #F5F9FF;
  height: 70px;
  border-bottom: 1px solid #eaecec;
}
.align__items {
  text-align: center !important;
}
.ovtlyr_table tbody tr {
  background-color: unset;
  border-left: 1px solid rgb(224 216 216 / 20%);
}
.ovtlyr_table tbody tr:nth-child(2n-1) td {
  background: #ffffff;
  /*   border-top: 1px solid #eaecec;
  border-bottom: 1px solid #eaecec; */
}
.ovtlyr_table td {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 18px;
  color: #777E87;
  font-weight: normal;
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  background-color: #F8FAFB;
  height: 80px;
  border: 0;
}
.ovtlyr_table tbody tr:last-child td {
  border-bottom: 0;
}
.ovtlyr_table th:first-child {
  border-top-left-radius: 8px;
}
.ovtlyr_table th:last-child {
  border-top-right-radius: 8px;
}
.ovtlyr_table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.ovtlyr_table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.fav_symbol {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
}
.ovtlyr_table td p {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 18px;
  color: #777E87;
  margin-bottom: 0;
}
.favSymbol_box {
  display: flex;
  position: relative;
  align-items: center;
  gap: 12px;
}
.port_symbol {
  font-family: 'DMSans-Medium';
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  background-color: #4285F4;
  border-radius: 6px;
  padding: 4px 8px;
  min-width: 51px;
  text-align: center;
  position: relative;
}
/*.noti_box {
  position: absolute;
  top: -10px;
  right: -8px;
  border: 1px solid #FF8F07;
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 10px;
  justify-content: center;
  align-items: center; 
}*/
.noti_box {
  position: absolute;
  top: -10px;
  right: -8px;
}
.noti_count {
  width: 22px;
  height: 22px;
  border-radius: 24px;
  display: flex;
  font-family: 'DMSans-Medium';
  font-size: 11px;
  line-height: 18px;
  color: #ffffff;
  background-color: #FF8F07;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 10px rgb(0 0 0 / 8%);
}
.noti_count2 {
  font-family: 'DMSans-Medium';
  font-size: 11px;
  line-height: 13px;
  color: #ffffff;
  background-color: #D93872;
  padding: 2px 4px;
  border-radius: 10px;
  min-width: 18px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}
.stocksTab_table {
  width: 100%;
  position: relative;
}
.sticky-top {
  z-index: 8;
}
.stocksTab_grids {
  display: none;
}
.company_name {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* word-break: break-all; */
}
.buy_stock, .sell_stock, .downside_stock, .downtrend_stock, .uptrend_stock {
  font-family: 'DMSans-Bold' !important;
  font-size: 14px;
  line-height: 18px;
  padding: 6px 14px;
  text-align: center;
  border-radius: 20px;
  display: inline-block;
}
.buy_stock {
  color: #10A861 !important;
  background-color: rgb(173 216 147 / 25%);
}
.sell_stock {
  color: #D93872 !important;
  background-color: rgb(249 195 195 / 20%);
}
.downside_stock {
  color: #FF8F07 !important;
  background-color: rgb(255 143 7 / 20%);
}
.downtrend_stock {
  color: #be0000 !important;
  background-color: rgb(255 175 175 / 20%);
}
.uptrend_stock {
  color: #167348 !important;
  background-color: rgb(173 216 147 / 25%);
}
.color_red {
  color: #D93872 !important;
}
.color_green {
  color: #10A861 !important
}
.greenBox, .redBox, .orgBox, .blueBox, .whiteBox, .greyBox {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  display: inline-block;
  background-color: #10A861;
}
.whiteBox {
  background:#ffffff;
  border:1px solid #000000;
}
.redBox {
  background-color: #D93872;
}
.orgBox {
  background-color: #FF8F07;
}
.blueBox {
  background-color: #deebff;
}
.greyBox {
  background-color: #808191;
}
.green_txt {
  color: #00b81c !important;
}
.red_txt {
  color: #FB0202 !important;
}
.ovtlyr_table th > img {
  display: none;
}
.ovtlyr_table th.sortTable_col > img {
  display: inline-block;
  position: relative;
  top: 3px;
}
.add_filter_btn {
  width: 100%;
  display: none;
}
.add_filter_btn a {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 23px;
  color: #242947;
  border: 1px solid #D0E3FF;
  border-radius: 8px;
  width: 100%;
  display: flex;
  padding: 10px 15px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  -o-transition: all .25s;
  transition: all .25s;
}
.add_filter_btn a.active {
  background-color: #E3EEFF;
}
.add_filter_btn a span {
  color: #242947;
  font-weight: 200;
  font-size: 26px;
  position: relative;
  left: -4px;
}
.stockEtf_filter {
  position: absolute;
  top: -56px;
  right: 0;
}
.stockEtf_filter a {
  font-family: 'DMSans-Regular';
  color: #242947;
  font-size: 17px;
  line-height: 28px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 12px;
  border: 1px solid #D0E3FF;
  border-radius: 8px;
  gap: 3px;
}
.stockEtf_filter span:first-child {
  font-weight: 200;
  font-size: 24px;
  left: -2px;
  color: #242947;
  position: relative;
}
.stockEtf_filter span:first-child.material-icons, .show_dropdown span:first-child.material-icons {
  color: #4285F4;
  font-size: 22px;
}
.secPart_0 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  display: none;
}
.secPart_0 h4 {
  font-family: 'DMSans-Bold';
  font-size: 18px;
  line-height: 24px;
  color: #242947;
  margin-bottom: 0;
}
.secPart_0 > div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.reset_filter {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 20px;
  color: #4285F4;
  text-decoration: underline;
}
.secPart_0 .close_btn {
  display: block;
  font-size: 25px;
  color: #2A353D;
  cursor: pointer;
}
.secPart_1 {
  width: 100%;
  margin-bottom: 30px;
}
.secPart_1 h5 {
  font-family: 'DMSans-Bold';
  font-size: 17px;
  line-height: 23px;
  color: #000000;
  margin-bottom: 15px;
}
.secPart_1 p {
  font-family: 'DMSans-Medium';
  font-size: 15px;
  line-height: 14px;
  color: #4285F4;
  margin-top: 10px;
  margin-bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
/*==== MARKET CAP SLIDER START ====*/
.range-slider {
  position: relative;
  width: 96%;
  margin: 0 auto;
  height: 35px;
  text-align: center;
}
.range-slider input {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 15px;
  width: 100%;
  outline: none;
  height: 20px;
  margin: 0;
  padding: 0;
}
.range-slider input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  outline: 0;
}
.range-slider input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
}
.range-slider input::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: rgba(0, 0, 0, 1);
  border: 0;
}
.range-slider input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
}
.range-slider input[type=range]::-moz-focus-outer {
  border: 0;
}
.rangeValue {
  width: 30px;
}
.range-slider .output {
  position: absolute;
  text-align: center;
  display: inline-block;
  bottom: 60%;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: 'DMSans-Medium';
  font-size: 12px;
  line-height: 15px;
  color: #777E87;
}
.output.outputTwo, .output.outputTwo_Bear {
  left: 100%;
}
.range-slider input[type=range] {
  appearance: none;
  -webkit-appearance: none;
  background: none;
}
.range-slider input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  border: none;
  border-radius: 3px;
  background: transparent;
}
.range-slider input[type=range]::-ms-track {
  height: 5px;
  background: transparent;
  border: none;
  border-radius: 3px;
}
.range-slider input[type=range]::-moz-range-track {
  height: 5px;
  background: transparent;
  border: none;
  border-radius: 3px;
}
.range-slider input[type=range]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 50%;
  width: 22px;
  height: 20px;
  background: url('../images/range-thumb.svg') no-repeat;
  background-size: contain;
  margin-top: -7px;
  position: relative;
  z-index: 10000;
}
.range-slider input[type=range]::-ms-thumb {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 50%;
  width: 22px;
  height: 20px;
  background: url('../images/range-thumb.svg') no-repeat;
  background-size: contain;
  margin-top: -7px;
  position: relative;
  z-index: 10000;
}
.range-slider input[type=range]::-moz-range-thumb {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 50%;
  width: 22px;
  height: 20px;
  background: url('../images/range-thumb.svg') no-repeat;
  background-size: contain;
  margin-top: -7px;
  position: relative;
  z-index: 10000;
}
.range-slider input[type=range]:focus {
  outline: none;
}
.full-range, .incl-range, .full-range_Bear, .incl-range_Bear {
  width: 100%;
  height: 5px;
  left: 0;
  top: 23px;
  position: absolute;
  background: #cccccc;
}
.incl-range, .incl-range_Bear {
  background: #4285F4;
}
/*===== sec =====*/
/*
.secPart_1 [slider] {
  width: 100%;
  position: relative;
  height: 5px;
  margin: 10px 0;
  margin-top: 35px;
  margin-bottom: 10px;
}
.secPart_1 [slider] > div {
  position: absolute;
  left: 13px;
  right: 13px;
  height: 5px;
}
.secPart_1 [slider] > div > [inverse-left] {
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 10px;
  background-color: #CCC;
  margin-right: 7px;
}
.secPart_1 [slider] > div > [inverse-right] {
  position: absolute;
  right: 0;
  height: 5px;
  border-radius: 10px;
  background-color: #CCC;
  margin-left: 7px;
}
.secPart_1 [slider] > div > [range] {
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 14px;
  background-color: #4285F4;
}
.secPart_1 [slider] > div > [thumb] {
  position: absolute;
  top: -11px;
  z-index: 2;
  width: 31px;
  height: 26px;
  margin-left: -16px;
  cursor: pointer;
  background: url('../images/range-thumb.svg') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.secPart_1 [slider] > input[type=range] {
  position: absolute;
  pointer-events: none;
  appearance: none;
  -webkit-appearance: none;
  z-index: 3;
  height: 14px;
  top: -2px;
  width: 100%;
  opacity: 0;
}
.secPart_1 div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}
.secPart_1 div[slider] > input[type=range]:focus {
  outline: none;
}
.secPart_1 div[slider] > input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
  -webkit-appearance: none;
}
.secPart_1 div[slider] > input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0 none;
}
.secPart_1 div[slider] > input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0 none;
}
.secPart_1 div[slider] > input[type=range]::-ms-tooltip {
  display: none;
}
.secPart_1 [slider] > div > [sign] {
  opacity: 1;
  position: absolute;
  margin-left: -23px;
  top: -30px;
  z-index: 3;
  font-family: 'DMSans-Medium';
  font-size: 14px;
  line-height: 20px;
  color: #4285F4;
  width: 42px;
  height: 20px;
  text-align: center;
}*/
/* .secPart_1 [slider] > div > [sign]:after {
  position: absolute;
  content: '';
  left: 0;
  border-radius: 16px;
  top: 19px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top-width: 16px;
  border-top-style: solid;
  border-top-color: #d02128;
}
.secPart_1 [slider] > div > [sign] > span {
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
}
.secPart_1 [slider]:hover > div > [sign] {
  opacity: 1;
} */
/*===== MARKET CAP SLIDER END =====*/
.secPart_2 {
  width: 100%;
  margin-bottom: 20px;
}
.secPart_2 .nav-tabs {
  border: 0;
  gap: 20px;
  margin-bottom: 20px;
}
.secPart_2 .nav-tabs .nav-item {
  width: calc(50% - 10px);
}
.secPart_2 .nav-tabs .nav-link {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #4285F4;
  padding: 8px 20px;
  text-align: center;
  border: 1px solid #D0E3FF;
  border-radius: 8px;
  width: 100%;
}
.secPart_2 .nav-tabs .nav-link.disabled {
  opacity: .4;
}
.secPart_2 .nav-tabs .nav-link.active {
  color: #000000;
  background-color: #E3EEFF;
}
.sectorsTab_list li a {
  display: flex;
  gap: 10px;
}
.savedSec .sectors_list, .savedSec  .sectors_list_Bear {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;margin-top:20px;
}
.savedSec .screener_listFlex .close_icon {
  font-size: 17px;
  color: #000000;
  padding: 1px 3px;
  line-height: 26px;
  border-radius: 5px;
  background: #e3edfa;
  border: 1px solid #4285f4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sectors_list .active .close_icon{
  font-size: 17px;
  color: #000000;
  padding: 1px 3px;
  line-height: 26px;
  border-radius: 5px;
  background: #e3edfa;
  border: 1px solid #4285f4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.buttons_list
{
  display:flex;
  gap: 4px;
}
.sectors_list .sectorList_item, .sectors_list_Bear .sectorList_item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 8px;
  border: 1px solid transparent;
  transition: .3s all;
  justify-content: flex-start;
  background: #fff;
  margin-bottom:10px;
}
.savedSec .sectors_list .sectorList_item, .savedSec .sectors_list_Bear .sectorList_item{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 10px;
  border-radius: 8px;
  transition: .3s all;
  justify-content: flex-start;
  background: #fff;
  border: 1px dashed #777e87;
  position: relative;
  margin-bottom: 0px;
}
.sectors_list .sectorList_item a:hover, .sectors_list .sectorList_item.active a, .sectors_list_Bear .sectorList_item a:hover, .sectors_list_Bear .sectorList_item.active a,
.sectors_list .sectorList_item:hover, .sectors_list .sectorList_item.active, .sectors_list_Bear .sectorList_item:hover, .sectors_list_Bear .sectorList_item.active {
  background-color: #e3eeff;
  border-color: #b9c7dd;
}
.savedSec .sectors_list .sectorList_item.active {
  border-bottom: 0;
  position: relative;
  display: flex;
  align-items: center;
  border: 1px dashed #da3a72;
  background: linear-gradient(165deg, rgb(217 57 114 / 20%) 27%, rgb(67 133 244 / 21%) 73%);
  border-radius: 5px;
  margin-bottom:0;
}
.category_filter .sectors_list .active h6 {
  font-family: 'DMSans-Medium';
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  margin-bottom: 0;
}
.savedSec .category_filter .sectors_list .active h6 {
  width: calc(80% - 20px);
}
.sectors_list .sectorList_item img, .sectors_list_Bear .sectorList_item img {
  width: auto;
  height: 23px;
}
.sectors_list .sectorList_item h6, .sectors_list_Bear .sectorList_item h6 {
  font-family: 'DMSans-Medium';
  font-size: 15px;
  line-height: 20px;
  color: #242947;
  margin-bottom: 0;
}
.savedSec .sectors_list .sectorList_item h6, .savedSec .sectors_list_Bear .sectorList_item h6 {
  width: calc(80% - 20px);
}
.industry_list, .industry_list_Bear {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.indusList_item .checkbox__text {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 20px;
  padding-top: 0;
  font-weight: normal;
}
.secPart_3, .applyFil_btn {
  width: 100%;
}
.secPart_3 {
  margin-top: 30px;
}
.filterScroll {
  max-height: calc(100vh - 212px);
  overflow: auto;
  padding-right: 10px;
}
.filterScroll::-webkit-scrollbar {
  width: 5px;
}
.filterScroll::-webkit-scrollbar-track {
  padding-right: 20px;
  background: transparent;
}
.filterScroll::-webkit-scrollbar-thumb {
  background: #4285f4;
  border-radius: 5px;
}
.filterScroll::-webkit-scrollbar-thumb:hover {
  background: #4285f4;
}
.drop_box .sort_dropdown .dropdown-menu {
  padding: 5px 0;
}
.sort_dropdown .dropdown-item {
  padding: 5px 10px;
}
.sort_dropdown button, .drop_box button {
  font-family: 'DMSans-Medium';
  font-size: 13px;
  line-height: 18px;
  color: #2A353D;
}
.sort_dropdown p, .dropdown .sort_dropdown p {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 18px;
  color: #777E87;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: var(--bs-dropdown-link-hover-bg);
}
/*========= STOCKS & ETFs END =========*/
/*======== STOCKS DETAIL START ========*/
.IndSec_header.StockSec_header {
  grid-template-areas: 'IndSec_serial2 IndSec_serial3';
}
/* .stockDtl_pg .toggle_chart .candleChart {
  display: none;
} 
.stockDtl_pg .toggle_chart .heatmapChart {
  display: block;
}*/
.stockDtl_box {
  background-color: #F8FAFB;
}
.stockDtl_box ul {
  width: 100%;
  margin-top: 30px;
}
.stockDtl_box ul li {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #D0E3FF;
  margin-bottom: 20px;
}
.stockDtl_box ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.stockDtl_box ul li p {
  width: 100%;
  display: flex;
  font-family: 'DMSans-Regular';
  font-size: 15px;
  line-height: 22px;
  color: #242947;
  margin-bottom: 0;
  justify-content: space-between;
}
.stockDtl_box ul li p span:first-child {
  font-family: 'DMSans-Bold';
}
.color_inherit {
  color: unset !important;
}
/*========= STOCKS DETAIL END =========*/
/*========== WATCHLIST START ==========*/
.watchlist_head {
  width: 100%;
}
.watchlist_head .pageHeading > div, .watchlist_head .pageHeading > div > div {
  width: 100%;
}
.video_head {
  justify-content: space-between;
}
.watchlist_head .pageHeading > div > div button {
  left: 0;
}
.watchlist_tabs {
  width: 100%;
  margin-top: 20px;
}
.watchlist_tabs > ul {
  width: 100%;
  display: flex;
  gap: 15px;
  border-bottom: 0;
  align-items: center;
  margin-bottom: 0;
}
.watchlist_tabs > ul > li {
  width: calc(33.33% - 10px);
  height: 63px;
  display: flex;
  position: relative;
  z-index: 1021;
  padding: 20px;
  /* background-color: #F8FAFB; */
  background-color: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  align-items: flex-start;
}
/* .watchlist_tabs > ul > li.favList_tab {
  background-color: #fff4e7;
}
.watchlist_tabs > ul > li.bullList_tab {
  background-color: #e8f7f0;
}
.watchlist_tabs > ul > li.bearList_tab {
  background-color: #fcecf1;
} */
.watchlist_tabs > .nav-tabs .nav-link.active {
  background: unset;
  border: 0;
}
.watchlist_tabs > .nav-tabs .nav-link {
  padding: 0;
  border: 0;
  font-family: 'DMSans-Medium';
  font-size: 18px;
  line-height: 24px;
  color: #242947;
  display: flex;
  align-items: center;
  gap: 5px;
}
.favList_tab button {
  gap: 8px;
}
.favList_tab button i {
  font-size: 17px;
}
.bullList_tab button > div, .bearList_tab button > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.watchlist_tabs > ul > li img {
  width: auto;
  height: 12px;
}
.watchlist_tabs > ul > li span {
  font-size: 14px;
}
/* .filterDropd_box {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  transform: translate(0, -50%);
} */
.show_dropdown {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #242947;
  display: flex;
  align-items: center;
  justify-content: center;
}
.show_dropdown span:first-child {
  color: #242947;
  font-weight: 200;
  font-size: 24px;
  position: relative;
  left: 4px;
}
.show_dropdown span:nth-child(2) {
  display: none;
}
.filterDropdown {
  right: -10px;
  width: 200px;
  padding: 15px;
  border-radius: 8px;
  border: 0;
  background: #ffffff;
  position: absolute;
  top: 25px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-box-shadow: 0 2px 10px rgb(104 120 144 / 15%);
  box-shadow: 0 2px 10px rgb(104 120 144 / 15%);
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.filterDropdown.open {
  visibility: visible;
  opacity: 1;
}
.filterDropdown:before {
  content: "";
  position: absolute;
  right: 32px;
  top: -8px;
  width: 16px;
  height: 16px;
  background: #ffffff;
  display: block;
  transform: rotate(45deg);
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
}
.head_part {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.head_part h5 {
  font-family: 'DMSans-Bold';
  font-size: 17px;
  line-height: 23px;
  color: #242947;
  margin-bottom: 0;
}
.head_part .close_btn {
  display: block;
  font-size: 23px;
  color: #2A353D;
  cursor: pointer;
}
.filter_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}
.filterL_item .checkbox__text {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 20px;
  padding-top: 0;
  font-weight: normal;
}
.watchlist_listing {
  width: 100%;
}
.watchlist_listing > .tab-content {
  width: 100%;
  display: flex;
  gap: 15px;
}
.watchlist_listing > .tab-content > .tab-pane {
  width: calc(33.33% - 10px);
  display: block;
  opacity: 1;
}
.favList_tabC {
  width: 100%;
  display: block;
}
.favList_grid {
  width: 100%;
  display: none;
}
.favList_tabC .table_scroll {
  border: 0;
}
.favList_tabC .vertical_scroll {
  max-height: calc(100vh - 260px);
}
.ovtlyr_table.favList__table th {
  font-family: 'DMSans-Medium';
  font-size: 13px;
  text-align: center;
  background-color: #ffffff;
  height: 40px;
  border-bottom: 0;
}
.ovtlyr_table th.dropdown {
  width: unset;
}
.ovtlyr_table.favList__table td {
  vertical-align: middle;
  text-align: center;
  background-color: #ffffff;
  height: 65px;
  border: 0;
}
.ovtlyr_table.favList__table tbody tr:nth-child(2n-1) td {
  background: #F8FAFB;
  border: 0;
}
.favList__table .favSymbol_box {
  justify-content: center;
}
.table_head {
  width: 100%;
  padding: 20px;
  padding-top: 0;
  background-color: #F8FAFB;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 5px;
}
.fav_rankTabs .nav-tabs {
  border: 1px solid #D0E3FF;
  border-radius: 20px;
  padding: 2px;
}
.fav_rankTabs .nav-tabs .nav-link {
  padding: 6px 12px;
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 18px;
  color: #4285F4;
  border: 0;
  background: unset;
  border-radius: 20px;
  margin: 0;
  min-width: 50px;
  height: 30px;
}
.fav_rankTabs .nav-tabs .nav-link.active {
  background-color: #D0E3FF;
}
.fav_rankTabs .nav-tabs .nav-link img {
  width: unset;
  height: 17px;
  margin: 0 auto;
}
.fav_rankTabs .nav-tabs .nav-link.active.orange_bg {
  background-color: #fff4e7;
}
.watchlist_sidebar, .watchlist_sidebar_etf {
  position: fixed;
  background: #ffffff;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  width: 400px;
  box-shadow: none;
  margin-right: -400px;
  -webkit-transition: margin .3s;
  -o-transition: margin .3s;
  transition: margin .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.watchlist_sidebar.open, .watchlist_sidebar_etf.open {
  margin-right: 0;
  box-shadow: 0 5px 24px rgb(24 24 24 / 27%);
}
.watchlist_sidebar .category_filter, .watchlist_sidebar_etf .category_filter {
  width: 100%;
  opacity: 1;
  visibility: visible;
  position: unset;
  box-shadow: none !important;
  border-radius: 0;
  transition: none;
  padding: 20px;
  background: #f8fafb;
}
.watchlist_sidebar .secPart_0, .watchlist_sidebar_etf .secPart_0 {
  display: flex;
}
/* .watchlist_sidebar .filterScroll, .watchlist_sidebar_etf .filterScroll {
  max-height: calc(100vh - 150px);
} 
.filter_sidebar .filterScroll {
  max-height: calc(100vh - 150px);
}*/
.watchlist_tabs.full_listHead > ul > li.nav-item, .watchlist_listing.full_listTable > .tab-content > .tab-pane {
  width: 100%;
}
.full_listHead1 .bullList_tab, .full_listHead1 .bearList_tab, .full_listTable1 #bullslisttab, .full_listTable1 #bearslisttab {
  display: none;
}
.full_listHead2 .favList_tab, .full_listHead2 .bearList_tab, .full_listTable2 #favlisttab, .full_listTable2 #bearslisttab {
  display: none;
}
.full_listHead3 .favList_tab, .full_listHead3 .bullList_tab, .full_listTable3 #favlisttab, .full_listTable3 #bullslisttab {
  display: none;
}
.filterDropd_box {
  display: flex;
  align-items: center;
  position: relative;
}
.filterDropd_box .expand_btn {
  height: 23px;
}
.filterDropd_box .expand_btn span:before {
  font-family: 'Material Symbols Outlined';
  content: '\e56b';
  color: #242947;
  font-weight: 200;
  font-size: 23px;
  line-height: 23px;
  position: relative;
  display: block;
  height: 23px;
  -webkit-font-smoothing: antialiased;
}
.full_listTable1 #expand_btn1 span:before, .full_listTable2 #expand_btn2 span:before, .full_listTable3 #expand_btn3 span:before {
  content: '\e5cd';
  font-size: 24px;
}
.arrows {
  position: relative;
}
.arrow_up:after {
  font-family: 'Material Symbols Outlined';
  content: '\e8e5';
  font-weight: 600;
  font-size: 22px;
  color: #10A861;
  width: 22px;
  height: 15px;
  position: absolute;
  right: -25px;
  top: 1px;
  z-index: 9;
}
.arrow_down:after {
  font-family: 'Material Symbols Outlined';
  content: '\e8e3';
  font-weight: 600;
  font-size: 22px;
  color: #D93872;
  width: 22px;
  height: 15px;
  position: absolute;
  right: -25px;
  top: 1px;
  z-index: 9;
}
/*Changes 13 march*/
.icon_filter {
  font-size: 21px;
  font-weight: 300;
  color: #2A353D;
  vertical-align: middle;
  position: relative;
  top: -3px;
  height: 18px;
  width: 18px;
}
.favList_tabC .dropdown ul li p {
  margin-bottom:0;
}
.drop_text {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 13px;
  color: #777E87;
  margin-bottom: 0;
  display: flex;
  padding-left: 20px;
  position:relative;
  z-index:999;
}
.drop_box .dropdown-menu {
  padding:0;
}
.favList_tabC a {
  color: #2A353D;
}
.bearList_tabC .material-icons, .bullList_tabC .material-icons {
  color: #4285f4;
}
.drop_box .dropdown-toggle::after {
  font-family: 'Material Symbols Outlined';
  content: '\e5cf';
  font-weight: 300;
  font-size: 23px;
  vertical-align: middle;
  position: relative;
  top: 0;
  color: #2A353D;
  margin: 0;
  border: 0;
}
.favlist_noti {
  display: flex;
  align-items: center;
}
.bell_icon {
  color: #242947;
  font-size: 16px;
  position: relative;
  top: 1px;
}
.bell_icon2 {
  color: #242947;
  font-size: 16px;
  position: relative;
  top: 1px;
}
i.fa-solid.fa-bell, body.dark i.fa-solid.fa-bell {
  color: #10A861;
}
/*=========== WATCHLIST END ===========*/
/*=========== SETTINGS START ==========*/
.settings_head {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.settings_tabs .nav-tabs {
  width: 100%;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
show-desk {
  display: block;
}
show-mob {
  display: none;
}
.settings_tabs .nav-tabs .nav-link {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  border: 0;
  padding: 0;
  position: relative;
  padding-left: 12px;
  background: unset;
}
.settings_tabs .nav-tabs .nav-link.active {
  font-family: 'DMSans-Bold';
}
.settings_tabs .nav-tabs .nav-link.active:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: transparent transparent transparent #4285f4;
}
/*====== NOTIFICATION START ======*/
.settings_head3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
/* .settings_head31 h6 {
  font-family: 'DMSans-Bold';
  font-size: 20px;
  line-height: 28px;
  color: #2A353D;
  margin-bottom: 0;
} */
.settings_head31 p {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  /* margin-top: 10px; */
  margin-bottom: 0;
}
.notifiBoxes {
  width: 100%;
}
.notifiBoxes ul {
  width: 100%;
  display: flex;
  gap: 30px;
}
.notifiBoxes ul li {
  width: calc(33.33% - 20px);
  border: 1px solid #D0E3FF;
  border-radius: 10px;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.notifiBoxes ul li h5 {
  font-family: 'DMSans-Bold';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  margin-bottom: 0;
}
.notifiLogs {
  width: 100%;
  margin-top: 30px;
}
.notifiLogs h6 {
  font-family: 'DMSans-Bold';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  margin-bottom: 20px;
}
.notifiLogs li {
  width: 100%;
  margin-bottom: 10px;
}
.notifiLogs li p {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  margin: 0;
}
.notiLog__table {
  min-width: 650px;
} 
.ovtlyr_table.notiLog__table th, .ovtlyr_table.notiLog__table td {
  height: 50px;
  padding: 10px;
  text-align: left;
}
.settings_head32 .pageSlot_drop {
  display: flex;
  align-items: center;
  gap: 20px;
}
.pageSlot_drop p {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #383838;
  margin-bottom: 0;
}
.dropdown__body.pageCount_drop {
  opacity: 1;
  visibility: visible;
  display: none;
  width: 80px;
  padding: 10px;
  border-radius: 8px;
  border: 0;
  -webkit-box-shadow: 0 2px 10px rgb(46 48 52 / 13%);
  box-shadow: 0 2px 10px rgb(46 48 52 / 13%);
}
.dropdown__head.select_drop {
  width: 80px;
  border: 1px solid #E3EEFF;
  background: unset;
  padding: 8px 10px;
  padding-right: 35px;
  height: unset;
  border-radius: 8px;
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #383838;
  font-weight: normal;
  justify-content: center;
}
.pageCount_drop .dropdown__item {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #383838;
}
.page_arrows {
  width: 80px;
  height: 40px;
  display: flex;
  border: 1px solid #E3EEFF;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
}
.page_arrows a {
  display: inline-block;
  padding: 5px;
  width: 40px;
  height: 38px;
  color: #000000;
  border-right: 1px solid #E3EEFF;
}
.page_arrows a:last-child {
  border-right: 0;
}
.page_arrows a:hover {
  color: #4285F4;
}
.page_arrows span {
  font-weight: 200;
  font-size: 30px;
}
.notiTable_filter .filterDropd_box {
  border: 1px solid #E3EEFF;
  border-radius: 8px;
  padding: 8px 20px;
  height: 40px;
}
.notiTable_filter .show_dropdown span:nth-child(2) {
  display: block;
}
.notifiTab_table .vertical_scroll {
  max-height: calc(100vh - 180px);
}
.edit_icon img {
  width: 15px;
  margin-left: 8px;
  position: relative;
  top: 2px;
  opacity: .8;
}
.notifi_blur {
  width: 100%;
  border: 1px solid #eaecec9e;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.notifi_blur img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
}
.noti_topTxt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
}
.notifi_blur p {
  font-family: 'DMSans-Medium';
  font-size: 20px;
  line-height: 30px;
  color: #2A353D;
  margin-top: 0;
  margin-bottom: 30px;
}
.notifi_blur a {
  padding: 10px 30px;
  border-radius: 5px;
  border: 1px solid #4285F4;
  background: #4285F4;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
/*======= NOTIFICATION END =======*/
/*======= SUBSCRIPTION START =======*/
.note_p {
  width: 100%;
  padding: 8px 15px;
  border-radius: 5px;
  background-color: rgb(211 30 50 / 20%);
  border: 1px solid #d31e32;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.note_p p {
  font-family: 'DMSans-Regular';
  font-size: 18px;
  line-height: 24px;
  color: #2A353D;
  margin-bottom: 0;
  -webkit-font-smoothing: antialiased;
}
.note_p .bold_txt {
  font-family: 'DMSans-Bold';
}
.note_p button {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  padding: 5px 16px;
  padding-bottom: 6px;
  border-radius: 3px;
  background-color: #4285F4;
  flex-shrink: 0;
}
.note_p .material-symbols-outlined {
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
  position: relative;
  top: -2px;
  left: -4px;
}
.subscription_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.subscription_b1 {
  width: 100%;
}
.subscription_b1 h6 {
  font-family: 'DMSans-Bold';
  font-size: 17px;
  line-height: 23px;
  color: #2A353D;
  margin-bottom: 15px;
}
.subscription_b1 .bot_txt {
  font-family: 'DMSans-Regular';
  font-size: 18px;
  line-height: 25px;
  color: #2A353D;
  margin-top: 20px;
  margin-bottom: 10px;
}
.plan_boxes {
  width: 100%;
  display: flex;
  gap: 20px;
}
.plan_boxes1 {
  width: calc(50% - 10px);
  border-radius: 10px;
  padding: 30px;
  position: relative;
}
.check_icon {
  position: absolute;
  top: 5px;
  right: 10px;
}
.check_icon .dropdown-toggle::after {
  display: none;
}
.check_icon span {
  font-size: 22px;
  color: #2A353D;
  font-weight: 400;
}
.blue_box {
  background: url('../images/blue-card.svg')no-repeat;
  background-size: cover;
  background-position: 0 64%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
}
.purple_box {
  background: url('../images/purple-card.svg')no-repeat;
  background-size: cover;
  background-position: 0 64%;
  background-color: #BF78E8;
}
.serial1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}
.serial11 h4 {
  font-family: 'DMSans-Bold';
  font-size: 22px;
  line-height: 26px;
  color: #ffffff;
  margin-bottom: 0;
}
.serial11 h4 span {
  font-size: 18px;
  margin-left: 5px;
}
.serial11 p {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 23px;
  color: #ffffff;
  margin-bottom: 0;
  margin-top: 5px;
}
.serial11 p b {
  font-family: 'DMSans-Medium';
  font-weight: normal;
}
.serial12 {
  flex-shrink: 0;
}
.serial12 .nav.nav-tabs {
  display: flex;
  border-radius: 30px;
  background: #1A66E4;
  padding: 4px;
  border: 0;
}
.serial12 ul .nav-item {
  /* width: 100%; */
  text-align: center;
}
.serial12 .nav-tabs .nav-link {
  background: unset;
  border: 0;
  border-radius: 30px;
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  transition: .4s all;
  margin-bottom: 0;
  padding: 5px 10px;
}
.serial12 .nav-tabs .nav-item.show .nav-link, .serial12 .nav-tabs .nav-link.active {
  background: #ffffff;
  color: #4285F4;
}
.serial2 {
  width: 100%;
  min-height: 56px;
}
.serial2 h3 {
  font-family: 'DMSans-Bold';
  font-size: 30px;
  line-height: 28px;
  color: #ffffff;
  margin-bottom: 0;
}
.serial2 h3 span {
  font-family: 'DMSans-Regular';
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}
.serial2 h3 span.small {
  font-size: 16px;
}
.serial2 p {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 23px;
  color: #ffffff;
  margin-bottom: 0;
}
.serial2 input {
  width: 300px;
  max-width: 100%;
  border: 1px solid #D0E3FF;
  border-radius: 4px;
  padding: 9px 15px;
  background-color: #ffffff;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #242947;
}
.serial3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.serial31 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.white_btn {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 23px;
  color: #4285F4;
  padding: 10px 16px;
  background-color: #ffffff;
  /* border: 1px solid #4285f4; */
  border-radius: 4px;
  display: inline-block;
  min-width: 140px;
  text-align: center;
}
.serial32 p {
  font-family: 'DMSans-Medium';
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 0;
}
.serial32 p b {
  font-family: 'DMSans-Bold';
}
/* .purple_box .serial11 h4 {
  color: #000000;
} */
.borderDesign {
  display: none;
  gap: 6px;
  position: absolute;
  top: 30px;
  right: 20px;
}
.borderDesign span {
  width: 60px;
  height: 8px;
  display: block;
  border-radius: 4px;
  background-color: #4285F4;
}
.borderDesign span.borderCircle {
  width: 8px;
  height: 8px;
  background-color: #D0E3FF;
}
.serial11 ul {
  width: 100%;
  margin-top: 20px;
  list-style: disc;
  color: #ffffff;
  padding-left: 20px;
}
.serial11 ul li p {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  margin-bottom: 3px;
}
.serial11 ul li p:last-of-type {
  margin-bottom: 0;
}
.paymentNote {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  margin-bottom: 20px;
  font-style: italic;
}
.paymentNote span {
  font-family: 'DMSans-Medium';
}
.card_boxes {
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.card_boxes1 {
  width: 200px;
  height: 102px;
  border: 1px solid #D0E3FF;
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.card_boxes1.active {
  border-color: #4285f4;
}
.card_nme {
  font-family: 'DMSans-Medium';
  font-size: 12px;
  line-height: 15px;
  color: #777E87;
}
.card_no {
  font-family: 'DMSans-Medium';
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  display: flex;
  align-items: center;
  gap: 10px;
}
.card_no img {
  width: 26px;
}
.card_dlt {
  width: 100%;
  height: unset;
  text-align: right;
}
.card_dlt p {
  font-family: 'DMSans-Bold';
  font-size: 13px;
  line-height: 16px;
  color: #4285f4;
  margin-bottom: 0;
}
.card_dlt button {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  background-color: #EEF0FF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.check_icon .dropdown, .check_icon .dropdown-toggle {
  height: 16px;
}
.card_dlt button span {
  color: #2A353D;
  font-size: 16px;
  vertical-align: sub;
}
.check_icon .dropdown-menu.show {
  display: block;
  border: 0;
  box-shadow: 0 2px 3px #00000024;
  border-radius: 3px;
  width: 120px;
  min-width: unset;
}
.check_icon .dropdown-item {
  font-family: 'DMSans-Regular';
  font-size: 13px;
  color: #2A353D;
}
.card_boxes1.cardAdd_box {
  justify-content: center;
  align-items: center;
  padding: 0;
  background-color: #ffffff;
}
.cardAdd_box button {
  width: 100%;
  height: 100%;
}
.cardAdd_box button span {
  background-color: #ffffff;
  padding: 3px;
  border-radius: 24px;
  font-size: 24px;
  color: #2A353D;
}
.update_card {
  width: 100%;
  text-align: left;
}
.card_dtl {
  width: 100%;
  margin-bottom: 20px;
  background-color: #f5f6fc;
  border: 1px solid #D0E3FF;
  padding: 6px 15px;
  border-radius: 8px;
}
.modal_body .card_dtl p {
  font-family: 'DMSans-Bold';
  font-size: 16px;
  line-height: 22px;
}
.modal_body .card_dtl p:last-child {
  font-family: 'DMSans-Regular';
  display: flex;
  align-items: center;
  gap: 5px;
}
.pos_txt {
  position: relative;
  top: 4px;
}
.ovtlyr_table.billing__table th, .ovtlyr_table.billing__table td {
  height: 50px;
  padding: 10px;
  text-align: center;
}
.billing__table td p a {
  color: #4285F4;
  font-family: 'DMSans-Bold';
}
.billingHis_table .vertical_scroll {
  max-height: 402px;
}
/*==== COUPON SECTION START ====*/
.subscription_b1 .coupon_sec {
  max-width: 420px;
}
.subscription_b1 .coupon_div1 {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #D0E3FF;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.subscription_b1 .coupon_div1 input {
  width: calc(100% - 60px);
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  background: unset;
}
.subscription_b1 .coupon_div1 input::placeholder {
  font-family: 'DMSans-Regular';
  color: #bcbcbc;
}
.subscription_b1 .coupon_div1 button {
  font-family: 'DMSans-Bold';
  font-size: 16px;
  line-height: 22px;
  color: #4285F4;
  width: 50px;
  flex-shrink: 0;
}
.subscription_b1 .appl_div > span {
  font-weight: 300;
  color: #10A861;
  font-size: 30px;
  width: 22px;
  height: 22px;
  background-color: rgb(173 216 147 / 25%);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscription_b1 .appl_div {
  width: calc(100% - 74px);
  display: flex;
  align-items: center;
  gap: 15px;
}
.subscription_b1 .appl_div2 h6 {
  font-family: 'DMSans-Bold';
  font-size: 14px;
  line-height: 18px;
  color: #2A353D;
  margin-bottom: 4px;
}
.subscription_b1 .appl_div2 p {
  font-family: 'DMSans-Regular';
  font-size: 13px;
  line-height: 15px;
  color: #777E87;
  margin-bottom: 0;
}
.subscription_b1 .coupon_div1.coupon_div2 {
  padding: 8px 15px;
}
.subscription_b1 .coupon_div1.coupon_div2 button {
  width: 64px;
  color: #D93872;
}
/*==== COUPON SECTION END =====*/
/*==== COUPON POPUP START =====*/
.coupon_popup .modal-dialog {
  max-width: 470px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
}
.coupon_popup .modal-content {
  border-radius: 10px;
  border: 0;
}
.coupon_popup .modal-body {
  padding: 30px 25px;
  padding-top: 35px;
}
.coupon_popup .close_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #323232;
  background: unset;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.coupon_popup .modal_body h5 {
  font-size: 22px;
}
.coupon_popup .modal_btns {
  gap: 15px;
}
.coupon_popup .modal_btns button {
  padding: 8px 25px;
  min-width: 100px;
  font-size: 14px;
}
.coupon_popup .modal_btns button.filled_btn {
  color: #ffffff;
  border-color: #4285F4;
  background-color: #4285F4;
}
.coupon_popup .coupon_sec {
  width: 100%;
  position: relative;
}
.coupon_popup .coupon_div1 {
  width: 100%;
  padding: 8px 15px;
  border: 1px solid #D0E3FF;
  border-radius: 4px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.coupon_popup .coupon_div1 input {
  width: calc(100% - 60px);
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 24px;
  color: #2A353D;
  background: unset;
}
.coupon_popup .coupon_div1 input::placeholder {
  font-family: 'DMSans-Regular';
  color: #bcbcbc;
}
.coupon_popup .coupon_div1 button {
  font-family: 'DMSans-Bold';
  font-size: 16px;
  line-height: 22px;
  color: #4285F4;
  width: 50px;
  flex-shrink: 0;
}
.modal_body .appl_div > span {
  font-weight: 300;
  color: #10A861;
  font-size: 30px;
  width: 22px;
  height: 22px;
  background-color: rgb(173 216 147 / 25%);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal_body .appl_div {
  width: calc(100% - 74px);
  display: flex;
  align-items: center;
  gap: 15px;
}
.modal_body .appl_div2 h6 {
  font-family: 'DMSans-Bold';
  font-size: 14px;
  line-height: 18px;
  color: #2A353D;
  margin-top: 0;
  margin-bottom: 4px;
}
.modal_body .appl_div2 p {
  font-family: 'DMSans-Regular';
  font-size: 13px;
  line-height: 15px;
  color: #777E87;
  margin-bottom: 0;
}
.coupon_popup .coupon_div1.coupon_div2 {
  padding: 8px 15px;
}
.coupon_popup .coupon_div1.coupon_div2 button {
  width: 64px;
  color: #D93872;
}
.modal_body p.error, .lat_noti111 span.error_msg {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 18px;
  color: #e23f3f !important;
  margin-top: 5px;
  margin-bottom: 0;
  position: unset;
}
body.dark .modal_body p.error {
  color: #e23f3f;
}
/*===== COUPON POPUP END ======*/
.pinkDot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-left: 3px;
  background-color: #D93872;
  position: absolute;
}
.planComparison {
  width: 100%;
  max-width: 820px;
  display: flex;
  gap: 100px;
  position: relative;
  margin-top: 20px;
}
.planCom.planCom1 {
  width: calc(50% - 50px);
  padding: 15px;
  /* border: 1px solid #D0E3FF; */
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgb(0 0 23 / 19%);
}
.planCom.planCom1:nth-child(2) {
  /* background-color: #4285F4; */
  border: 2px solid #4285F4;
}
.planCom.planCom1 ul {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* justify-content: center; */
  position: relative;
}
.planCom.planCom1 ul li {
  width: 100%;
  /* text-align: center; */
}
.planCom.planCom1 ul li h4 {
  font-family: 'DMSans-Medium';
  font-size: 18px;
  line-height: 24px;
  color: #2A353D;
  margin-bottom: 10px;
}
.save_dis {
  font-size: 18px;
  line-height: 23px;
  color: #000000;
  padding: 8px 18px;
  background: #00f0f0;
  border-radius: 40px;
  display: inline-block;
  margin-left: 5px;
}
.actualPric s {
  font-family: 'DMSans-Medium';
  font-size: 18px;
  line-height: 22px;
  color: #2A353D;
}
.actualPric .smallPri {
  font-family: 'Inter-Bold';
  font-size: 30px;
  line-height: 28px;
  color: #2A353D;
  margin: 0;
  margin-left: 3px;
}
.price_symbol {
  font-size: 15px;
  font-family: 'Inter-Bold';
  vertical-align: super;
  margin-right: 3px;
}
.permonth, .billed_an {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 20px;
  color: #2A353D;
  margin-bottom: 0;
}
.billed_an {
  margin-top: 10px;
  font-size: 17px;
  line-height: 23px;
}
.billed_an b {
  font-family: 'DMSans-Bold';
}
.permonth2 {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 18px;
  color: #2A353D;
  margin: 2px 0;
}
.offer_p {
  font-size: 14px;
  line-height: 19px;
  color: #ffffff;
  padding: 5px 12px;
  background: #10A861;
  border-radius: 4px;
  display: inline-block;
  margin: 0;
  margin-top: 4px;
}
.switch_btn {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 3px;
  background-color: #4285F4;
}
.planBottom {
  width: 100%;
  font-family: 'DMSans-Regular';
  font-size: 18px;
  line-height: 30px;
  color: #2A353D;
  margin-bottom: 0;
  /* background-color: #F5F9FF; */
  /* border: 1px solid #D0E3FF; */
  /* padding: 10px 20px; */
  /* border-radius: 8px; */
}
.upgradePlan.subscription_b1 h6 {
  font-family: 'DMSans-Bold';
  font-size: 24px;
  line-height: 37px;
  color: #2A353D;
}
.red_color {
  font-family: 'DMSans-Medium';
  /* font-size: 15px; */
  color: #d31e32;
  /* background-color: #d31e32; */
  /* padding: 2px 8px; */
  /* border-radius: 3px; */
}
.green_color {
  font-family: 'DMSans-Medium';
  /* font-size: 15px; */
  color: #10A861;
  /* background-color: #10A861; */
  /* padding: 2px 8px; */
  /* border-radius: 3px; */
}
.footerBtn {
  width: 100%;
  margin-top: 15px;
}
.subscription_b1.upgradePlan {
  max-width: 100%;
  background-color: #F5F9FF;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #4285F4;
}
.arrowBetween {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(344deg);
}
.arrowBetween img {width: 70px;}
/*======= SUBSCRIPTION END =======*/
/*======== ACTIVITY START ========*/
.activity_box {
  max-width: 550px;
}
.activity_box h5 {
  font-family: 'DMSans-Bold';
  font-size: 20px;
  line-height: 28px;
  color: #2A353D;
  margin-bottom: 20px;
}
.activity_box .vertical_scroll {
  max-height: calc(100vh - 220px);
}
.activity_box ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.activity_box ul li {
  width: 100%;
  display: flex;
  gap: 15px;
  align-items: center;
}
.activity_box ul li span {
  background-color: #F8FAFB;
  padding: 8px 9px;
  border-radius: 5px;
  font-size: 25px;
  font-weight: 400;
  color: #777E87;
}
.up_arrow {
  color: #10A861 !important;
  background-color: rgb(173 216 147 / 25%) !important;
}
.down_arrow {
  color: #D93872 !important;
  background-color: rgb(249 195 195 / 20%) !important;
  transform: rotate(180deg);
}
.activity_box ul li h6 {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  margin-bottom: 2px;
}
.activity_box ul li p {
  font-family: 'DMSans-Regular';
  font-size: 13px;
  line-height: 16px;
  color: #777E87;
  margin-bottom: 0;
}
/*=========== ACTIVITY END ============*/
/*=========== SETTINGS END ============*/
/*======== PRICING PAGE CSS START =========*/
.Pricing_box {
  max-width: 1100px;
  margin: 20px auto;
}
.pricingNew1 {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #E6E9F5;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.pricingNew1 h3 {
  font-family: 'Inter-ExtraBold';
  font-size: 34px;
  line-height: 45px;
  color: #242947;
  margin-bottom: 10px;
}
.pricingNew1 p:not(:last-child) {
  font-family: 'DMSans-Medium';
  font-size: 20px;
  line-height: 30px;
  color: #2E3031;
  margin-bottom: 10px;
}
.pricingNew1 p:last-child {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 23px;
  color: #2A353D;
  margin-bottom: 0;
}
.pricingNew2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.pricingNew2 .nav-tabs {
  border: 0;
  display: flex;
  gap: 30px;
}
.pricingNew2 .nav-tabs .nav-link {
  font-family: 'DMSans-Regular';
  font-size: 18px;
  line-height: 25px;
  color: #242947;
  background: unset;
  padding: 0;
  border: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid transparent;
}
.pricingNew2 .nav-tabs .nav-link.active {
  font-family: 'DMSans-Medium';
  color: #4285F4;
  border-color: #4285f4;
}
.pricingTable_slider {
  width: 100%;
}
.pricing_sec21 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.pric_sec211 {
  grid-row: 1;
  grid-column: 1 / 2;
}
.pric_sec212 {
  grid-row: 1;
  grid-column: 2 / 3;
}
.pric_sec213 {
  grid-row: 1;
  grid-column: 3 / 4;
}
.pric_sec215 {
  grid-row: 2;
  grid-column: 1 / 2;
}
.pric_sec216 {
  grid-row: 2;
  grid-column: 2 / 3;
}
.pric_sec217 {
  grid-row: 2;
  grid-column: 3 / 4;
}
.pric_sec210 {
  width: 100%;
  padding: 25px 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-bottom: 1px solid #E6E9F5;
  position: relative;
  min-height: 255px;
}
.pric_sec210:first-child {
  border-right: 1px solid #E6E9F5;
}
.pric_sec210 h3 {
  font-family: 'DMSans-Bold';
  font-size: 28px;
  line-height: 37px;
  color: #242947;
  margin-bottom: 10px;
}
.pric_sec210 h3 span {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  display: block;
}
.pric_sec210 p {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #858BA0;
  margin-bottom: 10px;
  position: relative;
}
.cut_line:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  border-bottom: 1px solid #D93872;
}
.pric_sec210 p span {
  color: #242947;
}
.pric_sec210 h4 {
  font-family: 'DMSans-Bold';
  font-size: 22px;
  line-height: 32px;
  color: #242947;
  margin-bottom: 8px;
}
.pric_sec210 button {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #4285f4;
  padding: 6px 20px;
  border: 1px solid #4285f4;
  border-radius: 5px;
  background: unset;
  display: inline-block;
  margin-top: 20px;
}
.pric_sec213 {
  background-color: #4285f4;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.pric_sec213.pric_sec210 h3, .pric_sec213.pric_sec210 p, .pric_sec213.pric_sec210 h4, .pric_sec213.pric_sec210 p span {
  color: #ffffff;
}
.pric_sec213.pric_sec210 button {
  color: #ffffff;
  border-color: #ffffff;
}
.pric_sec2100 ul li {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 24px;
  color: #242947;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-right: 1px solid #E6E9F5;
  border-bottom: 1px solid #E6E9F5;
  height: 80px;
}
.pric_sec215 ul li {
  border-left: 1px solid #E6E9F5;
}
.pric_sec2100.pric_sec215 ul li {
  align-items: flex-start;
}
.pric_sec2100 ul li p {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #242947;
  margin-bottom: 0;
  margin-top: 5px;
}
.pric_sec2100 ul li span {
  font-size: 22px;
  color: #242947;
}
.pric_sec2100.pric_sec217 ul li {
  background-color: #F5F9FF;
}
.pric_sec2100.pric_sec217 ul li span {
  color: #4285f4;
}
.footer_text {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.footer_text p {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #242947;
  margin-top: 15px;
  margin-bottom: 0;
}
.block_box {
  display: block;
}
.pricingTable_slider .carousel-indicators {
  margin: 0;
  bottom: -30px;
}
.pricingTable_slider .carousel-indicators li[data-bs-target] {
  border: 0;
  background-color: #E3EEFF;
  opacity: 1;
  width: 13px;
  height: 13px;
  border-radius: 13px;
}
.pricingTable_slider .carousel-indicators li[data-bs-target].active {
  background-color: #242947;
}
.pricingTable_slider .carousel-indicators, .pricingTable_slider .carousel-inner .carousel-item:not(:first-child) {
  display: none;
}
/*========= PRICING PAGE CSS END ==========*/
/*========= CONTACT US CSS START ==========*/
.contactUs_sec1 {
  max-width: 1100px;
  margin: 20px auto;
}
.contact_head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.top_box {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #D0E3FF;
  padding: 20px;
}
.top_box p {
  font-family: 'DMSans-Medium';
  font-size: 17px;
  line-height: 23px;
  color: #2A353D;
  margin-bottom: 0;
}
.top_box p a, .top_box p span {
  color: #4285F4;
}
.contactUs_sec1 h3 {
  font-family: 'DMSans-Bold';
  font-size: 22px;
  line-height: 28px;
  color: #2A353D;
  margin-bottom: 20px;
}
.contact_sec11 {
  width: 100%;
  display: flex;
  gap: 60px;
  justify-content: space-between;
  align-items: center;
}
.contact_sec111 {
  width: calc(50% - 30px);
}
.contact_sec112 {
  width: calc(50% - 30px);
}
.contact_sec111 h4 {
  font-family: 'DMSans-Bold';
  font-size: 25px;
  line-height: 35px;
  color: #242947;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: left;
}
.contact_sec111 .account_fields {
  width: 100%;
  text-align: left;
}
.account_fields label {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  margin-bottom: 8px;
  width: 100%;
}
.form_field {
  width: 100%;
  margin-bottom: 25px;
  position: relative;
}
.account_fields input, .account_fields select, .account_fields textarea {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #242947;
  padding: 10px 20px;
  border: 1px solid #D0E3FF;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 0;
  background-color: unset;
}
.account_fields select {
  appearance: none;
  background: url('../images/drop_arrow.png') no-repeat;
  background-position: 96% 52%;
  background-size: 12px;
}
.account_fields select:focus {
  border-color: #D0E3FF;
  outline: 0;
  box-shadow: none;
}
.login_buttons > button {
  padding: 12px 50px;
  border-radius: 5px;
  border: 1px solid #4285F4;
  background: #4285F4;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.login_buttons > button:hover, .login_buttons > button:focus {
  color: #ffffff;
}
.btn_apply {
  position: relative;
  z-index: 9;
  display: flex;
}
.btn_apply button, .btn_apply span {
  padding: 8px 15px;
  border-radius: 5px;
  border: 2px solid #4285F4;
  font-family: 'DMSans-Bold';
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #4285F4;
  cursor: pointer;
  background-color: unset;
}
.contact_sec112 img {
  width: 100%;
}
.error {
  font-family: 'DMSans-Medium';
  position: absolute;
  left: 0;
  bottom: -20px;
  color: #e23f3f;
  font-size: 15px;
  line-height: 18px;
}
/*========== CONTACT US CSS END ===========*/
/*========== 404 ERROR PAGE BEGIN ===========*/
.pageNot_Found {
  display: flex;
  align-items: center;
  gap: 50px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 40px 20px;
  height: 100%;
  min-height: 100vh;
}
.pageNot_Found1 {
  width: calc(50% - 25px);
  text-align: center;
}
.pageNot_Found2 {
  width: calc(50% - 25px);
}
.pageNot_Found1 img {
  width: auto;
  height: 500px;
}
.pageNot_Found1 .white_img {
  display: inline-block;
}
.pageNot_Found2 h1 {
  font-size: 200px;
  line-height: 200px;
  font-family: 'DMSans-Medium';
  color: #242947;
  margin-top: 0;
  margin-bottom: 15px;
}
.pageNot_Found2 .error_msg {
  font-family: 'DMSans-Regular';
  color: #242947;
  text-transform: uppercase;
  font-size: 34px;
  line-height: 35px;
  margin-bottom: 20px;
}
.pageNot_Found2 p {
  font-family: 'DMSans-Regular';
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
  color: #242947;
}
.buttons_f {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.pageNot_Found2 a {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 21px;
  color: #4285f4;
  background-color: #ffffff;
  border: 1px solid #4285f4;
  padding: 10px 16px;
  padding-right: 15px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 232px;
}
.pageNot_Found2 a.blue_btn {
  color: #ffffff;
  background-color: #4285f4;
}
.pageNot_Found2 a span {
  font-size: 21px;
  font-weight: 400;
}
body.dark .pageNot_Found2 h1, body.dark .pageNot_Found2 .error_msg, body.dark .pageNot_Found2 p {
  color: #ffffff;
}
body .dark .form-select {
  --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
}
/*=========== 404 ERROR PAGE END ============*/
/*============ REFERER CSS START ============*/
.referral_sec {
  max-width: 1150px;
  margin: 0 auto;
  padding: 50px 0;
}
.referral_sec1 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 100px;
}
.referral_sec11 {
  width: calc(100% - 550px);
}
.referral_sec12 {
  width: 450px;
}
.referral_sec12 img {
  width: 100% ;
}
.referral_sec11 h3 {
  font-family: 'DMSans-Bold';
  font-size: 34px;
  line-height: 45px;
  color: #242947;
  margin-bottom: 15px;
}
.referral_sec11 h3 span, .referral_sec21 p span {
  display: block;
}
.referral_sec11 p {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 23px;
  color: #242947;
  margin-bottom: 25px;
}
.referral_sec11 a, .referral_sec12 a {
  padding: 12px 25px;
  border-radius: 5px;
  background: #4285F4;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.referral_sec12 a {
  display: none;
}
.referral_sec2 {
  width: 100%;
  margin-top: 80px;
}
.referral_sec21 {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.referral_sec21 h3 {
  font-family: 'DMSans-Bold';
  font-size: 30px;
  line-height: 40px;
  color: #242947;
  margin-bottom: 15px;
}
.referral_sec21 p {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 23px;
  color: #242947;
  margin-bottom: 0;
}
.referral_sec22 ul {
  width: 100%;
  display: flex;
  gap: 20px;
}
.referral_sec22 ul li {
  width: calc(25% - 15px);
  border: 1px solid #9CB0C9;
  border-radius: 10px;
  padding: 18px;
  padding-top: 70px;
  position: relative;
}
.referral_sec22 ul li img {
  width: auto;
  height: 50px;
  margin-bottom: 20px;
}
.referral_sec22 ul li p {
  font-family: 'DMSans-Medium';
  font-size: 15px;
  line-height: 20px;
  color: #242947;
  margin-bottom: 0;
}
.referral_sec22 ul li h4 {
  position: absolute;
  top: 20px;
  right: 20px;
  font-family: 'DMSans-Bold';
  font-size: 90px;
  line-height: 70px;
  color: rgb(66 133 244 / 10%);
  margin: 0;
}
/*============= REFERER CSS END =============*/
/*======== TUTORIALS PAGE CSS START =========*/
.tutorial_sec h1 {
  font-family: 'DMSans-Bold';
  font-size: 34px;
  line-height: 45px;
  color: #242947;
  margin-bottom: 20px;
}
.tutorial_list {
  width: 100%;
}
.tutorial_list ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tutorial_list li {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #eaecec;
  border-radius: 3px;
  padding: 8px 15px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.tutorial_list li a {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #eaecec;
  padding: 4px 10px;
  border-radius: 3px;
  background-color: #F5F9FF;
  color: #777E87;
  width: 132px;
  flex-shrink: 0;
}
.tutorial_list li img {
  width: auto;
  height: 15px;
}
.tutorial_list li p {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  margin-bottom: 0;
}
/*========= TUTORIALS PAGE CSS END =========*/
/*========= PROFILE PAGE CSS START =========*/
.profileSec_0 h4 {
  font-family: 'DMSans-Bold';
  font-size: 18px;
  line-height: 24px;
  color: #2A353D;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.profileSec_0 h4 button {
  font-family: 'DMSans-Medium';
  font-size: 13px;
  line-height: 20px;
  color: #2A353D;
  background-color: #eaf2ff;
  border: 1px solid #eaf2ff;
  padding: 4px 10px;
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2px;
}
.profileSec_0 h4 button span {
  font-weight: 400;
  font-size: 14px;
  width: 12px;
  color: #2A353D;
}
.contact_head .login_buttons > button, .profileSec_0 .login_buttons > button {
  width: unset;
  padding: 10px 20px;
}
.info_box {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #D0E3FF;
  padding: 20px;
}
.info_box h4 {
  font-family: 'DMSans-Bold';
  font-size: 22px;
  line-height: 30px;
  color: #2A353D;
  margin-bottom: 5px;
}
.info_box h5 {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #777E87;
  margin-bottom: 0;
  display: flex;
  gap: 5px;
  align-items: center;
}
.info_box h5 span:first-child {
  font-size: 22px;
  font-weight: 300;
  color: #777E87;
  position: relative;
  top: 1px;
}
.info_box2 {
  width: 100%;
  margin-top: 20px;
}
.info_box2 h4 {
  font-family: 'DMSans-Bold';
  font-size: 18px;
  line-height: 24px;
  color: #2A353D;
  margin-bottom: 10px;
}
.affiliate_table {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #D0E3FF;
  padding: 20px;
  display: flex;
  align-items: stretch;
}
.head_tag1 {
  width: 60%;
}
.head_tag2 {
  width: 40%;
}
.head_tag3 {
  width: 42%;
}
.head_tag4 {
  width: 34%;
}
.head_tag5 {
  width: 24%;
}
.head_tag h6 {
  font-family: 'DMSans-Bold';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  border-bottom: 1px solid #D0E3FF;
  padding-bottom: 15px;
  margin-bottom: 15px;
  height: 38px;
}
.head_tag p {
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #2A353D;
  margin-bottom: 0;
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.head_tag p a, .head_tag p > span {
  font-family: 'DMSans-Medium';
  color: #4285F4;
}
.red_dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #e23f3f;
}
/* .head_tag button {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  line-height: 22px;
  color: #4285f4;
  display: flex;
  align-items: center;
  gap: 3px;
  position: relative;
} */
.head_tag button {
  display: flex;
  position: relative;
}
.head_tag button span {
  color: #4585F4;
  font-size: 21px;
  font-weight: 400;
  border-radius: 2px;
  background-color: #E3EEFF;
  padding: 3px;
}
.profile_div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
}
/* Promo popup change password */
.promo_div h1 {
  font-family: 'DMSans-Bold';
  font-size: 32px;
  line-height: 40px;
  color: #242947;
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: center;
}
.promo_signup .logo_div {
  margin: 0 auto;
  display: table;
}
.promo_signup .new_account {
  text-align: center;
}
.promo_signup .new_account a {
  font-family: 'DMSans-Bold';
  color: #242947;
  margin-left: 5px;
  border-bottom: 1px solid #242947;
}
.form_field button {
  position: absolute;
  top: 10px;
  right: 15px;
  background: unset;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.form_field button span {
  color: #486284;
  font-size: 20px;
}
.promo_changePwd {
  width: 100%;
  text-align: center;
}
.promo_changePwd h1 {
  font-family: 'DMSans-Bold';
  font-size: 22px;
  line-height: 28px;
  color: #2A353D;
  margin-bottom: 20px;
  margin-top: 0px;
}
.changePassword .modal-header {
  border: 0
}
.changePassword .form_field {
  margin-bottom: 10px;
}
.promo_password {
  margin-bottom: 20px;
}
.changepwd_btn button {
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #4285F4;
  background: #4285F4;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  display: table;
}
/* End Promo popup change password */
/*========== PROFILE PAGE CSS END ==========*/
/*====== STOCKS AND ETF FILTERS START ======*/
.table_box {
  width: 100%;
  margin-bottom: 0;
}
.last_value {
  float: right;
}
.range_slider .range_value {
  position: relative;
  color: #777e87;
  font-size: 11px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.heat_value span {
  font-family: 'DMSans-Medium';
  font-size: 11px;
  color: #777e87;
}
.label_align {
  width: calc(13% - -2.12px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 2;
}
.table_box .switch_borders {
  padding:0;
  display: block;
}
.switch_boxes .form-switch .form-check-input {
  margin:0;
  width: 50px;
  height: 22px;
  border-radius: 3px;
}
.label_align2, .switch_boxes {
  width: calc(12% - -2.12px);
}
.drop_menu {
  position:relative;
}
#priceRange3_start::after {
  content: "-";
}
.filter_box {
  border: 1px solid #eaecec;
  padding: 10px;
  margin-bottom: 30px;
  background: #f8fafb;
}
.stocksTab_table .filterbtn_align {
  float: left;
}
.saved_list {
  padding:0;
  margin-top:30px;
  min-height:210px;
}
.saved_list li{
  padding: 5px 10px;
  border: 1px solid #ddd;
  margin-bottom: 6px;
}
.border_btn {
  border: 1px solid #4285F4;
  color: #ffffff;
  background: #4285F4;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border-radius: 5px;
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
.border_btn .material-icons{
  font-size:22px;
  padding-right:5px;
}
.stock_button {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.applied_screeners {
  display: flex;
  width: calc(100% - 10px);
  align-items: center;
}
.applied_screeners h6 {
  font-size: 16px;
  font-family: 'DMSans-Medium';
  margin-left: 10px;
}
.applyed_btn {
  gap: 10px;
  display: flex;
  width: calc(100% - 10px);
  justify-content: flex-end;
}
.FilterFocus {
  border-color: #4285f4;
  box-shadow: none;
  border-width: 2px;
}
.range_slider {
  width: calc(16.66% - 8.33px);
  position:relative
}
.label_align.label_align3 {
  width: 334px;
  flex-shrink: 0;
}
.range_slider2 {
  width: 460px;
  flex-shrink: 0;
}
.label_align label, .range_slider label, .market_box span{
  font-family: 'DMSans-Medium';
  font-size: 13px;
  line-height: 18px;
  color: #2A353D;
  margin-bottom: 8px;
}
.switch_boxes label {
  font-family: 'DMSans-Regular';
  font-size: 13px;
  line-height: 18px;
  color: #2A353D;
  margin-bottom: 0;
}
.drop_list {
  width:90%;
  display:inline-block;
}
.table_box .label_align .form-select, .table_box .label_align .form-control {
  font-family: 'DMSans-Regular';
  font-size: 13px;
  line-height: 20px;
  color: #2A353D;
  border-radius: 3px;
  padding: 6px;
  background-position: right 0.3rem center;
  cursor: pointer;
}
.table_box .label_align .form-select:focus {
  border-color: #4285f4;
  box-shadow: none;
  border-width: 2px;
}
.table_box .label_align .bootstrap-select {
  width: 100% !important;
}
.table_box .label_align .bootstrap-select>.dropdown-toggle {
  font-family: 'DMSans-Medium';
  font-size: 13px;
  line-height: 20px;
  color: #2A353D;
  border: 1px solid #dddddd;
}
.date_start {
  padding-left:5px;
  margin-right:5px;
}
.table_box .label_align .bootstrap-select .dropdown-menu {
  z-index: 9999;
  padding: 0;
}
.table_box .label_align .bootstrap-select>.dropdown-toggle:focus {
  outline: none !important;
  outline-offset: 0;
  border-color: unset;
}
.table_box .label_align .bootstrap-select .dropdown-menu li a {
  font-size: 13px;
  line-height: 18px;
}
.table_box .label_align .bootstrap-select .dropdown-menu li a span.text {
  font-family: 'DMSans-Medium';
  font-size: 13px;
  line-height: 18px;
  color: #2A353D;
}
.table_box .label_align .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  top: 6px;
}
.table_box .label_align .bootstrap-select .bs-ok-default:after {
  width: .5em;
  height: .9em;
  border-width: 0 .20em .20em 0;
}
.filter_table {
  display: flex;
  margin-bottom: 0;
  gap: 10px;
  flex-wrap: wrap;
}
.end_value {
  float: right
}
.range_slider {
  display: flex;
  margin-right: 0;
  border: 1px solid #dee2e6;
  background: #ffffff;
  padding: 8px;
  border-radius: 3px;
  flex-direction: column;
}
.switch_boxes {
  display: flex;
  width: calc(100% - 0px);
  margin-bottom: 0px;
  justify-content: space-between;
  border-radius: 3px;
  padding: 2px 0;
  align-items: center;
  gap: 10px;
  flex-direction: row;
}
.switch_boxes:last-child {
  margin-bottom:0
}
.switch_boxes .form-check {
  min-height: auto;
  margin:0;padding:0;
}
.not_found {
  text-align: center;
  width: 90%;
  border: 1px dashed #4285f4;
  padding: 30px;
  background: #f8fafb;
  border-radius: 40px;
  color: #414b53;
  height: auto;
  margin: 0 auto;
  margin-top: 60px;
}
.not_found h4 {
  font-family: 'DMSans-Bold';
  font-size: 18px;
  line-height: 24px;
  color: #242947;
}
.not_found p {
  margin-top: 10px;
  width: 100%;
  text-align: center;
  margin: 5px auto;
  font-size: 14px;
  font-family: 'DMSans-Regular';
  color: #242947;
  line-height: 20px;
}
.savedSec {
  width:100%;
  margin-bottom:30px;
}
.applyFil_btn a {
  background: #4285f4;
  text-align: center;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  display: block;
}
.not_found img {
  width: 100%;
  margin: 0 auto;
}
/*=== RANGE SLIDER START ===*/
.range_slider_box {
  margin-bottom: 0px;
  margin-top: 20px;
}
.range_slider input::-webkit-slider-runnable-track {
  background: #c7c7c7
}
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.noUi-target {
  position: relative
}
.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1
}
.noUi-connects {
  overflow: hidden;
  z-index: 0
}
.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto
}
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0
}
.noUi-horizontal .noUi-origin {
  height: 0
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  box-shadow: none;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
  background: #4285f4;
  border: 0;
  border-radius: 0;
  cursor: ew-resize;
}
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform .3s;
  transition: transform .3s
}
.noUi-state-drag * {
  cursor: inherit !important
}
.noUi-horizontal {
  height: 5px
}
.noUi-horizontal .noUi-handle {
  width: 8px;
  height: 22px;
  right: -6px;
  top: -8px;
  border-radius: 0;
  border:0;
}
.noUi-vertical {
  width: 18px
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto
}
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 0;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #bbbbbb;
}
.noUi-connects {
  border-radius: 3px;
  background: #777e87;
}
.noUi-connect {
  background: #4385F4
}
.noUi-draggable {
  cursor: ew-resize
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: none;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}
.noUi-handle:after {
  left: 17px
}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px
}
.noUi-vertical .noUi-handle:after {
  top: 17px
}
[disabled] .noUi-connect {
  background: #B8B8B8
}
[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed
}
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.noUi-pips {
  position: absolute;
  color: #999
}
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px
}
.noUi-marker {
  position: absolute;
  background: #CCC
}
.noUi-marker-sub {
  background: #AAA
}
.noUi-marker-large {
  background: #AAA
}
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%)
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px
}
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%)
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px
}
.noUi-tooltip {
  display: block;
  position: absolute;
  color: #000;
  padding: 9px;
  text-align: center;
  white-space: nowrap
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 51%;
  font-size: 11px;
  font-family: 'DMSans-Medium';
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%
}
.noUi-horizontal .noUi-origin>.noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px
}
.noUi-vertical .noUi-origin>.noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px
}
.bootstrap-select>.dropdown-toggle:after {
  display: none;
}
/*=== RANGE SLIDER END ===*/
.stockNew_filter.show {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  background-color: #ffffff;
  padding: 20px;
  padding-top: 70px;
}
/*======= STOCKS AND ETF FILTERS END =======*/
/*======== MARKET BREADTH CSS START ========*/
.marketBr_head {
  width: 100%;
  /* display: flex; */
  justify-content: flex-end;
  gap: 15px;
  margin-bottom: 20px;
  align-items: center;
}
.marketBr_head1 .sector_search {
  min-width: 470px;
}
.marketBr_head1 .item_box2 {
  flex-shrink: 0;
}
.marketBr_head1 .search_list {
  gap: 15px;
}
.marketBr_head1 .sector_search .dropdown__body {
  padding: 15px;
}
.marketBr_head1 .search_list li.dropdown__item {
  width: calc(33.33% - 10px);
}
.marketBr_head1 .item_box {
  padding: 10px;
}
.marketBr_head1 .item_box > p {
  display: none;
}
.marketBr_head2 .active_tabs .tabs__link, .marketBr_head2 .active_tabs .tabs__link2 {
  width: unset;
  flex: none;
}
.checkbox_list {
  display: flex;
  gap: 10px;
  font-size: 0;
}
.checkbox_item .checkbox__in {
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid #D0E3FF;
}
.checkbox_item .checkbox__text {
  font-family: 'DMSans-Regular';
  font-size: 13px;
  line-height: 18px;
  color: #777E87;
  margin: 0;
  padding: 0;
}
.ema_5 .checkbox__input:checked+.checkbox__in {
  background: #ff6e6e;
  border-color: #ff6e6e;
}
.ema_5 .checkbox__input:checked+.checkbox__in .checkbox__text {
  color: #ffffff;
}
.ema_10 .checkbox__input:checked+.checkbox__in {
  background: #ff8e4e;
  border-color: #ff8e4e;
}
.ema_10 .checkbox__input:checked+.checkbox__in .checkbox__text {
  color: #ffffff;
}
.ema_20 .checkbox__input:checked+.checkbox__in {
  background: #f5bb29;
  border-color: #f5bb29;
}
.ema_20 .checkbox__input:checked+.checkbox__in .checkbox__text {
  color: #ffffff;
}
.ema_50 .checkbox__input:checked+.checkbox__in {
  background: #c0b733;
  border-color: #c0b733;
}
.ema_50 .checkbox__input:checked+.checkbox__in .checkbox__text {
  color: #ffffff;
}
.screenshot_btn {
  position: absolute;
  top: -14px;
  right: -14px;
  z-index: 9;
}
/*========= MARKET BREADTH CSS END =========*/
/* new CSS */
.search_align {
  border: 1px solid #dee2e6;
  padding: 10px;
  border-radius:3px;
}
.search_index {
  height: 40px;
}
.search_index input {
  font-size: 14px;
}
.search_index  i, .search_index input::placeholder {
  font-size: 14px;
  color: #242947;
  margin-right: 5px;
}
.search_index .search_list {
  background: #ffffff;
  position: relative;
  padding: 0;
  border: 1px solid #dee2e6;
  top: -6px;
  height: 124px;
  box-shadow: 0 8px 13px rgb(0 0 0 / 11%);
}
.search_index ul li {
  border-bottom:1px solid #dee2e6;
  padding: 5px 10px;
}
.search_index ul li a {
  color: #242947;
}
.menu_drop_popup li {
  padding:10px 12px;
}
.search_popup .drop_list {
  width:96%;
}
.search_popup .tick-icon {
  width:4%;
}
.menu_drop, .menu_drop_popup {
  position: absolute;
  top: 37px;
  left: 0;
  border-radius: 0;
  border: 1px solid #dee2e6;
  z-index: 9;
  background: #ffffff;
  width:100%;
  max-height: 184px;
  display: none;
}
.menu_drop_popup {
  position: unset;
  margin-top: 20px;
}
.label_align a, .list-item {
  color:#2A353D;
  font-family: 'DMSans-Regular';
  font-size: 13px;
}
.tick-icon {
  display: none;
  font-size: 18px;
  float:right;
  width:10%;
  position: relative;
  right: 2px;
  color: #000;
}
.menu_drop li .dropdown-item {
  font-family: 'DMSans-Medium';
  font-size: 13px;
  line-height: 18px;
  color: #2A353D;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}
.menu_drop li, .menu_drop_popup li, .menu_drop .list-item  {
  width: 100%;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  border-bottom:1px solid #ddd;
}
.menu_drop li:last-child, .menu_drop_popup li:last-child, .menu_drop .list-item:last-child  {
  border-bottom: 0;
}
.menu_drop_popup li a {
  color: #2A353D;
  font-family: 'DMSans-Medium';
  font-size: 13px;
  line-height: 18px;
}
.table_box .dropdown-toggle::after {
  display:none;
}
/* ranges in arket cap page */
.container_range #priceRange2_start, .container_range #priceRange2_end {
  border: 1px solid #dee2e6;
  padding: 2px 4px;
  width: 15%;
  font-family: 'DMSans-Medium';
  font-size: 13px;
  line-height: 18px;
  color: #2A353D;
  text-align:center
}
.container_range #priceRange_end, .container_range #priceRange2_end, .container_range #priceRange3_end {
  right: 5px;
}
.market_box input {
  margin-right: 0px;
  margin-left: 0px;
  background: none;
  margin-top: -2px;
  font-size:13px;
  color:#2A353D;
  font-family: 'DMSans-Medium';
}
.market_box {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  line-height: 17px;
}
.container_range span{
  width: 20%;
  font-family: 'DMSans-Regular';
  font-size: 13px;
  line-height: 18px;
  color: #2A353D;
}
.container_range input {
  font-family: 'DMSans-Regular';
  font-size: 15px;
  line-height: 24px;
  border: 1px solid #dee2e6;
  padding: 0 5px;
  margin-right: 0;
  width: 80%;
}
.container_range {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 5px;
  align-items: center;
}
.table_scroll {
  max-height: 600px;
  overflow-y: auto;
}
.flex_box {
  display: flex;
  justify-content: space-between;
}
.current_sig .block_txt {
  display: block;
}
.current_sig {
  position: relative;
  text-align: left;
}
.drop_box .dropdown-toggle.current_sig::after {
  position: absolute;
  right: 0;
}
.savPopup_field input, .savPopup_field select {
  font-family: 'DMSans-Regular';
  font-size: 15px;
  line-height: 20px;
  color: #242947;
  padding: 10px 15px;
  border: 1px solid #D0E3FF;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 15px;
}
.savPopup_field select {
  appearance: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC');
  background-position: 100%;
  background-repeat: no-repeat;
  background-color: #ffffff;
  font-family: 'DMSans-Regular';
}
.createList {
  font-family: 'DMSans-Regular';
  font-size: 14px;
  line-height: 21px;
  color: #4285F4;
  text-align: center;
  border: 1px solid #4285F4;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 6px 12px;
  min-width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.createList span {
  font-size: 21px;
  font-weight: 300;
  width: 15px;
  position: relative;
  left: -7px;
}
.savPopup_field {
  width: 100%;
  border: 1px solid #D0E3FF;
  border-radius: 5px;
  padding: 12px;
  margin-bottom: 20px;
}
.addToList {
  width: 100%;
  min-height: 120px;
  max-height: 200px;
}
.addToList li {
  width: 100%;
  margin-bottom: 8px;
}
.addToList li .check_txt {
  font-family: 'DMSans-Regular';
  font-size: 15px;
  line-height: 20px;
  color: #2A353D;
}
.addToList li:last-child {
  margin-bottom: 2px;
}
.disableBtn {
  padding: 6px 14px;
  font-family: 'DMSans-Regular';
  font-size: 13px;
  line-height: 18px;
  color: #ffffff;
  border: 0;
  background-color: #4285F4;
  border-radius: 30px;
}
/*===== HIDE TABLE COLUMNS IN WATCHLIST ====*/
.favTable_1 th:nth-child(4), .favTable_1 th:nth-child(5), .favTable_1 th:nth-child(6), .favTable_1 th:nth-child(7), .favTable_1 th:nth-child(8), .favTable_1 th:nth-child(9), .favTable_1 th:nth-child(10),
.favTable_1 tr td:nth-child(4), .favTable_1 tr td:nth-child(5), .favTable_1 tr td:nth-child(6), .favTable_1 tr td:nth-child(7), .favTable_1 tr td:nth-child(8), .favTable_1 tr td:nth-child(9), .favTable_1 tr td:nth-child(10), 
.bullTable_2 th:nth-child(4), .bullTable_2 th:nth-child(5), .bullTable_2 th:nth-child(6), .bullTable_2 th:nth-child(7), .bullTable_2 th:nth-child(8), .bullTable_2 th:nth-child(9), 
.bullTable_2 tr td:nth-child(4), .bullTable_2 tr td:nth-child(5), .bullTable_2 tr td:nth-child(6), .bullTable_2 tr td:nth-child(7), .bullTable_2 tr td:nth-child(8), .bullTable_2 tr td:nth-child(9), 
.bearTable_2 th:nth-child(4), .bearTable_2 th:nth-child(5), .bearTable_2 th:nth-child(6), 
.bearTable_2 tr td:nth-child(4), .bearTable_2 tr td:nth-child(5), .bearTable_2 tr td:nth-child(6) {
  display: none;
}
.full_listTable1 .favTable_1 th:nth-child(4), .full_listTable1 .favTable_1 th:nth-child(5), .full_listTable1 .favTable_1 th:nth-child(6), .full_listTable1 .favTable_1 th:nth-child(7), .full_listTable1 .favTable_1 th:nth-child(8), .full_listTable1 .favTable_1 th:nth-child(9), .full_listTable1 .favTable_1 th:nth-child(10),
.full_listTable1 .favTable_1 tr td:nth-child(4), .full_listTable1 .favTable_1 tr td:nth-child(5), .full_listTable1 .favTable_1 tr td:nth-child(6), .full_listTable1 .favTable_1 tr td:nth-child(7), .full_listTable1 .favTable_1 tr td:nth-child(8), .full_listTable1 .favTable_1 tr td:nth-child(9), .full_listTable1 .favTable_1 tr td:nth-child(10),
.full_listTable2 .bullTable_2 th:nth-child(4), .full_listTable2 .bullTable_2 th:nth-child(5), .full_listTable2 .bullTable_2 th:nth-child(6), .full_listTable2 .bullTable_2 th:nth-child(7), .full_listTable2 .bullTable_2 th:nth-child(8), .full_listTable2 .bullTable_2 th:nth-child(9), 
.full_listTable2 .bullTable_2 tr td:nth-child(4), .full_listTable2 .bullTable_2 tr td:nth-child(5), .full_listTable2 .bullTable_2 tr td:nth-child(6), .full_listTable2 .bullTable_2 tr td:nth-child(7), .full_listTable2 .bullTable_2 tr td:nth-child(8), .full_listTable2 .bullTable_2 tr td:nth-child(9), 
.full_listTable3 .bearTable_2 th:nth-child(4), .full_listTable3 .bearTable_2 th:nth-child(5), .full_listTable3 .bearTable_2 th:nth-child(6), .full_listTable3 .bearTable_2 th:nth-child(7), .full_listTable3 .bearTable_2 th:nth-child(8), .full_listTable3 .bearTable_2 th:nth-child(9),
.full_listTable3 .bearTable_2 tr td:nth-child(4), .full_listTable3 .bearTable_2 tr td:nth-child(5), .full_listTable3 .bearTable_2 tr td:nth-child(6), .full_listTable3 .bearTable_2 tr td:nth-child(7), .full_listTable3 .bearTable_2 tr td:nth-child(8), .full_listTable3 .bearTable_2 tr td:nth-child(9) {
  display: table-cell;
}
/*===== HIDE TABLE COLUMNS IN WATCHLIST =====*/
/*=========== UPGRADE POPUP BEGIN ===========*/
.upgrade_popup .modal-dialog {
  max-width: 550px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
}
.upgrade_popup2 .modal-dialog {
  max-width: 600px;
}
.upgrade_popup .modal-content {
  border-radius: 10px;
  border: 0;
}
.upgrade_popup .modal-body {
  padding: 30px 25px;
  padding-top: 35px;
}
.upgrade_popup .close_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #323232;
  background: unset;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.modal_body {
  width: 100%;
}
.modal_body img {
  width: 35px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.modal_body h5 {
  font-family: 'DMSans-Bold';
  font-size: 22px;
  line-height: 32px;
  color: #242947;
  margin-bottom: 12px;
}
.modal_body p {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 23px;
  color: #242947;
  margin-bottom: 0;
}
.modal_body h6 {
  font-family: 'DMSans-Medium';
  font-size: 17px;
  line-height: 23px;
  color: #242947;
  margin-top: 10px;
  margin-bottom: 0;
}
.modal_btns {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}
.modal_btns a, .modal_btns button {
  border: 1px solid #D0E3FF;
  border-radius: 4px;
  padding: 9px 25px;
  background-color: unset;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #242947;
  text-align: center;
  display: inline-block;
  min-width: 100px;
}
.modal_btns a.filled_btn, .modal_btns button.filled_btn {
  color: #ffffff;
  border-color: #4285F4;
  background-color: #4285F4;
}
.coupon_div.modal_btns {
  gap: 10px;
}
.coupon_div input {
  width: calc(100% - 110px);
  border: 1px solid #D0E3FF;
  border-radius: 4px;
  padding: 9px 15px;
  background-color: unset;
  font-family: 'DMSans-Regular';
  font-size: 16px;
  line-height: 22px;
  color: #242947;
}
.coupon_div.modal_btns a {
  width: 100px;
  min-width: 100px;
  padding: 9px 10px;
}
/*=========== UPGRADE POPUP END ===========*/
/*======= BLUR TABLE DATA CSS START =======*/
.ovtlyr_table, .ovtlyr_table td {
  position: relative;
}
/*== no plan hide column ===*/
.stocks__table3 td:nth-child(5):before, .stocks__table3 td:nth-child(6):before, .stocks__table3 td:nth-child(7):before,
.stocks__table4 td:nth-child(7):before, .stocks__table4 td:nth-child(8):before,
.blur_favList2 td:nth-child(4):before, .blur_favList2 td:nth-child(5):before,
/*== research plan hide column ===*/
.stocks__table1 td:nth-child(6):before, .stocks__table2 td:nth-child(7):before,
.blur_favList1 td:nth-child(2):before, .blur_favList1 td:nth-child(3):before, .blur_bullList1 td:nth-child(1):before {
  content: '';
  position: absolute;
  z-index: 99;
  /* background: rgb(134 134 134 / 50%); */
  background-color: #cfcfcf;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  border-radius: 0;
}
/*== no plan hide column ===*/
.stocks__table3 th:nth-child(5):before, .stocks__table4 th:nth-child(7):before, .blur_favList2 th:nth-child(2):after,
/*== research plan lock position ===*/
.stocks__table1 th:nth-child(6):before, .stocks__table2 th:nth-child(7):before,
.blur_favList1 th:nth-child(2):after, .blur_bullList1 th:nth-child(1):before {
  content: '';
  position: absolute;
  top: 130px;
  bottom: 50%;
  left: 66%;
  z-index: 999;
  background-image: url('../images/lock.svg');
  width: 22px;
  height: 30px;
  margin-left: -3px;
  display: block;
  transform: translate(-50%);
}
.chartBlur_data {
  display: flex;
}
.chartBlur_data .chartBox_1 {
  width: 85%;
}
.lock_data {
  flex-shrink: 0;
  width: calc(15% + 50px);
  height: 517px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 15px;
  display: none;
}
.chartBlur_data .lock_data {
  display: flex;
}
.lock_data img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.lock_data img.lock_img {
  width: 22px;
  height: unset;
  position: absolute;
  z-index: 99;
}
.ovtlyr_table.stocks__table1 tbody tr:nth-child(2n-1) td, .ovtlyr_table.stocks__table2 tbody tr:nth-child(2n-1) td {
  border: 0;
}
.stocks__table1 th:nth-child(6):before {
  /* left: 80%; */
  left: 69%;
}
.stocks__table2 th:nth-child(7):before {
  left: 84%;
}
.stocks__table3 th:nth-child(5):before {
  /* left: 82%; */
  left: 70%;
}
.stocks__table4 th:nth-child(7):before {
  margin: 0;
  left: 90%;
}
.blur_bullList1 th:nth-child(1):before {
  margin: 0;
  left: 50px;
}
.full_listTable1 .blur_favList1 th:nth-child(2):after {
  /* left: 32%; */
  left: 30%;
}
.full_listTable2 .blur_bullList1 th:nth-child(1):before, .full_listTable3 .blur_bullList1 th:nth-child(1):before {
  left: 8%;
}
.full_listTable1 .blur_favList1.blur_favList2 th:nth-child(2):after {
  /* left: 50%; */
  left: 40%;
}
.locked_img {
  position: relative;
  display: none;
}
.heatChart_box .locked_img, .sectorMap_box .locked_img {
  display: block;
}
.locked_img:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999;
  background-image: url('../images/lock.svg');
  width: 22px;
  height: 30px;
  margin-left: -3px;
  display: block;
  transform: translate(-50%, -50%);
}
.chartBox_1 img {
  width: 100%;
  object-fit: fill;
}
/*======== BLUR TABLE DATA CSS END ========*/
.sidebar__inner, .page__wrapper, .sidebar__icon, .sidebar__top .sidebar__logo, .sidebar__top {
  transition: none !important;
}
/*============ DARK THEME CSS START ============*/
body.dark .searchbar_input, body.dark .sector_search .dropdown__head, body.dark .side_dropdown > span:before, body.dark .chart_dtl, body.dark .add_filter_btn a, body.dark .warning_msg, body.dark .checkbox_item .checkbox__in {
  border-color: #777E87;
}
body.dark .chart_dtl, body.dark .videoIcon {
  background-color: #111617;
}
body.dark .warning_msg {
  background-color: #2A353D;
}
body.dark .sidebar__profile {
  background: #111617;
}
body.dark .searchbar_input .sidebar__icon i, body.dark .searchbar_input input, body.dark .searchbar_input input::placeholder, body.dark .stockEtf_tabs .nav-tabs .nav-link {
  color: #777E87;
}
body.dark .not_found {
  background: #111517;
}
/* body.dark .sidebar__item.active, body.dark .sidebar__user:hover, body.dark .sidebar__user.active, body.dark .port_symbol {
  background: #2A353D;
} */
body.dark .sidebar__item, body.dark .side_dropdown > span, body.dark .side_dropdown > span a, body.dark .sidebar__link, body.dark .sidebar__close span, body.dark .sector_search .dropdown__head, body.dark .item_box2 h6, body.dark .item_box > div h6, body.dark .pageHeading > div button > span, body.dark .pageHeading h5, body.dark .tooltip_hover1 span, body.dark .lineChart_dtl ul li p, body.dark .tooltip_box h5, body.dark .tooltip_box p, body.dark .border_box h6, body.dark .secMap_legends p, body.dark .active_tabs .tabs__link, body.dark .active_tabs .tabs__link2, body.dark .sector_search .dropdown__head input, body.dark .pageHeading h6, body.dark .secPart_1 h5, body.dark .sectors_list .sectorList_item h6, body.dark .sectors_list_Bear .sectorList_item h6, body.dark .ovtlyr_table td p, body.dark .add_filter_btn a, body.dark .add_filter_btn a span, body.dark .secPart_0 h4, body.dark .secPart_0 .close_btn, body.dark .stockDtl_box ul li p, body.dark .head_part h5, body.dark .head_part .close_btn, body.dark .watchlist_tabs .nav-tabs .nav-link, body.dark .show_dropdown, body.dark .show_dropdown span:first-child, body.dark .settings_tabs .nav-tabs .nav-link, body.dark .settings_head31 h6, body.dark .pageSlot_drop p, body.dark .pageCount_drop .dropdown__item, body.dark .subscription_b1 h6, body.dark .card_no, body.dark .card_dlt button span, body.dark .activity_box h5, body.dark .activity_box ul li h6, body.dark .stockEtf_filter span:first-child, body.dark .lineChart_dtl .card-title, body.dark .filterDropd_box .expand_btn span:before, body.dark .settings_head31 p, body.dark .notifiBoxes ul li h5, body.dark .warning_msg p, body.dark .subscription_b1 .bot_txt, body.dark .top_box p, body.dark .lineChart_dtl .card-title:before, body.dark .lineChart_box1 > .lineChart_dtl .card-title span, body.dark .icon_filter, body.dark .drop_box .dropdown-toggle::after, body.dark .pageHeading > p, body.dark i.fa-regular.fa-star, body.dark .tutorial_sec h1, body.dark .tutorial_list li p, body.dark .share_link button, body.dark .sort_dropdown p, body.dark #exportButton span, body.dark .profileSec_0 h4, body.dark .not_found h4, body.dark .not_found p, body.dark .addToList li .check_txt {
  color: #ffffff;
}
body.dark .sidebar__item img, body.dark .sidebar__arrow img, body.dark .sidebar__icon img, body.dark .chart_dtl.filterH_icon img, body.dark .ovtlyr_table th.sortTable_col > img,
body.dark .edit_icon img, body.dark .blur_favList1 th:nth-child(2):after, body.dark .blur_bullList1 th:nth-child(1):before, body.dark .lock_data img.lock_img, 
body.dark .stocks__table1 th:nth-child(6):before, body.dark .stocks__table2 th:nth-child(7):before, body.dark .locked_img:before, body.dark .stocks__table2 th:nth-child(8):before, 
body.dark .stocks__table3 th:nth-child(5):before, body.dark .stocks__table3 th:nth-child(6):before, body.dark .stocks__table4 th:nth-child(7):before, body.dark .locked_data img, body.dark .share_link ul li img {
  filter: brightness(100);
}
body.dark .tutorial_list li, body.dark .coupon_div1, body.dark .modal_btns a, body.dark .modal_btns button, body.dark .copy_link input, body.dark .addToList {
  border-color: #36424b;
}
body.dark .createList {
  background-color: unset;
}
body.dark .copy_link input {
  color: #bcbcbc;
}
body.dark .copy_link button:hover, body.dark .head_tag button span{
  background-color: #2A353D;
}
body.dark .tutorial_list li a {
  background-color: #111617;
  border-color: #2A353D;
  color: #b5bac0;
}
body.dark .item_box2 {
  background-color: #06214E;
}
body.dark .search_list li a {
  background: #000203;
  border-color: #000203;
}
body.dark .header__burger:before, body.dark .modal_btns a, body.dark .modal_btns button {
  color: #ffffff;
}
body.dark .sidebar__ava {
  background: #2A353D;
  border-color: #111517;
}
body.dark .border_box, body.dark .lineChart_dtl, body.dark .lineChart_dtl ul li {
  border-color: #2E3031;
}
body.dark .lineChart_box1 {
  background-color: rgb(0 0 0 / 100%);
}
body.dark .tooltip_box, body.dark .tooltip_box:before, body.dark .switch1 input:empty~span:before, body.dark .purple_box {
  background-color: #2A353D;
}
body.dark .tooltip_box {
  -webkit-box-shadow: 0 4px 30px rgb(0 0 0 / 57%);
  box-shadow: 0 4px 30px rgb(0 0 0 / 57%);
}
body.dark .active_tabs .tabs__nav {
  background-color: #111617;
}
body.dark .stockEtf_tabs .nav-tabs .nav-link.active {
  color: #4285F4;
}
body.dark .secPart_1 [slider] > div > [thumb] {
  background: url('../images/range-thumb-dark.svg') no-repeat;
  background-size: contain;
}
body.dark .secPart_1 [slider] > div > [inverse-left], body.dark .secPart_1 [slider] > div > [inverse-right] {
  background-color: #2E3031;
}
body.dark .secPart_2 .nav-tabs .nav-link {
  background-color: #242947;
  color: #ffffff;
  border-color: transparent;
}
body.dark .secPart_2 .nav-tabs .nav-link.active {
  border-color: #4285F4;
  background-color: #06214E;
}
body.dark .sectors_list .sectorList_item a:hover, body.dark .sectors_list .sectorList_item.active a, body.dark .sectors_list_Bear .sectorList_item a:hover, body.dark .sectors_list_Bear .sectorList_item.active a {
  background-color: transparent;
}
body.dark .table_scroll {
  border-color: #2A353D;
}
body.dark .ovtlyr_table th {
  background-color: #111617;
  border-color: #2A353D;
  color: #ffffff;
}
body.dark .drop_text, body.dark .market_box span, body.dark .market_box input {
  color: #ffffff;
}
body.dark .table_box .label_align .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}
body.dark .ovtlyr_table th button {
  color: #ffffff;
}
body.dark .ovtlyr_table td {
  background-color: #111617;
  color: #ffffff;
}
body.dark .ovtlyr_table tbody tr:nth-child(2n-1) td {
  background: transparent;
  /* border-color: transparent; */
}
body.dark .filterScroll::-webkit-scrollbar-thumb, body.dark .filterScroll::-webkit-scrollbar-thumb:hover, body.dark .sector_search .dropdown__body .scroll_list::-webkit-scrollbar-thumb,
body.dark .sector_search .dropdown__body .scroll_list::-webkit-scrollbar-thumb:hover, body.dark .sidebarSearch__list ul::-webkit-scrollbar-thumb, body.dark .sidebarSearch__list ul::-webkit-scrollbar-thumb:hover {
  background: #2E3031;
}
body.dark .add_filter_btn a.active {
  background-color: transparent;
}
body.dark .vertical_scroll::-webkit-scrollbar-track, body.dark .horizontal_scroll::-webkit-scrollbar-track {
  background: #4b5759;
}
body.dark .stockDtl_box {
  background-color: #111617;
  border-color: #2E3031;
}
body.dark .stockDtl_box ul li {
  border-color: #2E3031;
}
body.dark .watchlist_tabs > ul > li, body.dark .ovtlyr_table.favList__table tbody tr:nth-child(2n-1) td, body.dark .table_head {
  background-color: #111617;
}
body.dark .ovtlyr_table.favList__table th {
  background-color: #000203;
}
body.dark .ovtlyr_table.favList__table td {
  background: transparent;
}
body.dark .filterDropdown {
  background-color: #111617;
  -webkit-box-shadow: 0 4px 30px rgb(0 0 0 / 57%);
  box-shadow: 0 4px 30px rgb(0 0 0 / 57%);
}
body.dark .filterDropdown:before {
  background-color: #111617;
  border-color: #111617;
}
body.dark .fav_rankTabs .nav-tabs {
  background-color: #000203;
  border-color: #2E3031;
}
body.dark .fav_rankTabs .nav-tabs .nav-link.active {
  background-color: #2E3031;
  color: #ffffff;
}
body.dark .fav_rankTabs .nav-tabs .nav-link.active.orange_bg {
  background-color: #2E2C2A;
}
body.dark .dropdown__head.select_drop, body.dark .page_arrows, body.dark .page_arrows a, body.dark .notiTable_filter .filterDropd_box {
  color: #ffffff;
  border-color: #777E87;
}
body.dark .buy_sell .switch1 input:checked~span:before, body.dark .switch1 input:checked~span:before {
  background-color: #10A861;
}
body.dark .buy_sell .switch1 input:empty~span:before {
  background-color: #D93872;
}
body.dark .buy_sell .switch1 input:checked~span:before {
  background-color: #10A861;
}
body.dark .whiteBox {
  border-color: #ffffff;
}
body.dark .watchlist_sidebar,body.dark .watchlist_sidebar .category_filter, body.dark .watchlist_sidebar_etf, body.dark .watchlist_sidebar .category_filter, body.dark .watchlist_sidebar_etf .category_filter {
  background: #262b2c;
}
body.dark .sectors_list .sectorList_item , body.dark .sectors_list .sectorList_item, body.dark .sectors_list_Bear .sectorList_item {
  background:#000000;
}
body.dark .savedSec .sectors_list .sectorList_item.active {
  background: linear-gradient(165deg, rgb(217 57 114 / 49%) 27%, rgb(67 133 244 / 56%) 73%);
}
body.dark .lineChart_box1 .lineChart_dtl .card-header {
  background: unset;
}
body.dark .watchlist_sidebar.open, body.dark .watchlist_sidebar_etf.open {
  -webkit-box-shadow: 0 4px 40px rgb(0 0 0);
  box-shadow: 0 4px 40px rgb(0 0 0);
}
body.dark .card_dlt button {
  background-color: #777E87;
}
body.dark .card_boxes1.cardAdd_box {
  background-color: #161c1d;
}
body.dark .cardAdd_box button span {
  background-color: #777E87;
  color: #ffffff;
}
body.dark .card_boxes1, body.dark .lineChart_dtl .card, body.dark .lineChart_dtl .card-body {
  border-color: #2E3031;
}
body.dark .card_boxes1.active {
  border-color: #4285f4;
}
body.dark .borderDesign {
  display: flex;
}
body.dark .stockEtf_filter a {
  border-color: #777E87;
  color: #ffffff;
}
body.dark .sidebarSearch__list {
  background: #1a1f20;
  -webkit-box-shadow: 0 4px 40px rgb(0 0 0);
  box-shadow: 0 4px 40px rgb(0 0 0);
}
body.dark .sidebarSearch__list li a, body.dark .paymentNote {
  color: #ffffff;
}
body.dark .drop_box .dropdown-menu, body.dark .video_icon .sort_dropdown .dropdown-menu, body.dark .check_icon .dropdown-menu {
  background: #22292a;
}
body.dark .drop_box .dropdown-item:focus, body.dark .drop_box .dropdown-item:hover, body.dark .video_icon .sort_dropdown .dropdown-item:focus, 
body.dark .video_icon .sort_dropdown .dropdown-item:hover, body.dark .check_icon .dropdown-item:focus, body.dark .check_icon .dropdown-item:hover {
  background-color: #2A353D;
}
body.dark .sidebarSearch__list li.active, body.dark .sidebarSearch__list li:hover {
  background-color: #2A353D;
}
body.dark .sidebarSearch__list li {
  border-color: #2E3031;
}
body.dark .lineChart_dtl ul li p span {
  border-color: #2E3031;
}
body.dark .pageHeading h4 span {
  color: #ffffff;
  border-color: #2E3031;
}
body.dark .white_img {
  display: none;
}
body.dark .black_img {
  display: block;
}
body.dark .pageNot_Found1 .black_img {
  display: inline-block;
}
body.dark .empty_stock h3, body.dark .coming_soon h2, body.dark .empty_stock p {
  color: #ffffff;
}
body.dark .pricingNew1 h3, body.dark .pricingNew1 p:not(:last-child), body.dark .pricingNew1 p:last-child, body.dark .pricingNew2 .nav-tabs .nav-link, body.dark .pric_sec210 h3, body.dark .pric_sec210 h4,
body.dark .pric_sec210 p span, body.dark .pric_sec2100 ul li, body.dark .footer_text p, body.dark .pric_sec2100 ul li p, body.dark .pric_sec2100 ul li span {
  color: #ffffff;
}
body.dark .pricingNew2 .nav-tabs .nav-link.active {
  color: #4285F4;
}
body.dark .pricingNew1, body.dark .pric_sec210, body.dark .pric_sec210:first-child, body.dark .pric_sec2100 ul li {
  border-color: #2A353D;
}
body.dark .pric_sec213 {
  background-color: #2A353D;
}
body.dark .pric_sec2100.pric_sec217 ul li {
  background-color: #1a1f20;
}
body.dark .pric_sec213.pric_sec210 button {
  color: #4285f4;
  border-color: #4285f4;
}
body.dark .pric_sec2100.pric_sec217 ul li span {
  color: #4285f4;
}
body.dark .pricingTable_slider .carousel-indicators li[data-bs-target].active {
  background-color: #ffffff;
}
body.dark .pricingTable_slider .carousel-indicators li[data-bs-target] {
  background-color: #2a353d;
}
body.dark .search_list li.active_blue a {
  background-image: linear-gradient(140deg, rgb(6 33 78) 30%, rgb(0 2 3) 78%);
}
body.dark .search_list li.active_blue.active a {
  border-color: #4285F4;
}
body.dark .search_list li.active_org a {
  background-image: linear-gradient(140deg, rgb(58 32 0) 30%, rgb(0 2 3) 78%);
}
body.dark .search_list li.active_org.active a {
  border-color: #FF8F07;
}
body.dark .search_list li.active_green a {
  background-image: linear-gradient(140deg, rgb(0 41 22) 30%, rgb(0 2 3) 78%);
}
body.dark .search_list li.active_green.active a {
  border-color: #10A861;
}
body.dark .search_list li.active_red a {
  background-image: linear-gradient(140deg, rgb(63 0 23) 30%, rgb(0 2 3) 78%);
}
body.dark .search_list li.active_red.active a {
  border-color: #D93872;
}
body.dark .item_box > p {
  color: #989898;
}
body.dark .contact_sec11, body.dark .top_box, body.dark .account_fields input, body.dark .account_fields select, body.dark .account_fields textarea {
  border-color: #2E3031;
  color: #ffffff;
}
body.dark .affiliate_table, body.dark .info_box, body.dark .head_tag h6 {
  border-color: #2E3031;
}
body.dark .info_box h4, body.dark .info_box h5, body.dark .info_box h5 span, body.dark .head_tag h6, body.dark .head_tag p, body.dark .info_box2 h4 {
  color: #ffffff;
}
body.dark .contactUs_sec1 h3, body.dark .contact_sec111 h4, body.dark .account_fields label, body.dark .subscription_b1 .coupon_div1 input, body.dark .coupon_popup .coupon_div1 input {
  color: #ffffff;
}
body.dark .range-slider .output, body.dark .upgrade_popup .close_btn, body.dark .coupon_popup .close_btn, body.dark .modal_body h5, body.dark .modal_body p, body.dark .modal_body h6, body.dark .modal_btns a, body.dark .notifi_blur p {
  color: #ffffff;
}
body.dark .stockEtf_filter span:first-child.material-icons, body.dark .show_dropdown span:first-child.material-icons {
  color: #4285F4;
}
body.dark .notifiBoxes ul li, body.dark .modal_btns a.border_btn {
  border-color: #4d4d4d;
}
body.dark .upgrade_popup .modal-content, body.dark .coupon_popup .modal-content {
  background: #1a1f20;
}
body.dark .stocks__table3 td:nth-child(5):before, body.dark .stocks__table3 td:nth-child(6):before, body.dark .stocks__table3 td:nth-child(7):before, body.dark .stocks__table3 td:nth-child(8):before, body.dark .stocks__table4 td:nth-child(7):before,
body.dark .stocks__table4 td:nth-child(8):before, body.dark .blur_favList2 td:nth-child(4):before, body.dark .blur_favList2 td:nth-child(5):before, body.dark .stocks__table1 td:nth-child(6):before,
body.dark .stocks__table2 td:nth-child(7):before, body.dark .blur_favList1 td:nth-child(2):before, body.dark .blur_favList1 td:nth-child(3):before, body.dark .blur_bullList1 td:nth-child(1):before {
  background-color: #323232;
}
body.dark .referral_sec11 h3, body.dark .referral_sec11 p, body.dark .referral_sec21 h3, body.dark .referral_sec21 p, body.dark .referral_sec22 ul li p {
  color: #ffffff;
}
body.dark .referral_sec22 ul li h4 {
  color: rgb(26 31 32);
}
body.dark .referral_sec22 ul li {
  border-color: #777E87;
}
body.dark .referral_sec22 ul li img {
  filter: brightness(100);
}
body.dark .coupon_div input {
  border-color: #4d4d4d;
  color: #ffffff;
}
body.dark .notifi_blur {
  border-color: #2A353D;
}
body.dark .introjs-tooltiptext {
  color: #000000 !important;
}
body.dark .filter_box, body.dark .table_box .label_align .form-select, body.dark.range_slider, body.dark.switch_boxes, body.dark .range_slider, body.dark .menu_drop, body.dark .saved_list li {
  border: 1px solid #2A353D;
}
body.dark .menu_drop li, body.dark.menu_drop .list-item, body.dark .menu_drop .list-item {
  border-bottom: 1px solid #2A353D;
}
body.dark .filter_box, body.dark .table_box .label_align .form-select, body.dark.table_box .label_align .form-control, body.dark .menu_drop, body.dark .range_slider {
  background:#111617;
}
body.dark .label_align a, body.dark .label_align label, body.dark .range_slider label, body.dark .noUi-tooltip, body.dark .label_align label, body.dark .range_slider label,body.dark .table_box .label_align .form-select,body.dark .menu_drop .list-item, body.dark .planBottom {
  color: #ffffff;
}
body.dark .radio__tick {
  background:#2A353D;
}
body.dark .form-check-input {
  --bs-form-check-bg: var(--bs-gray);
  border: 0;
}
body.dark .planBottom {
  background-color: #2A353D;
  border-color: #636363;
}
body.dark .subscription_b1.upgradePlan {
  background-color: #2A353D;
}
body.dark .planCom.planCom1 ul li h4, body.dark .actualPric s, body.dark .actualPric .smallPri, body.dark .permonth, body.dark .billed_an, body.dark .check_icon span,
body.dark .check_icon .dropdown-item, body.dark .note_p p {
  color: #ffffff;
}
body.dark .planCom.planCom1 {
  background-color: #161c1d;
}
/*=========== DARK THEME CSS END ===========*/
/*============ MEDIA QUERY START ===========*/
@media only screen and (max-width: 1920px) {
.lock_data {
  height: 407px;
}
.label_align {
  width:calc(11% - 7.5px)
}
.label_align.label_align2, #etfstab .label_align {
  width:calc(14% - 0.5px)
}
.label_align.label_align3
{
  width: calc(28% - 20.5px);
}
#etfstab .range_slider,  .range_slider {
  width: calc(33.33% - 6.66px);
}
}
@media only screen and (max-width: 1680px) {
.secPart_2 .nav-tabs {
  gap: 16px;
}
.stocks__table0 {
  min-width: 1830px;
}
.secPart_2 .nav-tabs .nav-item {
  width: calc(50% - 8px);
}
.sidebar__group {
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.plan_boxes1 {
  padding: 25px;
}
.billingHis_table .vertical_scroll {
  max-height: 252px;
}
.label_align.label_align2, .label_align.label_align3 {
  width: calc(23% - 7.5px);
}
.range_slider {
  width: calc(32% - -11px);
}
.label_align {
  width:calc(12% - -6.5px);
}
#etfstab .range_slider {
  width: calc(35% - 29.5px);
}
#etfstab .label_align {
  width: calc(18% - 0.5px);
}
}
@media only screen and (max-width: 1600px) {
.lock_data { 
  height: 317px;
}
#etfstab .label_align3
{
  width: calc(23% - 7.5px);
}
.range_slider {
  width: calc(31% - -22px);
}
}
@media only screen and (max-width: 1540px) {
/* .stockEtf_dash {
  grid-gap: 15px;
} */
.item_box > p {
  font-size: 13px;
}
.active_tabs .tabs__nav {
  padding: 4px 4px;
}
.range_slider {
  width: calc(30% - -32px);
}
.subscription_b1.upgradePlan {
  max-width: 100%;
}
}
@media only screen and (max-width: 1440px) {
.secPart_2 .nav-tabs {
  gap: 12px;
}
.label_align {
  width: calc(13% - -6.5px);
}
.secPart_2 .nav-tabs .nav-item {
  width: calc(50% - 6px);
}
.stockDtl_box ul li {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.watchlist_sidebar, .watchlist_sidebar_etf {
  width: 360px;
  margin-right: -360px;
}
.referral_sec {
  max-width: 1200px;
}
.label_align.label_align2, .label_align.label_align3 {
  width: calc(23% - 7.5px);
}
.container_range input
{margin-bottom: 3px;}
.range_slider
{
  width: calc(33% - 3.5px);
}
}
@media only screen and (max-width: 1399px) {
.IndSec_header {
  grid-template-areas:
    'IndSec_serial1 IndSec_serial1 IndSec_serial1 IndSec_serial1'
    'IndSec_serial2 IndSec_serial2 IndSec_serial2 IndSec_serial2'
    'IndSec_serial3 IndSec_serial3 IndSec_serial3 IndSec_serial3';
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.IndSec_header.StockSec_header {
  grid-template-areas:
    'IndSec_serial2 IndSec_serial2 IndSec_serial2 IndSec_serial2'
    'IndSec_serial3 IndSec_serial3 IndSec_serial3 IndSec_serial3';
}
.IndSec_serial1 {
  grid-column: 1 / 5;
}
.IndSec_serial2 {
  grid-column: 1 / 5;
}
.IndSec_serial3 {
  grid-column: 1 / 5;
}
.label_align {
  width: calc(16% - 7.5px);
}
}
@media only screen and (max-width: 1366px) {
.lock_data {
  height: 300px;
}
.ovtlyr_table th {
  padding: 10px 5px;
}
.stockDtl_box ul {
  margin-top: 20px;
}
.stockDtl_box ul li {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.subscription_box {
  gap: 20px;
}
.borderDesign span {
  height: 7px;
}
.borderDesign span.borderCircle {
  width: 7px;
  height: 7px;
}
.blue_box {
  gap: 25px;
}
.serial11 ul li p {
  font-size: 15px;
  line-height: 20px;
}
.ovtlyr_table.billing__table th, .ovtlyr_table.billing__table td {
  height: 40px;
}
.billingHis_table .vertical_scroll {
  max-height: 202px;
}
.referral_sec11 h3, .tutorial_sec h1 {
  font-size: 32px;
  line-height: 42px;
}
.referral_sec {
  padding: 40px 0;
}
.referral_sec11 {
  width: calc(55% - 100px);
}
.referral_sec12 {
  width: 45%;
}
.referral_sec12 img {
  max-width: 400px;
  margin-right: 0;
  margin-left: auto;
}
.referral_sec2 {
  margin-top: 60px;
}
.referral_sec21 h3 {
  font-size: 28px;
  line-height: 37px;
}
.referral_sec21 {
  margin-bottom: 40px;
}
.referral_sec22 ul li {
  padding-top: 60px;
}
.referral_sec22 ul li img {
  height: 45px;
}
.referral_sec22 ul li h4 {
  font-size: 80px;
  line-height: 60px;
}
}
@media only screen and (max-width: 1280px) {
.dashboard_grid {
  grid-template-areas:
    'dash_gridLeft dash_gridLeft'
    'dash_gridCenter dash_gridRight';
  grid-template-columns: 1fr 1fr;
}
.dash_gridLeft {
  grid-column: 1 / 3;
}
.dash_gridCenter {
  grid-column: 1 / 2;
}
.dash_gridRight {
  grid-column: 2 / 3;
}
.ovtlyr_table.favList__table th {
  font-size: 13px;
  line-height: 16px;
}
/* .stockEtf_dash {
  grid-template-areas: 'stockEtf_dashL stockEtf_dashL stockEtf_dashL stockEtf_dashL stockEtf_dashR stockEtf_dashR';
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.stockEtf_dashL {
  grid-column: 1 / 5;
}
.stockEtf_dashR {
  grid-column: 5 / 7;
} 
.stockEtf_dash {
  display: flex;
  flex-direction: column-reverse;
  gap: 15px;
}*/
  body.dark .category_filter {
  background: #111617;
  -webkit-box-shadow: 0 4px 40px rgb(0 0 0);
  box-shadow: 0 4px 40px rgb(0 0 0);
}
/*======== SEARCH BY FILTER START =======*/
.add_filter_btn {
  display: block;
}
.secPart_0 {
  display: flex;
}
.searchBy_filter {
  max-width: 390px;
  position: relative;
}
.category_filter {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  width: 100%;
  background: #ffffff;
  padding: 20px;
  border-radius: 8px;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0 4px 30px rgb(118 139 171 / 25%);
  box-shadow: 0 4px 30px rgb(118 139 171 / 25%);
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.category_filter.open {
  visibility: visible;
  opacity: 1;
}
.secPart_1 h5 {
  font-size: 16px;
  line-height: 22px;
}
/*========= SEARCH BY FILTER END ========*/
.notifiBoxes ul {
  gap: 15px;
}
.notifiBoxes ul li {
  width: calc(33.33% - 10px);
  gap: 20px;
}
.pageNot_Found1 img {
  height: 450px;
}
.pageNot_Found2 h1 {
  font-size: 180px;
  line-height: 160px;
}
.pageNot_Found2 .error_msg {
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 15px;
}
.pageNot_Found2 p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 25px;
}
.referral_sec1 {
  gap: 60px;
}
.referral_sec11 {
  width: calc(55% - 60px);
}
.referral_sec11 p, .referral_sec21 p {
  font-size: 16px;
  line-height: 22px;
}
.referral_sec22 ul li {
  padding: 15px;
  padding-top: 60px;
}
.lineChart_chrt {
  gap: 30px;
  padding: 0 5px;
}
.lineChart_chrt1 {
  width: calc(100% - 345px);
}
.lineChart_box1 .lineChart_dtl .card-header {
  padding: 5px;
}
.marketBr_head {
  justify-content: space-between;
}
.range_slider {
  width: calc(32% - -5.5px);
}
.stock_button
{
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
.form-label {
  width: 78%;
}
}

@media only screen and (max-width: 1199px) {
.active_tabs {
  gap: 10px;
}
.ovtlyr_table.favList__table td {
  padding: 5px;
  height: 60px;
}
.bullList_tab button > div, .bearList_tab button > div {
  gap: 5px;
}
.watchlist_tabs > ul > li {
  height: 53px;
  padding: 15px;
}
.table_head {
  padding: 15px;
  padding-top: 0;
}
.settings_tabs .nav-tabs {
  gap: 20px;
}
.serial3 {
  align-items: flex-start;
  flex-direction: column-reverse;
  gap: 10px;
}
.pageHeading h4 {
  margin-left: 10px;
}
.pageHeading h4 span {
  font-size: 13px;
}
.lineChart_dtl .card-title {
  font-size: 13px;
}
.pageHeading .lineChart_dtl {
  width: 187px;
}
.pricingNew1 h3 {
  font-size: 32px;
  line-height: 42px;
}
.pricingNew1 p:not(:last-child) {
  font-size: 19px;
  line-height: 28px;
}
.pricingNew1 p:last-child {
  font-size: 16px;
  line-height: 22px;
}
.pric_sec210 h3 {
  font-size: 26px;
  line-height: 35px;
}
.pric_sec210 h4 {
  font-size: 20px;
  line-height: 30px;
}
.pricingNew2 {
  margin-bottom: 20px;
}
.favList__table {
  min-width: 330px;
}
.blur_bullList1 th:nth-child(1):before {
  left: 43px;
}
.pageNot_Found1 img {
  height: 420px;
}
.label_align label, .range_slider label, .market_box input, .market_box span{
  font-size: 12px;
}
.range_slider {
  width: calc(31% - -12.5px);
}
.label_align {
  width: calc(25% - 7.5px);
}
#etfstab .range_slider {
  width: calc(36% - 29.5px);
}
}
@media only screen and (max-width: 1160px) {
.referral_sec1 {
  gap: 40px;
}
.referral_sec11 {
  width: calc(55% - 40px);
}
.referral_sec22 ul {
  flex-wrap: wrap;
}
.referral_sec22 ul li {
  width: calc(50% - 10px);
}
.referral_sec22 ul {
  flex-wrap: wrap;
  justify-content: center;
}
.label_align {
  width: calc(32% - 7.5px);
}
.range_slider {
  width: calc(30% - -19.5px)
}
.filters__line, .filters__line2
{
  flex-wrap: wrap;
}
}
@media only screen and (max-width: 1150px) {
.search_list li.dropdown__item {
  width: calc(50% - 7.5px);
}
.item_box > div {
  gap: 6px;
}
.item_box > div.arrow_up:after, .item_box > div.arrow_down:after {
  font-size: 25px;
  width: 25px;
  height: 25px;
  right: -4px;
  top: -7px;
}
.item_box > div.org_square:before, .item_box > div.green_square:before, .item_box > div.red_square:before {
  right: 28px;
}
.watchlist_tabs > ul > li {
  height: 77px;
}
.watchlist_tabs > .nav-tabs .nav-link {
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
}
.pageHeading > p span {
  display: none;
}
.marketBr_head1 .sector_search {
  min-width: 430px;
}
.checkbox_item .checkbox__in {
  padding: 4px 8px;
}
}
@media only screen and (max-width: 1100px) {
.side_dropdown > span {
  font-size: 15px;
}
/* .stockEtf_dash {
  grid-template-areas: 'stockEtf_dashL stockEtf_dashL stockEtf_dashL stockEtf_dashR stockEtf_dashR';
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.stockEtf_dashL {
  grid-column: 1 / 4;
}
.stockEtf_dashR {
  grid-column: 4 / 6;
} */
.ovtlyr_table.favList__table th {
  font-size: 12px;
  line-height: 14px;
}
.watchlist_tabs > ul > li {
  height: 67px;
  padding: 10px 12px;
}
.table_head {
  padding: 10px 12px;
  padding-top: 0;
}
.filterDropd_box {
  right: 12px;
}
.watchlist_tabs > .nav-tabs > .nav-link {
  font-size: 16px;
  line-height: 22px;
}
.show_dropdown {
  font-size: 15px;
  line-height: 20px;
}
.plan_boxes1 {
 padding: 15px;
}
.serial12 .nav-tabs .nav-link {
  font-size: 15px;
  line-height: 18px;
  padding: 5px 10px;
}
.IndSec_header {
  grid-template-areas:
  'IndSec_serial1'
  'IndSec_serial2'
  'IndSec_serial3';
  grid-template-columns: 1fr;
}
.IndSec_serial1 {
  grid-column: 1 / 1;
}
.IndSec_serial2 {
  grid-column: 1 / 1;
}
.IndSec_serial3 {
  grid-column: 1 / 1;
}
.IndSec_header.StockSec_header {
  grid-template-areas:
  'IndSec_serial2'
  'IndSec_serial3';
}
.referral_sec {
  padding: 30px 0;
}
.referral_sec11 h3, .tutorial_sec h1 {
  font-size: 30px;
  line-height: 40px;
}
.referral_sec21 h3 {
  font-size: 26px;
  line-height: 35px;
}
.referral_sec11 a {
  padding: 10px 22px;
}
.referral_sec21 {
  margin-bottom: 30px;
}
.lineChart_chrt {
  gap: 20px;
}
.lineChart_chrt1 {
  width: calc(100% - 335px);
}
.border_box h6 {
  font-size: 18px;
  line-height: 24px;
}
button.video_icon {
  height: 14px;
  margin-left: 2px;
}
button.video_icon img {
  height: 15px;
}
.label_align {
  width:calc(20% - 7.5px);
}
.label_align.label_align2, .label_align.label_align3 {
  width: calc(45% - 7.5px);
}
.range_slider {
  width: calc(29% - -26.5px);
}
.form-label {
  width: 70%;
}
}
@media only screen and (max-width: 1023px) {
.sidebar.active .side_dropdown.arrow_drop .sidebar__item:after, .sidebar.active .side_dropdown.active > span, .sidebar.active .searchbar_input {
  display: inline-block;
}
.sidebar .side_dropdown.arrow_drop .sidebar__item:after, .sidebar .side_dropdown.active > span, .sidebar .searchbar_input {
  display: none;
}
.ovtlyr_sidebar .sidebar__caption.caption-sm {
  font-family: 'DMSans-Medium';
  font-size: 13px;
}
.sector_search {
  max-width: 100%;
  min-width: 100%;
}
.sector_search .dropdown__body {
  padding: 15px;
}
.search_list {
  gap: 10px;
}
.item_box {
  padding: 12px;
}
.side_dropdown.arrow_drop .sidebar__item:after {
  top: 15px;
}
.settings_head32 .pageSlot_drop {
  gap: 10px;
}
.settings_tabs .nav-tabs {
  gap: 15px;
}
.contact_sec11 {
  gap: 30px;
}
.contact_sec112 {
  width: calc(50% - 30px);
}
.notifi_blur img {
  height: 350px;
}
.range_slider {
  width: calc(29% - -31.5px);
}
#etfstab .range_slider {
  width: calc(35% - 21.5px);
}
}
@media only screen and (max-width: 991px) {
.stockEtf_header {
  margin-bottom: 15px;
}
.stocksTab_table .vertical_scroll {
  max-height: calc(100vh - 130px);
}
.favList_tab button {
  gap: 5px;
}
.watchlist_tabs > .nav-tabs > .nav-link {
  font-size: 15px;
  line-height: 20px;
}
.filterDropdown {
  width: 180px;
  padding: 12px;
  top: 23px;
}
.head_part {
  margin-bottom: 15px;
}
.head_part h5 {
  font-size: 16px;
  line-height: 22px;
}
.head_part .close_btn {
  font-size: 22px;
}
.fav_rankTabs .nav-tabs .nav-link {
  padding: 5px 10px;
  font-size: 15px;
}
.pageSlot_drop p {
  font-size: 15px;
  line-height: 20px;
}
.plan_boxes, .card_boxes {
  width: 100%;
  display: flex;
  gap: 14px;
}
.pric_sec2100 ul li {
  font-size: 15px;
  line-height: 22px;
}
.filterDropd_box .expand_btn span:before {
  right: -8px;
}
.notifiBoxes ul li {
  padding: 15px;
}
.pageNot_Found2 h1 {
  font-size: 170px;
  line-height: 150px;
}
.pageNot_Found2 .error_msg {
  font-size: 28px;
  line-height: 30px;
}
.referral_sec21 p span {
  display: inline;
}
.upgrade_popup.watchVideo .modal-dialog {
  max-width: 100%;
  padding: 0 15px;
}
.stockEtf_tabs, .table_box {
  margin-bottom: 15px;
}
.filter_box {
  margin-bottom: 20px;
}
.stockFilBtn span {
  width: 24px;
  display: flex;
  font-size: 28px;
  color: #2A353D;
  font-weight: 250;
  align-items: center;
  justify-content: center;
}
.stockSavBtn1, .stockSavBtn_etf {
  display: none;
}
.stockFilBox1, .stockFilBox_etf {
  display: none;
  padding: 0;
  border: 0;
  background-color: unset;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #eaecec;
  margin-bottom: 0;
}
.stockFilBox1 .filter_box, ._etf .filter_box {
  height: calc(100vh - 120px);
  overflow: scroll;
  margin-bottom: 10px;
}
.stock_button.fixed_btns {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  box-shadow: 0 -2px 5px rgb(0 0 0 / 9%);
}
.range_slider {
  width: calc(33.33% - 7.5px);
}
.stockFilBtn {
  position: absolute;
  top: 5px;
  right: 32px;
}
.subscription_b1.upgradePlan {
  padding: 20px;
}
.planComparison {
  gap: 60px;
}
.planCom.planCom1 {
  width: calc(58% - 30px);
}
.planCom.planCom1:first-child {
  width: calc(42% - 30px);
}
.arrowBetween img {
  width: 50px;
}
.arrowBetween {
  left: 42%;
}
#secondtab .notiLog__table, #thirdtab .notiLog__table {
  min-width: unset;
}
#thirdtab .notiLog__table {
  min-width: 580px;
}
#secondtab .notiLog__table th:first-child, #thirdtab .notiLog__table th:first-child {
  width: 40% !important;
}
#secondtab .notiLog__table th:last-child, #thirdtab .notiLog__table th:last-child {
  width: 60% !important;
}
}
@media only screen and (max-width: 920px) {
.item_box > div img, .item_box2 img {
  height: 22px;
}
.item_box > div {
  gap: 8px;
}
.item_box > div h6 {
  font-size: 15px;
  line-height: 20px;
}
.search_list li.dropdown__item {
  width: calc(50% - 5px);
}
.show_dropdown span:first-child {
  left: 8px;
}
.filterDropd_box .expand_btn span:before {
  right: -14px;
}
.filterDropd_box {
  right: 9px;
}
.filterDropdown:before {
  right: 14px;
}
.notiTable_filter .filterDropd_box {
  padding: 8px 15px;
}
.dropdown__head.select_drop {
  width: 70px;
  padding: 8px 5px;
  padding-right: 25px;
}
.page_arrows {
  width: 70px;
  overflow: hidden;
}
.page_arrows a {
  width: 36px;
  height: 38px;
}
.page_arrows span {
  font-size: 28px;
}
.notifiTab_table .vertical_scroll {
  max-height: calc(100vh - 160px);
}
.card_boxes1 {
  width: 189px;
}
.pric_sec210 button {
  font-size: 15px;
  padding: 6px 18px;
}
.notifiBoxes ul {
  gap: 20px;
  flex-wrap: wrap;
}
.notifiBoxes ul li {
  width: calc(50% - 10px);
}
}
@media only screen and (max-width: 883px) {
.affiliate_table {
  flex-direction: column;
}  
.head_tag {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.head_tag h6 {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  height: unset;
}
.head_tag1, .head_tag3, .head_tag4 {
  border-bottom: 1px solid #D0E3FF;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.pageHeading .tooltip_box:before {
  left: 35px;
}
.pageHeading .tooltip_hover1 span {
  margin-left: 5px;
  vertical-align: text-bottom;
}
.active_tabs .tabs__link, .active_tabs .tabs__link2 {
  padding: 5px 10px;
}
.sector_search .dropdown__head input {
  max-width: 65%;
}
.dashboard_grid {
  grid-template-areas:
  'dash_gridLeft'
  'dash_gridCenter'
  'dash_gridRight';
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
.dash_gridLeft, .dash_gridCenter, .dash_gridRight {
  grid-column: 1;
}
.stockDtl_box ul {
  margin-top: 20px;
}
.stockDtl_box ul li {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.filterDropdown {
  width: 140px;
}
.fav_rankTabs .nav-tabs .nav-link {
  padding: 4px 5px;
  font-size: 14px;
}
.settings_head3 {
  align-items: flex-start;
  flex-direction: column;
}
.settings_head {
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
.notifiTab_table .vertical_scroll {
  max-height: calc(100vh - 220px);
}
.notifi__table {
  min-width: 500px;
}
.serial1 {
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
.white_btn {
  font-size: 16px;
  line-height: 22px;
  padding: 9px;
  min-width: 125px;
}
.pricingTable_slider {
  padding-bottom: 30px;
}
.pricingTable_slider .carousel-indicators {
  display: flex;
}
.pricingTable_slider .carousel-inner .carousel-item {
  display: none;
  transition: .3s ease-in-out;
}
.pricingTable_slider .carousel-inner .carousel-item.active {
  display: block;
}
.pricing_sec21 {
  grid-template-columns: 1fr 1fr 1fr;
}
.hideIn_mob {
  display: none;
}
.pric_sec210 {
  grid-row: 1;
  grid-column: 1 / 3;
  border-bottom: 0;
  min-height: 220px;
}
.pric_sec215 {
  grid-row: 2;
  grid-column: 1 / 3;
}
.pricingTable_slider .carousel-inner .carousel-item:first-child .pric_sec216, .pricingTable_slider .carousel-inner .carousel-item:nth-child(2) .pric_sec217, .pricingTable_slider .carousel-inner .carousel-item:nth-child(3) .pric_sec218 {
  grid-row: 2;
  grid-column: 3 / 4;
}
.pric_sec215 ul li {
  border-left: 1px solid #E6E9F5;
}
.pric_sec215 ul li:first-child, .pric_sec216 ul li:first-child, .pric_sec217 ul li:first-child, .pric_sec218 ul li:first-child {
  border-top: 1px solid #E6E9F5;
}
.pric_sec212 {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border: 1px solid #E6E9F5;
  border-bottom: 0;
}
.pric_sec2100 ul li {
  font-size: 15px;
  line-height: 20px;
  padding: 10px 20px;
  height: 60px;
}
.referral_sec {
  padding: 20px 0;
}
.referral_sec1 {
  flex-direction: column;
  gap: 25px;
}
.referral_sec11, .referral_sec12 {
  width: 100%;
  text-align: center;
}
.referral_sec11 h3 span {
  display: inline;
}
.referral_sec11 p {
  margin-bottom: 0;
}
.referral_sec11 a {
  display: none;
}
.referral_sec12 a {
  display: inline-block;
}
.referral_sec12 img {
  margin: 0 auto;
  margin-bottom: 33px;
}
.referral_sec2 {
  margin-top: 40px;
}
.marketBr_head {
  flex-direction: column;
  align-items: flex-start;
}
.container_range span {
  width: 25%;
}
.border_btn, .btn_apply span
{
  width:170px;justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.sidebar__top {
  padding-left: 15px;
  justify-content: flex-start;
  height: 80px;
}
.sidebar.active .sidebar__top {
  border-color: transparent;
  padding: 20px 12px;
  transition: none;
}
.sidebar__logo .sidebar__pic {
  width: 100px;
}
.sidebar__close {
  top: 9px;
}
.sidebar__close span {
  font-size: 28px;
}
.sidebar {
  padding-top: 80px;
}
.mobile_header {
  display: block;
}
.active_tabs .tabs__nav {
  display: flex;
}
.filterDropdown {
  width: 150px;
}
.fav_rankTabs .nav-tabs .nav-link {
  padding: 5px 10px;
  font-size: 15px;
}
.stocksTab_table .vertical_scroll, .favList_tabC .vertical_scroll, .notifiTab_table .vertical_scroll {
  max-height: unset;
}
.watchlist_sidebar .category_filter {
  padding: 15px;
}
.watchlist_sidebar, .watchlist_sidebar_etf{
  width: 320px;
  margin-right: -320px;
}
.pageNot_Found {
  gap: 30px;
  flex-direction: column;
}
.pageNot_Found1, .pageNot_Found2 {
  width: 100%;
  text-align: center;
}
.pageNot_Found1 img {
  height: 300px;
}
.pageNot_Found2 a.blue_btn {
  font-size: 16px;
  line-height: 22px;
  max-width: 164px;
  margin: 0 auto;
}
.pageNot_Found2 h1 {
  font-size: 130px;
  line-height: 110px;
}
.referral_sec {
  padding: 0;
}
.notifi_blur img {
  height: 300px;
}
.notifi_blur p {
  margin-bottom: 20px;
}
.pageHeading {
  align-items: flex-start;
  justify-content: space-between;
}
.pageHeading > p {
  position: absolute;
  right: 0;
  top: 5px;
}
.pageHeading > p span {
  display: block;
}
.pageHeading > div {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.pageHeading h4 {
  margin-left: 0;
}
.pageHeading h4 {
  flex-wrap: wrap;
}
.active_tabs {
  justify-content: flex-start;
}
.lineChart_box1 .lineChart_chrt .lineChart_dtl {
  display: none;
}
.lineChart_chrt1 {
  width: 100%;
}
.mobileDiv {
  display: block;
  margin-top: 20px;
}
.mobileDiv .card-header {
  padding: 8px 10px;
}
.mobileDiv .card-title {
  font-family: 'DMSans-Bold';
  font-size: 14px;
  pointer-events: none;
}
.mobileDiv .card-title:before {
  display: none;
}
.locked_data {
  top: 70px;
}
.contactUs_sec1.tutorial_sec {
  margin-top: 0;
  margin-bottom: 10px;
}
.tutorial_list ul {
  gap: 15px;
}
.video_icon .sort_dropdown .dropdown-menu.show {
  margin-left: 0 !important;
}
.upgrade_popup.watchVideo .modal-body {
  padding: 15px;
  padding-top: 28px;
}
.watchVideo iframe {
  height: 390px;
}
.marketBr_head1, .marketBr_head2 {
  width: 100%;
}
.label_align {
  width: calc(33.33% - 7.5px);
}
.range_slider {
  width: calc(50% - 7.5px);
}
.stockNew_filter.show {
  /* margin-top:50px; */
  width:100%;
  padding-top:68px;
}
.stockFilBtn {
  top: 24px;
}
#etfstab .label_align {
  width: calc(30% - 0.5px);
}
.stockFilBtn {
  right:23px;
}
.planComparison {
  flex-direction: column;
}
.planCom.planCom1, .planCom.planCom1:first-child {
  width: 100%;
}
.arrowBetween {
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(80deg);
}
.arrowBetween img {
  width: 62px;
}
#secondtab .notiLog__table th:first-child, #thirdtab .notiLog__table th:first-child {
  width: 30% !important;
}
#secondtab .notiLog__table th:last-child, #thirdtab .notiLog__table th:last-child {
  width: 70% !important;
}
}
@media only screen and (max-width: 650px) {
.serial1 {
  flex-direction: column;
}
/* .pricingNew1 p .block_box {
  display: inline;
} */
.secMap_legends.stok_crtLen {
  gap: 10px 18px;
}
.secMap_legends span {
  margin-right: 8px;
}
.watchVideo iframe {
  height: 330px;
}
#etfstab .range_slider {
  width: calc(52% - 17.5px);
}
.card_boxes1 {
  width: calc(50% - 7px);
}
}
@media only screen and (max-width: 576px) {
.header {
  padding: 10px 15px;
}
.IndSec_header {
  grid-template-areas:
  'IndSec_serial2'
  'IndSec_serial1'
  'IndSec_serial3';
  grid-template-columns: 1fr;
}
.IndSec_serial1, .IndSec_serial2, .IndSec_serial2, .IndSec_serial3 {
  grid-column: 1;
}
.pageHeading {
  width: 100%;
  justify-content: space-between;
}
.pageHeading > p span {
  display: none;
}
.orange_bg .addTo_fav i {
  font-size: 17px;
}
.sector_search .dropdown__body {
  padding: 15px;
  padding-right: 10px;
}
.sector_search .dropdown__body .scroll_list {
  max-height: 397px;
  overflow: auto;
  padding-right: 10px;
}
.sector_search .dropdown__body .scroll_list::-webkit-scrollbar {
  width: 3px;
}
.sector_search .dropdown__body .scroll_list::-webkit-scrollbar-track {
  padding-right: 20px;
  background: transparent;
}
.sector_search .dropdown__body .scroll_list::-webkit-scrollbar-thumb {
  background: #D0E3FF;
  border-radius: 4px;
}
.sector_search .dropdown__body .scroll_list::-webkit-scrollbar-thumb:hover {
  background: #D0E3FF;
}
.search_list li.dropdown__item {
  width: 100%;
}
.item_box > p {
  display: none;
}
.active_tabs {
  justify-content: flex-start;
  gap: 15px;
}
.active_tabs .tabs__link, .active_tabs .tabs__link2 {
  display: inline-table;
  text-align: center;
}
.filterH_icon {
  display: flex;
}
.stockEtf_header {
  margin-bottom: 10px;
}
.searchBy_filter {
  max-width: 100%;
}
.stockEtf_tabs .nav-tabs .nav-item {
  width: calc(50% - 10px);
}
.stockEtf_tabs .nav-tabs .nav-link {
  width: 100%;
}
.add_filter_btn a {
  padding: 8px 15px;
}
.category_filter {
  padding: 15px;
}
.stocksTab_grids {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.stocksTab_item {
  width: 100%;
  border: 1px solid rgb(85 86 90 / 12%);
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
}
.stocksTab_item.active {
  background-color: #F8FAFB;
}
.stocksTab_item p {
  font-family: 'DMSans-Regular';
  font-size: 15px;
  line-height: 20px;
  color: #777E87;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.stocksTab_item p > a {
  font-family: 'DMSans-Regular';
  font-size: 15px;
  line-height: 20px;
  color: #777E87;
}
.stocksTab_item p:last-child {
  margin-bottom: 0;
}
.stocksTab_item p > span:first-child {
  font-family: 'DMSans-Medium';
  color: #2A353D;
  width: 140px;
  flex-shrink: 0;
}
body.dark .stocksTab_item {
  background-color: #111617;
}
body.dark .stocksTab_item.active {
  border-color: #55565A;
  background-color: #000203;
}
body.dark .stocksTab_item p, body.dark .stocksTab_item p > span:first-child, body.dark .stocksTab_item p > a {
  color: #ffffff;
}
.stockEtf_filter {
  position: unset;
}
.stockEtf_filter a {
  padding: 6px 12px;
  margin-bottom: 20px;
}
.stockDtl_box ul li {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.stockDtl_box ul li p {
  font-size: 14px;
}
.IndSec_header.StockSec_header {
  grid-template-areas: 'IndSec_serial2' 'IndSec_serial3';
}
.watchlist_tabs > ul {
  margin-bottom: 15px;
}
.table_head {
  padding: 0;
  background: unset;
  margin-bottom: 15px;
}
body.dark .table_head {
  background: unset;
}
.pageHeading h6 {
  font-family: 'DMSans-Bold';
  font-size: 18px;
  margin-left: 6px;
}
.pageHeading h5 {
  font-size: 20px;
  line-height: 28px;
}
.watchlist_tabs > ul > li {
  height: unset;
  padding: 0;
  background: unset !important;
  position: unset;
}
.watchlist_listing > .tab-content > .tab-pane {
  display: none;
  opacity: 0;
  width: 100%;
}
.watchlist_listing > .tab-content > .active {
  display: block;
  opacity: 1;
}
.watchlist_tabs > .nav-tabs .nav-link {
  padding: 0;
  border: 0;
  font-family: 'DMSans-Medium';
  font-size: 17px;
  line-height: 22px;
  cursor: default;
  padding: 0 25px 10px 25px;
  border-bottom: 2px solid transparent;
}
.watchlist_tabs > ul > li img, .favList_tab .addTo_fav {
  display: none;
}
.watchlist_tabs .nav-tabs .favList_tab .nav-link.active {
  font-family: 'DMSans-Bold';
  color: #FF8F07;
  padding-bottom: 10px;
  border-bottom: 2px solid #FF8F07;
}
.watchlist_tabs .nav-tabs .bullList_tab .nav-link.active {
  font-family: 'DMSans-Bold';
  color: #10A861;
  padding-bottom: 10px;
  border-bottom: 2px solid #10A861;
}
.watchlist_tabs .nav-tabs .bearList_tab .nav-link.active {
  font-family: 'DMSans-Bold';
  color: #D93872;
  padding-bottom: 10px;
  border-bottom: 2px solid #D93872;
}
.watchlist_tabs .nav-link.active .filterDropd_box {
  display: block;
  top: 50px;
  left: 0;
  right: 0;
  width: 100%;
  transform: unset;
}
.show_dropdown span:nth-child(2) {
  display: block;
}
.show_dropdown span:first-child {
  font-weight: 200;
  font-size: 26px;
  left: -4px;
}
.watchlist_listing .show_dropdown {
  font-size: 17px;
  line-height: 28px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 15px;
  border: 1px solid #D0E3FF;
  border-radius: 8px;
  gap: 4px;
}
.watchlist_listing .show_dropdown.active {
  background-color: #E3EEFF;
}
body.dark .watchlist_listing .show_dropdown {
  border-color: #777E87;
}
body.dark .watchlist_listing .show_dropdown.active {
  background-color: transparent;
}
.filterDropdown {
  width: 100%;
  top: 48px;
  left: 0;
  right: 0;
  padding: 15px;
}
.filterDropdown:before {
  display: none;
}
.notifiTab_table, .billingHis_table {
  display: none;
}
.favList_grid {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* gap: 15px; */
}
.favList_item {
  width: 100%;
  border: 1px solid rgb(85 86 90 / 12%);
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
}
.favList_item.active {
  background-color: #F8FAFB;
}
.favList_item p {
  font-family: 'DMSans-Regular';
  font-size: 15px;
  line-height: 20px;
  color: #777E87;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.favList_item p:last-child {
  margin-bottom: 0;
}
.favList_item p a {
  font-family: 'DMSans-Medium';
  color: #4285F4;
}
.favList_item p > span:first-child {
  font-family: 'DMSans-Medium';
  color: #2A353D;
  min-width: 140px;
  flex-shrink: 0;
}
.favList_item p > span:last-child {
  text-align: right;
}
body.dark .favList_item {
  background-color: #111617;
}
body.dark .favList_item.active {
  border-color: #55565A;
  background-color: #000203;
}
body.dark .favList_item p, body.dark .favList_item p > span:first-child {
  color: #ffffff;
}
show-desk {
  display: none;
}
show-mob {
  display: block;
}
.settings_head {
  gap: 20px;
  margin-bottom: 15px;
}
.settings_head3 {
  margin-bottom: 15px;
}
.settings_head2, .settings_head32, .pageSlot_drop, .notiTable_filter {
  width: 100%;
}
.settings_tabs .nav-tabs li {
  width: calc(33.33% - 10px);
}
.settings_tabs .nav-tabs .nav-link {
  font-family: 'DMSans-Medium';
  font-size: 17px;
  line-height: 22px;
  color: #242947;
  padding: 0 15px 10px 15px;
  border-bottom: 2px solid transparent;
  width: 100%;
}
.settings_tabs .nav-tabs .nav-link.active {
  font-family: 'DMSans-Bold';
  color: #4285F4;
  border-bottom: 2px solid #4285F4;
}
body.dark .settings_tabs .nav-tabs .nav-link.active {
  color: #4285F4;
}
.settings_tabs .nav-tabs .nav-link.active:before, .settings_head31, .pageSlot_drop p, .pageSlot_drop .dropdown, .page_arrows {
  display: none;
}
.notiTable_filter .filterDropd_box {
  width: 100%;
  height: unset;
}
.show_dropdown {
  font-size: 17px;
  line-height: 23px;
  gap: 4px;
}
.plan_boxes {
  flex-direction: column;
}
.blue_box {
  gap: 20px;
}
.purple_box {
  background-color: #F5F9FF;
}
.borderDesign {
  display: flex;
}
.purple_box .serial11 h4, .serial11 ul, .serial11 ul li p {
  color: #242947;
}
body.dark .purple_box .serial11 h4, body.dark .serial11 ul, body.dark .serial11 ul li p {
  color: #ffffff;
}
.serial31 {
  width: 100%;
}
.white_btn {
  padding: 10px;
}
.serial11 h4, .serial2 h3 {
  font-size: 22px;
  line-height: 26px;
}
.serial32 p {
  font-size: 16px;
  line-height: 22px;
}
.serial2 p {
  font-size: 16px;
  line-height: 22px;
}
.company_name {
  text-align: right;
}
.Pricing_box {
  margin: 10px auto;
}
.favList_tabC {
  display: none;
}
.filterDropd_box .expand_btn {
  display: none;
}
.arrows {
  margin-right: 25px;
}
.company_name {
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.watchlist_tabs > ul > li span {
  display: none;
}
.contact_sec111, .contact_sec112 {
  width: 100%;
}
.contact_sec11 {
  flex-direction: column-reverse;
  gap: 20px;
}
.top_box, .info_box, .affiliate_table {
  padding: 15px;
}
.upgrade_popup .modal-dialog {
  max-width: 450px;
}
.plan_boxes1 {
  width: 100%;
}
.empty_stock h3, .coming_soon h2 {
  font-size: 28px;
  line-height: 37px;
}
.payment_failed span {
  font-size: 45px;
}
.coming_soon img {
  width: 250px;
}
.noPlanHide > span {
  position: relative;
}
.noPlanHide span:nth-child(2):after {
  content: '';
  position: absolute;
  right: -3px;
  top: 50%;
  padding: 0;
  z-index: 9;
  background: url('../images/mobile-blur-lock.png')no-repeat;
  /* background: url('/images/mobile-blur-lock.png')no-repeat; */
  background-color: #ffffff;
  background-position: center;
  background-size: cover;
  width: 90px;
  height: 28px;
  border-radius: 30px;
  transform: translate(0, -50%);
  display: none;
}
body.dark .noPlanHide span:nth-child(2):after {
  background-color: #000000;
}
.blur_noPlan .noPlanHide span:nth-child(2):after {
  display: block;
}
.blur_resPlan .resPlanHide span:nth-child(2):after {
  display: block;
}
.referral_sec12 img {
  max-width: 320px;
}
.notifi_blur img {
  height: 250px;
}
.notifi_blur p {
  max-width: 320px;
}
.notifi_blur p {
  font-size: 18px;
  line-height: 24px;
}
.notifiBoxes ul li {
  padding: 10px 15px;
}
.watchVideo iframe {
  height: 290px;
}
.head_tag {
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
}
.head_tag1, .head_tag3, .head_tag4 {
  border-bottom: 1px solid #D0E3FF;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.marketBr_head1 .sector_search {
  min-width: 100%;
}
.marketBr_head1 .search_list li.dropdown__item {
  width: 100%;
}
.label_align {
  width: calc(50% - 7.5px);
}
.applyed_btn {
  width: calc(100% - 0px);
  flex-wrap: wrap;
}
.btn_apply, .border_btn {
  width:40%;
  justify-content: center;
}
.btn_apply {
  flex-direction: column;
}
.settings_head2 {
  display: none;
}
.stockEtf_tabs .nav-tabs {
  gap: 10px;
}
.stockEtf_tabs .nav-tabs .nav-item {
  width: unset;
}
.stockEtf_tabs .nav-tabs .nav-link {
  font-size: 16px;
  line-height: 22px;
}
.filterDropd_box .expand_btn span:before {
  right: -8px;
}
}
@media only screen and (max-width: 480px) {
.sector_search .dropdown__head {
  padding: 0 35px 0 8px;
}
.sector_search .dropdown__head input {
  max-width: calc(100% - 120px);
  font-size: 15px;
}
.item_box2 {
  margin-right: 8px;
}
.dropdown__head:before {
  right: 5px;
}
.item_box2 h6 {
  font-size: 15px;
  line-height: 20px;
}
.tooltip_box {
  width: 280px;
}
.tooltip_box p {
  font-size: 15px;
  line-height: 20px;
}
.watchlist_tabs > .nav-tabs .nav-link {
  padding: 0 10px 10px 10px;
}
.settings_tabs .nav-tabs {
  gap: 6px;
}
.settings_tabs .nav-tabs li {
  width: calc(33.33% - 4px);
}
.settings_tabs .nav-tabs .nav-link {
  font-size: 16px;
  line-height: 22px;
  padding: 0 10px 10px 10px;
}
.settings_head {
  gap: 15px;
}
.watchlist_tabs {
  margin-top: 15px;
}
.blue_box, .purple_box {
  background-position: bottom right;
}
.pricingNew1 h3 {
  font-size: 30px;
  line-height: 40px;
}
.pricingNew1 p:not(:last-child) {
  font-size: 18px;
  line-height: 24px;
}
.contactUs_sec1 h3 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 15px;
}
.notifiBoxes ul li {
  width: 100%;
}
.upgrade_popup .modal-dialog {
  max-width: 100%;
  padding: 0 15px;
}
.modal_btns {
  gap: 15px;
}
.modal_btns a {
  padding: 8px 20px;
  min-width: 120px;
}
.payment_failed span {
  font-size: 40px;
}
.empty_stock h3, .coming_soon h2 {
  font-size: 26px;
  line-height: 35px;
}
.empty_stock img {
  width: 160px;
}
.empty_stock p {
  font-family: 'DMSans-Regular';
  font-size: 17px;
  line-height: 23px;
}
.pageNot_Found {
  padding: 30px 15px;
}
.pageNot_Found1 img {
  height: 220px;
}
.pageNot_Found2 h1 {
  font-size: 100px;
  line-height: 80px;
  font-family: 'DMSans-Bold';
}
.pageNot_Found2 .error_msg {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 10px;
}
.pageNot_Found2 p {
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 20px;
}
.referral_sec22 ul {
  gap: 15px;
}
.referral_sec22 ul li {
  width: calc(50% - 7.5px);
}
.referral_sec22 ul li img {
  height: 40px;
  margin-bottom: 18px;
}
.referral_sec22 ul li h4 {
  font-size: 70px;
  line-height: 50px;
  top: 15px;
  right: 15px;
}
.referral_sec21 {
  margin-bottom: 20px;
}
.referral_sec2 {
  margin-top: 30px;
}
.referral_sec11 h3, .tutorial_sec h1 {
  font-size: 28px;
  line-height: 37px;
  margin-bottom: 12px;
}
.referral_sec21 h3 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 12px;
}
.subscription_b1 .bot_txt {
  font-size: 16px;
  line-height: 22px;
  margin-top: 15px;
}
.contactUs_sec1 {
  margin: 10px auto;
}
.lineChart_chrt {
  padding: 0;
}
.watchVideo iframe {
  height: 240px;
}
.label_align, .range_slider {
  width: 100%;
}
.subscription_b1.upgradePlan {
  padding: 15px;
}
.upgradePlan.subscription_b1 h6 {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 12px;
}
.note_p p, .planBottom, .note_p button {
  font-size: 16px;
  line-height: 22px;
}
.note_p .material-symbols-outlined {
  font-size: 18px;
}
}
@media only screen and (max-width: 440px) {
.card_boxes1 {
  width: 100%;
}
}
@media only screen and (max-width: 430px) {
.pric_sec2100 ul li {
  padding: 10px 15px;
  height: 65px;
}
.pricingNew1 h3 {
  font-size: 26px;
  line-height: 34px;
}
.referral_sec22 ul li {
  width: 100%;
}
.watchVideo iframe {
  height: 210px;
}
}
@media only screen and (max-width: 400px) {
.tooltip_box {
  width: 255px;
}
.tooltip_box p {
  font-size: 14px;
}
.stocksTab_item p > span:first-child {
  width: 120px;
}
.watchlist_sidebar, .watchlist_sidebar_etf {
  width: 300px;
  margin-right: -300px;
}
.settings_tabs .nav-tabs .nav-link {
  padding: 0 5px 10px 5px;
}
.contactUs_sec1 {
  margin: 0;
}
.contact_sec11 {
  gap: 20px;
}
.upgrade_popup .close_btn {
  top: 10px;
  right: 10px;
}
.referral_sec12 img {
  max-width: 280px;
}
.noti_topTxt {
  padding: 15px;
}
.watchVideo iframe {
  height: 195px;
}
.form-label {
  width: 80%;
}
}
@media only screen and (max-width: 360px) {
.pricingNew1 h3 {
  font-size: 24px;
  line-height: 32px;
}
.pric_sec2100 ul li {
  padding: 4px 10px;
  height: 70px;
}
.pricingNew1 p:not(:last-child) {
  font-size: 17px;
}
.contactUs_sec1 h3 {
  font-size: 18px;
  line-height: 24px;
}
.upgrade_popup .modal-body {
  padding: 25px 15px;
  padding-top: 30px;
  position: unset;
}
.modal_body h5 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 10px;
}
.modal_body p {
  font-size: 16px;
  line-height: 22px;
}
.modal_btns {
  gap: 12px;
  margin-top: 15px;
}
.modal_btns a {
  padding: 8px 15px;
  min-width: 110px;
  font-size: 14px;
}
.pageNot_Found1 img {
  height: 180px;
}
.pageNot_Found2 h1 {
  font-size: 80px;
  line-height: 60px;
}
.pageNot_Found2 .error_msg {
  font-size: 22px;
  line-height: 28px;
}
.pageNot_Found2 p {
  font-size: 16px;
}
.watchlist_tabs > ul {
  gap: 12px;
}
.watchlist_tabs > ul > li {
  width: calc(33.33% - 8px);
}
.watchlist_tabs > .nav-tabs .nav-link {
  font-size: 16px;
}
.notifi_blur p {
  font-family: 'DMSans-Bold';
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
}
.watchVideo iframe {
  height: 170px;
}
}
/*=========== MEDIA QUERY END ===========*/